@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.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{--bg: #ffffff;--surface: #f5f5f7;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--line: #d2d2d7;--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .16)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter Variable,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{max-width:520px;min-height:100dvh;margin:0 auto;padding:clamp(28px,6vh,60px) 22px 30px;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;gap:26px}.hero{text-align:center;margin-bottom:36px}.wordmark{margin:0;display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:650;letter-spacing:-.02em}.wordmark svg{display:block}.tagline{margin:9px 0 0;font-size:15px;line-height:1.45;color:var(--text-2)}.group{display:flex;flex-direction:column;gap:8px}.group-label{font-size:13px;font-weight:500;color:var(--text-2);padding-left:2px}textarea{width:100%;resize:none;overflow:hidden;font:inherit;font-size:17px;line-height:1.4;color:var(--text);padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);outline:none;transition:border-color .18s ease,box-shadow .18s ease}textarea::placeholder{color:var(--text-3)}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.seg{position:relative;display:flex;padding:3px;background:#ececee;border-radius:12px}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;background:var(--bg);border-radius:9px;box-shadow:0 1px 1px #0000000f,0 2px 8px #00000017;transition:transform .3s cubic-bezier(.3,.7,.25,1)}.seg-btn{position:relative;z-index:1;flex:1;min-height:44px;border:0;background:transparent;padding:11px 0;font:inherit;font-size:15px;font-weight:500;color:#3c3c43;border-radius:9px;cursor:pointer;transition:color .2s ease;touch-action:manipulation}.seg-btn[aria-checked=true]{font-weight:600;color:var(--text)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stage{background:var(--surface);border-radius:22px;min-height:264px;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-empty{margin:0;font-size:15px;color:var(--text-3);text-align:center}.plate{position:relative;flex:none;background:var(--bg);box-shadow:inset 0 0 0 1px #0000000a,0 2px 6px #0000000d,0 12px 32px #0000001a;transition:width .5s cubic-bezier(.3,.7,.2,1),height .5s cubic-bezier(.3,.7,.2,1),border-radius .5s cubic-bezier(.3,.7,.2,1)}.dot{position:absolute;background:var(--text);border-radius:50%;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.3,.7,.2,1),top .5s cubic-bezier(.3,.7,.2,1),width .5s cubic-bezier(.3,.7,.2,1),height .5s cubic-bezier(.3,.7,.2,1);animation:dot-in .32s cubic-bezier(.2,.75,.3,1.15) backwards}@keyframes dot-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.caption{min-height:18px;margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.btn{width:100%;min-height:54px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .18s ease,transform .15s ease;touch-action:manipulation}.btn:hover:enabled{background:var(--accent-hover)}.btn:active:enabled{transform:scale(.98)}.btn:disabled{background:#e9e9eb;color:#aeaeb2;cursor:default}.btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.btn-saved{background:#34c759}.btn-saved:hover:enabled{background:#34c759}footer{margin-top:36px;text-align:center;font-size:12.5px;color:var(--text-3)}.reveal{animation:fade-up .6s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.d5{animation-delay:.3s}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:420px){.page{padding-left:18px;padding-right:18px}.stage{padding:20px;min-height:220px}}