@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #08060d;--night: #0e0a17;--plum: #150f22;--surface: #1a1329;--surface-hi: #221936;--line: #2f2346;--line-soft: #241a38;--text: #f3eefb;--text-soft: #c9bfe0;--muted: #9a8fb5;--violet: #8b5cf6;--violet-hi: #a78bfa;--lilac: #d8ccff;--glow: rgba(139, 92, 246, .35);--danger: #ff8da1;--danger-bg: rgba(255, 141, 161, .1);--ok: #8fe3b8;--grad-accent: linear-gradient(135deg, #7c4dff 0%, #a78bfa 55%, #d0b8ff 100%);--grad-surface: linear-gradient(180deg, rgba(34, 25, 54, .9), rgba(21, 15, 34, .9));--font-display: "Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-body: "DM Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-md: 1.0625rem;--fs-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--fs-xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--fs-2xl: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);--fs-hero: clamp(2.75rem, 1.2rem + 6.4vw, 6.25rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: clamp(3rem, 2rem + 4vw, 5rem);--s-9: clamp(4.5rem, 2.5rem + 8vw, 9rem);--gutter: clamp(1.25rem, .5rem + 4vw, 3rem);--r-sm: 10px;--r-md: 16px;--r-lg: 28px;--r-pill: 999px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-2: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 30px 70px -24px rgba(0, 0, 0, .75), 0 0 0 1px var(--line-soft);--ease: cubic-bezier(.22, .8, .28, 1);--measure: 62ch;--container: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.08;margin:0;letter-spacing:-.015em;font-variation-settings:"opsz" 144,"SOFT" 50}p{margin:0}a{color:var(--lilac);text-underline-offset:.2em}a:hover{color:#fff}img,svg,audio{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.stack{display:flex;flex-direction:column;gap:var(--gap, var(--s-4))}.row{display:flex;align-items:center;gap:var(--gap, var(--s-3));flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.soft{color:var(--text-soft)}.measure{max-width:var(--measure)}.skip-link{position:absolute;left:var(--s-4);top:-4rem;background:var(--violet);color:#fff;padding:var(--s-2) var(--s-4);border-radius:var(--r-sm);z-index:100;transition:top .2s}.skip-link:focus{top:var(--s-4)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{--btn-bg: var(--surface-hi);--btn-fg: var(--text);--btn-bd: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:2.75rem;padding:0 var(--s-5);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);border-radius:var(--r-pill);font-weight:500;font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s}.btn:hover{border-color:var(--violet-hi);color:var(--btn-fg)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{--btn-bg: transparent;--btn-fg: #fff;--btn-bd: transparent;background-image:var(--grad-accent);box-shadow:0 8px 30px -8px var(--glow)}.btn--primary:hover{box-shadow:0 10px 40px -6px #8b5cf699;border-color:transparent}.btn--ghost{--btn-bg: transparent;--btn-bd: transparent;--btn-fg: var(--text-soft)}.btn--ghost:hover{background:#ffffff0d;border-color:transparent}.btn--danger{--btn-bg: transparent;--btn-fg: var(--danger);--btn-bd: rgba(255, 141, 161, .35)}.btn--danger:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn--lg{min-height:3.25rem;padding:0 var(--s-6);font-size:var(--fs-md)}.btn--sm{min-height:2.25rem;padding:0 var(--s-4);font-size:var(--fs-xs)}.btn--block{width:100%}.btn--icon{padding:0;width:2.75rem}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:var(--fs-sm);color:var(--text-soft);font-weight:500}.field__hint{font-size:var(--fs-xs);color:var(--muted)}.field__error{font-size:var(--fs-xs);color:var(--danger)}.input,.textarea{width:100%;background:#08060d99;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);min-height:3rem;color:var(--text);transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder,.textarea::placeholder{color:#6f6489}.input:hover,.textarea:hover{border-color:#43325f}.input:focus,.textarea:focus{outline:none;border-color:var(--violet-hi);box-shadow:0 0 0 4px #8b5cf633;background:#08060dd9}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:500;border:1px solid var(--line);color:var(--text-soft);white-space:nowrap}.badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.badge--draft{color:#e3c98a;border-style:dashed;border-color:#e3c98a73;background:#e3c98a0f}.badge--published{color:var(--lilac);border-color:#a78bfa80;background:#8b5cf624}.badge--published:before{box-shadow:0 0 10px var(--violet-hi)}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid var(--line);background:var(--surface)}.alert--error{color:var(--danger);background:var(--danger-bg);border-color:#ff8da159}.alert--ok{color:var(--ok);border-color:#8fe3b84d;background:#8fe3b812}.spinner{width:1.1em;height:1.1em;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:50vh;display:grid;place-items:center;color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:var(--r-lg);padding:var(--s-8) var(--s-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4);background:linear-gradient(180deg,rgba(139,92,246,.05),transparent)}.empty h3{font-size:var(--fs-xl)}.empty p{color:var(--text-soft);max-width:46ch}.modal{border:1px solid var(--line);background:var(--plum);color:var(--text);border-radius:var(--r-lg);padding:0;width:min(32rem,calc(100vw - 2rem));box-shadow:var(--shadow-2)}.modal::backdrop{background:#040208bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal[open]{animation:pop .25s var(--ease)}.modal__body{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.modal__actions{display:flex;gap:var(--s-3);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--s-2)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;inset:auto var(--s-4) var(--s-4) auto;display:flex;flex-direction:column;gap:var(--s-2);z-index:90;max-width:min(24rem,calc(100vw - 2rem))}.toast{padding:var(--s-3) var(--s-4);background:var(--surface-hi);border:1px solid var(--line);border-left:3px solid var(--violet-hi);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:pop .25s var(--ease)}.toast--error{border-left-color:var(--danger)}.switch{display:inline-flex;align-items:center;gap:var(--s-3);cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__track{width:3rem;height:1.75rem;border-radius:var(--r-pill);background:var(--line);border:1px solid #43325f;position:relative;transition:background .25s,box-shadow .25s;flex:none}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}.switch input:checked+.switch__track{background-image:var(--grad-accent);border-color:transparent;box-shadow:0 0 20px var(--glow)}.switch input:checked+.switch__track:after{transform:translate(1.25rem)}.switch input:focus-visible+.switch__track{outline:2px solid var(--violet-hi);outline-offset:3px}.switch input:disabled+.switch__track{opacity:.5}.segmented{display:inline-flex;padding:var(--s-1);background:#08060d99;border:1px solid var(--line);border-radius:var(--r-pill);gap:var(--s-1)}.segmented button{border:0;background:transparent;color:var(--text-soft);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:500;transition:background .25s,color .25s;min-height:2.5rem}.segmented button[aria-pressed=true]{background-image:var(--grad-accent);color:#fff}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu__list{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:150px;display:grid;padding:6px;border-radius:var(--r-md, 12px);border:1px solid #43325f;background:#120d1c;box-shadow:0 12px 30px #00000073}.menu__item{text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer}.menu__item:hover,.menu__item:focus-visible{background:#8b5cf62e;outline:none}.menu__item--danger{color:var(--danger)}.brand{display:inline-flex;align-items:center;gap:var(--s-3);text-decoration:none;color:var(--text)}.brand:hover{color:var(--text)}.brand__word{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.01em}.shell{min-height:100vh;background:radial-gradient(60rem 30rem at 85% -10%,rgba(139,92,246,.12),transparent 60%),var(--ink)}.shell__bar{position:sticky;top:0;z-index:30;background:#08060dc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.shell__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:4.25rem}.shell__nav{display:flex;gap:var(--s-1);margin-inline:auto var(--s-4)}.shell__link{color:var(--text-soft);text-decoration:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-sm)}.shell__link:hover{color:#fff;background:#ffffff0d}.shell__link.active{color:#fff;background:#8b5cf62e}.shell__main{padding-block:var(--s-8) var(--s-9);outline:none}@media (max-width: 720px){.shell__nav{display:none}.shell__bar-inner{min-height:3.75rem}}.auth{min-height:100vh;position:relative;overflow:hidden;background:var(--ink)}.auth__glow{position:absolute;inset:-20% -10% auto auto;width:60rem;height:40rem;background:radial-gradient(closest-side,rgba(124,77,255,.28),transparent);filter:blur(20px);pointer-events:none}.auth__inner{position:relative;display:flex;flex-direction:column;gap:var(--s-7);padding-block:var(--s-6) var(--s-8);min-height:100vh}.auth__card{width:min(100%,30rem);display:flex;flex-direction:column;gap:var(--s-5);margin-block:auto;padding:var(--s-7) var(--s-6);background:var(--grad-surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);outline:none}.auth__card h1{font-size:var(--fs-xl)}.auth__aside{font-size:var(--fs-sm);text-align:center}.auth__footer,.auth__legal{font-size:var(--fs-sm)}@media (min-width: 900px){.auth__card{margin-inline:auto 8vw}}@media (max-width: 520px){.auth__card{padding:var(--s-6) var(--s-5)}}.segmented a{color:var(--text-soft);text-decoration:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:500;min-height:2.5rem;display:inline-flex;align-items:center}.segmented a.is-active{background-image:var(--grad-accent);color:#fff}.drows{display:flex;flex-direction:column;gap:var(--s-3)}.drow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border:1px dashed var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:background .2s,border-color .2s,transform .25s var(--ease)}.drow:hover{background:#8b5cf612;border-color:var(--violet-hi);color:var(--text);transform:translate(4px)}.drow__title{font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;letter-spacing:0}.drow__meta{font-size:var(--fs-sm)}.drow__go{color:var(--lilac);font-size:var(--fs-sm)}@media (max-width: 640px){.drow{grid-template-columns:1fr auto}.drow__go{display:none}}.editor__bar{position:sticky;top:4.25rem;z-index:20;background:#0e0a17e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.editor__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:3.75rem;flex-wrap:wrap;padding-block:var(--s-2)}.editor__state{font-size:var(--fs-sm)}.editor__body{padding-block:var(--s-8) var(--s-9);display:flex;flex-direction:column;gap:var(--s-8)}.editor__h1{font-size:var(--fs-2xl)}.editor__head{display:flex;flex-direction:column;gap:var(--s-4)}.esec{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);padding-top:var(--s-7);border-top:1px solid var(--line-soft)}.esec__aside{display:flex;flex-direction:column;gap:var(--s-2)}.esec__aside h2{font-size:var(--fs-lg)}.esec__aside p{font-size:var(--fs-sm);max-width:32ch}@media (min-width: 900px){.esec{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-8)}.esec__aside{position:sticky;top:9.5rem;align-self:start}}@media (max-width: 720px){.editor__bar{top:3.75rem}}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.checks li{display:flex;align-items:center;gap:var(--s-3);color:var(--text-soft);font-size:var(--fs-sm)}.checks li:before{content:"";width:1.1rem;height:1.1rem;border-radius:50%;border:1.5px solid var(--danger);flex:none}.checks li.is-ok:before{border-color:var(--violet-hi);background:var(--violet-hi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%2308060d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.checks li.is-optional:before{border-color:var(--line);border-style:dashed}.voice{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);background:var(--grad-surface)}.voice--empty{border-style:dashed;background:transparent}.voice--live{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4);border-color:#a78bfa80;box-shadow:0 0 60px -20px var(--glow)}.voice__orb{width:5.5rem;height:5.5rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%)}.voice__orb span{width:2.25rem;height:2.25rem;border-radius:50%;background-image:var(--grad-accent);transform:scale(calc(1 + var(--level, 0) * .9));transition:transform .08s linear;box-shadow:0 0 calc(12px + var(--level, 0) * 40px) var(--glow)}.voice__clock{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;line-height:1}.player{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);background:#08060d8c;border:1px solid var(--line);border-radius:var(--r-lg)}.player--lg{padding:var(--s-6);gap:var(--s-6)}.player__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-3)}.player__play{flex:none;width:3.5rem;height:3.5rem;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;background-image:var(--grad-accent);box-shadow:0 10px 30px -8px var(--glow);transition:transform .2s var(--ease),box-shadow .25s}.player--lg .player__play{width:4.5rem;height:4.5rem}.player__play:hover{transform:scale(1.06);box-shadow:0 14px 40px -6px #8b5cf6b3}.player__track{display:flex;align-items:center;gap:3px;height:3.5rem;cursor:pointer;border-radius:var(--r-sm);touch-action:none}.player--lg .player__track{height:5rem;gap:4px}.player__bar{flex:1;height:calc(var(--h) * 100%);min-height:4px;border-radius:2px;background:#3b2d57;transition:background .15s}.player__bar.is-played{background:var(--violet-hi)}.player__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap}.player__time{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.player__chip{background:transparent;border:1px solid var(--line);color:var(--text-soft);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-size:var(--fs-xs);min-height:2rem;transition:border-color .2s,color .2s}.player__chip:hover{border-color:var(--violet-hi);color:#fff}@media (max-width: 520px){.player,.player--lg{flex-direction:column;align-items:stretch;padding:var(--s-5)}.player__play,.player--lg .player__play{align-self:center}}.share__url{display:flex;gap:var(--s-3);flex-wrap:wrap}.share__url .input{flex:1 1 14rem;min-width:0}@media (max-width: 520px){.share{padding:var(--s-5)}}.editor{margin-top:calc(var(--s-8) * -1)}.land{position:relative;overflow-x:clip;background:var(--ink)}.land__bg{position:absolute;inset:0 0 auto 0;height:100%;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb--a{width:38rem;height:38rem;top:-10rem;right:-12rem;background:#7c4dff52}.orb--b{width:28rem;height:28rem;top:55rem;left:-10rem;background:#a78bfa29}.orb--c{width:30rem;height:30rem;top:120rem;right:-8rem;background:#7c4dff2e}.land__nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding-block:var(--s-5);z-index:2}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8);align-items:center;padding-block:var(--s-8) var(--s-9)}.hero__copy{display:flex;flex-direction:column;gap:var(--s-6)}.hero__title{font-size:var(--fs-hero);line-height:.98;letter-spacing:-.03em;max-width:12ch;text-wrap:balance}.hero__lead{font-size:var(--fs-lg);max-width:34ch;line-height:1.55}@media (min-width: 980px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);min-height:min(46rem,80vh)}}.sample{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-5);background:var(--grad-surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2),0 40px 100px -30px var(--glow);transform:rotate(-1.5deg)}.sample__top{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--line-soft)}.sample__top .badge{margin-left:auto}.sample__name{font-weight:500;line-height:1.2}.sample__user{font-size:var(--fs-xs)}.sample__msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.sample .bubble{max-width:92%}.sample__row{display:flex;align-items:center;gap:var(--s-3)}.sample__row .player__play{width:2.75rem;height:2.75rem}.sample__bars{flex:1;display:flex;align-items:center;gap:3px;height:2.5rem;min-width:0}.sample__bars span{flex:1;height:calc(var(--h) * 100%);min-height:4px;border-radius:2px;background:var(--violet-hi);opacity:.85;transform-origin:center}.bubble--mine .sample__bars span{background:#ffffffd9}.sample__bars.is-playing span{animation:bob 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -70ms)}.sample__dur{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;opacity:.85}@keyframes bob{50%{transform:scaleY(.35)}}.band{position:relative;padding-block:var(--s-9);display:grid;gap:var(--s-8)}.band__head{display:flex;flex-direction:column;gap:var(--s-4)}.band__title{font-size:var(--fs-2xl);max-width:18ch;text-wrap:balance}.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-6);grid-template-columns:minmax(0,1fr)}.step{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--line)}.step h3{font-size:var(--fs-xl)}@media (min-width: 900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-7)}.step:nth-child(2){margin-top:var(--s-7)}.step:nth-child(3){margin-top:var(--s-8)}}.feats{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,1fr)}.feat{padding:var(--s-6);border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#150f228c;display:flex;flex-direction:column;gap:var(--s-3)}.feat h3{font-size:var(--fs-lg)}.feat--wide{background:var(--grad-surface);border-color:var(--line)}@media (min-width: 900px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}.feat--wide{grid-column:1 / -1;padding:var(--s-8) var(--s-7)}.feat--wide h3{font-size:var(--fs-xl);max-width:22ch}.feat--wide p{max-width:46ch;font-size:var(--fs-lg)}}.close{padding-block:var(--s-9)}.close__inner{display:flex;flex-direction:column;gap:var(--s-6);align-items:flex-start;padding:var(--s-8) var(--s-6);border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(40rem 20rem at 20% 0%,rgba(139,92,246,.28),transparent),var(--grad-surface)}.close__title{font-size:var(--fs-2xl);max-width:20ch;text-wrap:balance}@media (min-width: 900px){.close__inner{padding:var(--s-9) var(--s-8)}}.land__foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding-block:var(--s-7);border-top:1px solid var(--line-soft);font-size:var(--fs-sm)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--n, 0) * 90ms)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}.land__nav .row{flex-wrap:nowrap}@media (max-width: 420px){.land__nav .brand__word{font-size:1.15rem}}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;font-weight:600;color:#fff;letter-spacing:.02em;background:linear-gradient(140deg,hsl(var(--hue, 272) 70% 52%),hsl(calc(var(--hue, 272) + 24) 75% 68%));box-shadow:0 0 0 1px #ffffff1a inset}.avatar--sm{width:2rem;height:2rem;font-size:.75rem}.avatar--md{width:2.75rem;height:2.75rem;font-size:.9rem}.avatar--lg{width:4rem;height:4rem;font-size:1.3rem}.shell__me,.tabbar{display:none}.tab__badge,.conv__badge{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 var(--s-1);border-radius:var(--r-pill);background-image:var(--grad-accent);color:#fff;font-size:.72rem;font-weight:600;line-height:1}.shell__link .tab__badge{margin-left:var(--s-2)}@media (min-width: 721px){.shell__me{display:inline-flex}}@media (max-width: 720px){.shell__main{padding-bottom:calc(var(--s-9) + 3rem)}.tabbar{position:fixed;inset:auto 0 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:#0e0a17f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-soft);padding:var(--s-2) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2);color:var(--muted);text-decoration:none;font-size:.72rem;border-radius:var(--r-md)}.tab.is-active{color:var(--lilac)}.tab__icon{position:relative;display:inline-flex}.tab__icon .tab__badge{position:absolute;top:-6px;right:-12px}.shell--chat .tabbar,.shell--chat .shell__bar{display:none}.shell--chat .shell__main{padding:0}}.page{max-width:46rem;display:flex;flex-direction:column;gap:var(--s-6)}.page__head{display:flex;flex-direction:column;gap:var(--s-3)}.page__head--row{flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--s-5)}.page__title{font-size:var(--fs-2xl)}.profile__head{flex-direction:row;align-items:center;gap:var(--s-5)}.card-block{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--grad-surface)}.block-h{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:500;letter-spacing:0;display:flex;align-items:center;gap:var(--s-3)}.people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.person{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--line-soft);flex-wrap:wrap}.person:first-child{border-top:0}.person__who{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1 1 10rem}.person__actions{margin-left:auto}.invite-who{display:flex;align-items:center;gap:var(--s-4)}.invite-who>span:last-child{display:flex;flex-direction:column;line-height:1.3}@media (max-width: 520px){.card-block{padding:var(--s-5)}}.messenger{--pane-h: calc(100dvh - 4.25rem) ;display:grid;grid-template-columns:minmax(0,1fr);height:var(--pane-h)}.shell__main:has(.messenger){padding:0}.convlist{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-right:1px solid var(--line-soft);padding:var(--s-5) var(--s-4) var(--s-5) var(--gutter)}.convlist__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.convlist__title{font-size:var(--fs-xl)}.convlist__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.conv{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:background .2s}.conv:hover{background:#ffffff0a;color:var(--text)}.conv.is-active{background:#8b5cf624}.conv__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.conv__top,.conv__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.conv__name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv__time{font-size:var(--fs-xs);color:var(--muted);flex:none}.has-unread .conv__time{color:var(--lilac)}.conv__preview{color:var(--muted);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-unread .conv__preview{color:var(--text-soft)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4);border:1px solid rgba(167,139,250,.35);background:#8b5cf61a;border-radius:var(--r-md);font-size:var(--fs-sm)}.messenger__pane{min-width:0;min-height:0;display:flex;flex-direction:column}.messenger.is-list .messenger__pane,.messenger.is-chat .convlist{display:none}@media (min-width: 900px){.messenger{grid-template-columns:minmax(19rem,24rem) minmax(0,1fr)}.messenger.is-list .messenger__pane,.messenger.is-chat .convlist{display:flex}}@media (max-width: 720px){.messenger{--pane-h: 100dvh}.messenger.is-list{--pane-h: calc(100dvh - 8.25rem) }.convlist{padding-inline:var(--gutter);border-right:0}}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);text-align:center;padding:var(--s-7)}.chat-empty__title{font-family:var(--font-display);font-size:var(--fs-xl)}.chat{display:flex;flex-direction:column;min-height:0;height:100%;background:radial-gradient(40rem 24rem at 100% 0%,rgba(139,92,246,.09),transparent 70%)}.chat__head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--gutter);border-bottom:1px solid var(--line-soft);background:#0e0a17b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat__back{display:none;font-size:1.9rem;line-height:1;color:var(--lilac);text-decoration:none;padding:0 var(--s-2)}@media (max-width: 899px){.chat__back{display:inline-block}}.chat__who{flex:1;min-width:0;line-height:1.25}.chat__name{font-family:var(--font-body);font-size:var(--fs-md);font-weight:600;letter-spacing:0}.chat__user{font-size:var(--fs-xs)}.chat__list{flex:1;min-height:0;overflow-y:auto;padding:var(--s-5) var(--gutter);display:flex;flex-direction:column}.chat__msgs{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.chat__hint{margin:auto;color:var(--muted);text-align:center;max-width:30ch}.chat__older{align-self:center;margin-bottom:var(--s-4)}.chat__day{align-self:center;margin:var(--s-4) 0 var(--s-2)}.chat__day span{font-size:var(--fs-xs);color:var(--muted);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:#ffffff0d}.bubble{width:min(100%,24rem);display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:1.25rem}.bubble--theirs{align-self:flex-start;background:var(--surface-hi);border:1px solid var(--line);border-bottom-left-radius:.4rem}.bubble--mine{align-self:flex-end;background-image:linear-gradient(140deg,#6d3df0,#8b5cf6 60%,#a78bfa);color:#fff;border-bottom-right-radius:.4rem;box-shadow:0 10px 30px -14px var(--glow)}.bubble__letter{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap}.bubble__tag{font-size:.7rem;padding:1px var(--s-2);border-radius:var(--r-pill);background:#ffffff29}.bubble--theirs .bubble__tag{background:#a78bfa33;color:var(--lilac)}.bubble__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-md)}.bubble__meta{display:flex;align-items:center;gap:var(--s-2);font-size:.72rem;opacity:.9}.bubble__spacer{flex:1}.bubble__link{background:none;border:0;padding:var(--s-1) 0;color:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.9;min-height:1.5rem;display:inline-flex;align-items:center;gap:var(--s-1)}.bubble__link:hover{opacity:1}.bubble--theirs .bubble__link{color:var(--lilac)}.bubble__del{opacity:.6}.bubble__seen.is-seen{color:#fff;font-weight:600}.bubble--theirs .bubble__seen{color:var(--muted)}.bubble__text{font-size:var(--fs-sm);line-height:1.6;padding-top:var(--s-2);border-top:1px solid rgba(255,255,255,.18);white-space:pre-wrap}.player--sm{padding:0;gap:var(--s-3);border:0;background:none}.player--sm .player__play{width:2.75rem;height:2.75rem;box-shadow:none}.player--sm .player__track{height:2.25rem;gap:2px}.player--sm .player__meta{gap:var(--s-2)}.player--sm .player__time{font-size:.72rem}.player--sm .player__chip{min-height:1.6rem;padding:0 var(--s-2)}.bubble--mine .player__play{background:#fff;color:#6d3df0}.bubble--mine .player__bar{background:#ffffff59}.bubble--mine .player__bar.is-played{background:#fff}.bubble--mine .player__chip{border-color:#fff6;color:#fff}.bubble--mine .player__time .muted{color:#ffffffbf}@media (max-width: 520px){.player--sm{flex-direction:row;align-items:center}}.composer{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--gutter) calc(var(--s-4) + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:#0e0a17d9}.composer--info{text-align:center}.composer__mic{width:4.25rem;height:4.25rem;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;background-image:var(--grad-accent);box-shadow:0 12px 34px -8px var(--glow);transition:transform .2s var(--ease),box-shadow .25s}.composer__mic:hover:not(:disabled){transform:scale(1.06);box-shadow:0 16px 44px -6px #8b5cf6b3}.composer__mic:disabled{opacity:.7}.composer__label{font-size:var(--fs-xs);color:var(--muted)}.composer--live{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3);border-top-color:#a78bfa80;box-shadow:0 -20px 60px -30px var(--glow)}.composer__live{display:flex;align-items:center;gap:var(--s-3);flex:1;justify-content:center}.composer__dot{width:.85rem;height:.85rem;border-radius:50%;background:#ff8da1;transform:scale(calc(1 + var(--level, 0) * .9));box-shadow:0 0 calc(6px + var(--level, 0) * 20px) #ff8da1b3;transition:transform .08s linear}.composer__clock{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;line-height:1}.composer__retry{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;width:100%}@media (max-width: 520px){.composer__hint{display:none}}.admin{max-width:72rem}.admin__nav{display:flex;gap:var(--s-1);flex-wrap:wrap;padding:var(--s-1);background:#08060d99;border:1px solid var(--line);border-radius:var(--r-lg);width:fit-content;max-width:100%}.admin__nav a{color:var(--text-soft);text-decoration:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:500;min-height:2.5rem;display:inline-flex;align-items:center}.admin__nav a:hover{color:#fff}.admin__nav a.is-active{background-image:var(--grad-accent);color:#fff}.admin a:focus-visible,.admin button:focus-visible,.admin select:focus-visible{outline:2px solid var(--violet-hi);outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--s-4)}.stat{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--grad-surface)}.stat__value{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1.1;color:var(--text)}.stat__label{font-size:var(--fs-sm);color:var(--text-soft)}.stat__hint{font-size:var(--fs-xs);color:var(--muted)}.chart{width:100%;height:auto;display:block}.chart__bar--voice{fill:var(--violet)}.chart__bar--letter{fill:var(--lilac)}.chart__bar--single{fill:var(--violet-hi)}.chart__bar{transform-box:fill-box;transform-origin:bottom;animation:chart-grow .6s var(--ease) both}.chart__grid{stroke:var(--line-soft);stroke-width:1}.chart__tick{fill:var(--muted);font-size:10px;font-family:var(--font-body)}.chart.is-static .chart__bar{animation:none}@keyframes chart-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.chart__bar{animation:none}}.legend{display:flex;gap:var(--s-4);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-soft)}.legend i{display:inline-block;width:.75rem;height:.75rem;border-radius:var(--s-1);margin-right:var(--s-2);vertical-align:-1px}.meter{display:flex;flex-direction:column;gap:var(--s-1)}.meter__top{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--fs-sm)}.meter__track{height:.5rem;border-radius:var(--r-pill);background:var(--line-soft);overflow:hidden}.meter__fill{height:100%;border-radius:var(--r-pill);background-image:var(--grad-accent);min-width:2px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:var(--fs-xs);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-soft);vertical-align:middle}.table tr:first-child td{border-top:0}.table__num{text-align:right;font-variant-numeric:tabular-nums}.who{display:flex;flex-direction:column;line-height:1.3;min-width:0}.who span{overflow-wrap:anywhere}.ucards{display:none;list-style:none;margin:0;padding:0;gap:var(--s-3);flex-direction:column}.ucard{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.ucard dl{display:grid;grid-template-columns:auto 1fr;gap:var(--s-1) var(--s-4);margin:0;font-size:var(--fs-sm)}.ucard dt{color:var(--muted)}.ucard dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 720px){.table-wrap{display:none}.ucards{display:flex}}.badge--suspended{color:var(--danger);border-color:#ff8da166;background:var(--danger-bg)}.badge--admin{color:var(--lilac);border-color:#a78bfa80;background:#8b5cf624}.toolbar{display:flex;gap:var(--s-4);align-items:flex-end;flex-wrap:wrap}.toolbar .field{flex:1 1 16rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-soft)}.reports{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.report{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--grad-surface)}.report__head{display:flex;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;align-items:center}.report__text{margin:0;padding:var(--s-3) var(--s-4);border-left:2px solid var(--line);color:var(--text-soft);overflow-wrap:anywhere}.report__actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.report__evidence{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border:1px dashed var(--line);border-radius:var(--r-md)}.seg-tabs{display:flex;gap:var(--s-2);flex-wrap:wrap}@media (max-width: 720px){.tabbar--five{grid-template-columns:repeat(5,1fr)}}.legend__voice{background:var(--violet)}.legend__letter{background:var(--lilac)}.legend__transcriptions{background:var(--violet-hi)}