@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-cyrillic-ext-wght-normal-D_UHSL_T.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2) format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff) format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2) format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff) format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff) format("woff");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{--font-display: "Bricolage Grotesque Variable", "Hanken Grotesk Variable", system-ui, sans-serif;--font-body: "Hanken Grotesk Variable", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .92rem + .2vw, 1.02rem);--step-1: clamp(1.12rem, 1.05rem + .4vw, 1.3rem);--step-2: clamp(1.4rem, 1.25rem + .8vw, 1.85rem);--step-3: clamp(2.1rem, 1.7rem + 2.1vw, 3.4rem);--step-4: clamp(2.7rem, 2rem + 3.6vw, 4.8rem);--sp-1: .375rem;--sp-2: .625rem;--sp-3: .875rem;--sp-4: 1.25rem;--sp-5: 1.75rem;--sp-6: 2.5rem;--sp-7: 3.5rem;--sp-8: 5rem;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .14s;--dur-2: .26s;--dur-3: .52s;--coral: #ff5233;--coral-ink: #2a0d06;--mint: #34e39b}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #101119;--bg-glow: #171a2b;--surface: #181a24;--surface-2: #1f2230;--surface-3: #262a3a;--line: #2c2f3d;--line-strong: #3a3e50;--text: #eeeff5;--text-mid: #b9bcce;--muted: #8a8ea6;--accent: var(--coral);--accent-ink: #1a0a05;--in: var(--mint);--out: var(--coral);--focus: #7aa2ff;--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 30px 60px -30px rgba(0, 0, 0, .7);--sprocket: #0c0d14;--film-base: #202433}:root[data-theme=light]{color-scheme:light;--bg: #eef0f6;--bg-glow: #e4e8f4;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaedf5;--line: #dfe3ee;--line-strong: #cbd1e0;--text: #14151d;--text-mid: #3d4256;--muted: #656b82;--accent: #ec3f1f;--accent-ink: #ffffff;--in: #0bb47b;--out: #ec3f1f;--focus: #2f5bd0;--shadow-card: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 24px 48px -28px rgba(31, 41, 71, .35);--sprocket: #e9ecf5;--film-base: #dfe3ef}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--bg: #eef0f6;--bg-glow: #e4e8f4;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaedf5;--line: #dfe3ee;--line-strong: #cbd1e0;--text: #14151d;--text-mid: #3d4256;--muted: #656b82;--accent: #ec3f1f;--accent-ink: #ffffff;--in: #0bb47b;--out: #ec3f1f;--focus: #2f5bd0;--shadow-card: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 24px 48px -28px rgba(31, 41, 71, .35);--sprocket: #e9ecf5;--film-base: #dfe3ef}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}body{background-image:radial-gradient(120% 90% at 82% -8%,color-mix(in oklab,var(--coral) 16%,transparent),transparent 55%),radial-gradient(90% 80% at 8% 8%,color-mix(in oklab,var(--mint) 12%,transparent),transparent 50%),linear-gradient(180deg,var(--bg-glow),var(--bg) 40%);background-attachment:fixed}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in oklab,var(--coral) 40%,transparent);color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{width:min(100% - 2 * var(--sp-4),720px);margin-inline:auto;padding-block:var(--sp-5) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-6)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand__mark{width:34px;height:34px;flex:none;color:var(--accent)}.brand__name{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);letter-spacing:-.03em;line-height:1}.brand__tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:3px}.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 70%,transparent);color:var(--text-mid);cursor:pointer;transition:color var(--dur-1),border-color var(--dur-1),transform var(--dur-1)}.theme-toggle:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px}.hero{max-width:38rem}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.hero__eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}.hero__title{font-family:var(--font-display);font-weight:800;font-size:var(--step-4);line-height:.98;letter-spacing:-.035em;max-width:16ch}.hero__title em{font-style:normal;color:var(--accent)}.hero__sub{margin-top:var(--sp-4);color:var(--text-mid);font-size:var(--step-1);max-width:46ch}.console{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:clamp(var(--sp-4),2.5vw,var(--sp-6));position:relative;overflow:hidden}.console:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.form{display:flex;flex-direction:column;gap:var(--sp-5)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--step--1);font-weight:600;letter-spacing:.01em;color:var(--text-mid);display:flex;align-items:center;gap:var(--sp-2)}.field__hint{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.02em}.input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:.85rem 1rem;color:var(--text);transition:border-color var(--dur-1),box-shadow var(--dur-1),background var(--dur-1)}.input::placeholder{color:var(--muted)}.input:hover{border-color:color-mix(in oklab,var(--line-strong) 60%,var(--text-mid))}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.input--url{font-size:var(--step-1)}.field.has-error .input{border-color:var(--out);box-shadow:0 0 0 3px color-mix(in oklab,var(--out) 20%,transparent)}.field__error{font-size:var(--step--1);color:color-mix(in oklab,var(--out) 78%,var(--text));min-height:0;display:none}.field.has-error .field__error{display:block}.urlinfo{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);font-size:var(--step--1);color:var(--text-mid);min-height:1.2em}.urlinfo__dot{width:8px;height:8px;border-radius:50%;flex:none}.urlinfo.is-loading .urlinfo__dot{background:var(--muted);animation:pulse 1s var(--ease-in-out) infinite}.urlinfo.is-ok .urlinfo__dot{background:var(--in)}.urlinfo.is-bad .urlinfo__dot{background:var(--out)}.urlinfo__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urlinfo__dur{flex:none;font-family:var(--font-mono);font-size:.72rem;color:var(--muted);letter-spacing:.02em}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.clip{display:flex;flex-direction:column;gap:var(--sp-3)}.clip__head{display:flex;align-items:center;justify-content:space-between}.tag{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill);border:1px solid transparent}.tag--in{color:var(--in);border-color:color-mix(in oklab,var(--in) 40%,transparent);background:color-mix(in oklab,var(--in) 12%,transparent)}.tag--out{color:var(--out);border-color:color-mix(in oklab,var(--out) 40%,transparent);background:color-mix(in oklab,var(--out) 12%,transparent)}.clip__len{font-family:var(--font-mono);font-size:var(--step-0);color:var(--text);font-weight:700;letter-spacing:.02em}.clip__len small{color:var(--muted);font-weight:400;letter-spacing:.14em;font-size:.6rem;text-transform:uppercase;margin-left:6px}.film{position:relative;height:62px;border-radius:var(--r-sm);background:var(--film-base);background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--sprocket) 10px 16px),repeating-linear-gradient(90deg,transparent 0 10px,var(--sprocket) 10px 16px);background-size:100% 9px,100% 9px;background-position:0 0,0 100%;background-repeat:no-repeat;border:1px solid var(--line);overflow:hidden;isolation:isolate;--in-pos: 16;--out-pos: 74}.film__selection{position:absolute;top:9px;bottom:9px;left:calc(var(--in-pos) * 1%);width:calc((var(--out-pos) - var(--in-pos)) * 1%);background:color-mix(in oklab,var(--accent) 16%,transparent);transition:left var(--dur-1) linear,width var(--dur-1) linear,opacity var(--dur-2) var(--ease-out)}.film__post{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:30px;border-radius:4px;z-index:3;box-shadow:0 1px 5px #00000073;transition:left var(--dur-1) linear,transform var(--dur-1) var(--ease-out),opacity var(--dur-2);touch-action:none}.film__post--in{left:calc(var(--in-pos) * 1%);background:var(--in)}.film__post--out{left:calc(var(--out-pos) * 1%);background:var(--out)}.film.is-live .film__post{cursor:ew-resize}.film.is-live .film__post:hover,.film.is-live .film__post.is-drag{transform:translate(-50%,-50%) scaleY(1.18);box-shadow:0 2px 10px color-mix(in oklab,var(--accent) 50%,rgba(0,0,0,.5))}.film.is-dragging .film__selection,.film.is-dragging .film__post{transition:none}.film__progress{position:absolute;top:9px;bottom:9px;left:0;width:0%;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 60%,var(--mint)),var(--accent));box-shadow:0 0 24px -4px color-mix(in oklab,var(--accent) 70%,transparent);opacity:0;transition:width var(--dur-2) var(--ease-out),opacity var(--dur-1)}.film__scan{position:absolute;top:0;bottom:0;width:2px;background:var(--text);opacity:0;mix-blend-mode:overlay}.film.is-running .film__selection,.film.is-running .film__post{opacity:0}.film.is-running .film__progress{opacity:1}.clip__times{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.timecode{display:flex;flex-direction:column;gap:6px}.timecode__label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.timecode__label:before{content:"";width:8px;height:8px;border-radius:2px}.timecode--in .timecode__label:before{background:var(--in)}.timecode--out .timecode__label:before{background:var(--out)}.input--time{font-family:var(--font-mono);font-size:var(--step-1);letter-spacing:.06em;text-align:center}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md)}.segmented__opt{position:relative}.segmented__opt input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented__opt span{display:block;text-align:center;padding:.5rem .25rem;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-mid);cursor:pointer;transition:color var(--dur-1),background var(--dur-1)}.segmented__opt input:hover+span{color:var(--text);background:var(--surface-3)}.segmented__opt input:checked+span{color:var(--accent-ink);background:var(--accent);font-weight:700}.segmented__opt input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.submit{appearance:none;border:none;cursor:pointer;width:100%;padding:1.05rem 1.5rem;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2),filter var(--dur-1);box-shadow:0 12px 30px -12px color-mix(in oklab,var(--accent) 80%,transparent)}.submit:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px color-mix(in oklab,var(--accent) 85%,transparent)}.submit:active{transform:translateY(0)}.submit:disabled{cursor:progress;filter:saturate(.6) brightness(.9);transform:none}.submit svg{width:20px;height:20px}.stage{display:flex;flex-direction:column;gap:var(--sp-5)}.stage__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.stage__label{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:-.02em}.stage__pct{font-family:var(--font-mono);font-size:var(--step-1);color:var(--accent);font-weight:700}.steps{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0}.steps li{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);transition:color var(--dur-1),border-color var(--dur-1),background var(--dur-1)}.steps li[data-active=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.steps li[data-done=true]{color:var(--in);border-color:color-mix(in oklab,var(--in) 45%,transparent)}.result{display:flex;flex-direction:column;gap:var(--sp-4)}.result__head{display:flex;align-items:center;gap:var(--sp-3)}.result__badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-pill);background:color-mix(in oklab,var(--in) 18%,transparent);color:var(--in)}.result__badge svg{width:18px;height:18px}.result__title{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:-.02em}.result video{width:100%;max-height:60vh;object-fit:contain;border-radius:var(--r-md);border:1px solid var(--line);background:#000}.result__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.result__meta{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.result__meta b{color:var(--text-mid);font-weight:400}.btn{appearance:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.85rem 1.25rem;border-radius:var(--r-md);font-weight:700;font-size:var(--step-0);transition:transform var(--dur-1),background var(--dur-1),border-color var(--dur-1),color var(--dur-1)}.btn svg{width:18px;height:18px}.btn--primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn--ghost:hover{border-color:var(--text-mid);background:var(--surface-3)}.btn.is-copied{color:var(--in);border-color:color-mix(in oklab,var(--in) 55%,transparent)}.notice{border-radius:var(--r-md);padding:.85rem 1rem;font-size:var(--step--1);border:1px solid var(--line);background:var(--surface);color:var(--text-mid);display:flex;gap:var(--sp-2)}.notice--warn{border-color:color-mix(in oklab,#f6b73c 45%,transparent);color:color-mix(in oklab,#f6b73c 82%,var(--text));background:color-mix(in oklab,#f6b73c 10%,var(--surface))}.notice--error{border-color:color-mix(in oklab,var(--out) 45%,transparent);color:color-mix(in oklab,var(--out) 80%,var(--text));background:color-mix(in oklab,var(--out) 8%,var(--surface))}.linkback{background:none;border:none;cursor:pointer;color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;align-self:flex-start;padding:4px 0;transition:color var(--dur-1)}.linkback:hover{color:var(--text)}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);color:var(--muted);font-size:var(--step--1);flex-wrap:wrap}.footer a{color:var(--text-mid);text-decoration:none;transition:color var(--dur-1)}.footer a:hover{color:var(--accent)}.footer__mono{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{animation:rise var(--dur-3) var(--ease-out) both}.reveal-2{animation-delay:90ms}.reveal-3{animation-delay:.18s}@media (max-width: 560px){.segmented__opt span{padding:.6rem 0;font-size:.78rem}.result__actions{grid-template-columns:1fr}.hero__title{font-size:var(--step-3)}}