@font-face{font-family:Exo;font-style:italic;font-display:swap;font-weight:300;src:url(/assets/exo-vietnamese-300-italic-B1xxNi4w.woff2) format("woff2"),url(/assets/exo-vietnamese-300-italic-B4nGAMTx.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:Exo;font-style:italic;font-display:swap;font-weight:300;src:url(/assets/exo-latin-ext-300-italic-1X-yJ7FM.woff2) format("woff2"),url(/assets/exo-latin-ext-300-italic-CB7dVek5.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:Exo;font-style:italic;font-display:swap;font-weight:300;src:url(/assets/exo-latin-300-italic-CxR5nWn6.woff2) format("woff2"),url(/assets/exo-latin-300-italic-CwKZgbs1.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:Exo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-vietnamese-400-normal-UCRd5vP6.woff2) format("woff2"),url(/assets/exo-vietnamese-400-normal-yukIGQfL.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:Exo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-latin-ext-400-normal-B28fqpFm.woff2) format("woff2"),url(/assets/exo-latin-ext-400-normal-CIDqNkUZ.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:Exo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-latin-400-normal-D8KS7ddm.woff2) format("woff2"),url(/assets/exo-latin-400-normal-ChlmRXYZ.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:Exo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-vietnamese-500-normal-RTN6N-Zm.woff2) format("woff2"),url(/assets/exo-vietnamese-500-normal-CweMGsIn.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:Exo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-latin-ext-500-normal-BIdaBT7G.woff2) format("woff2"),url(/assets/exo-latin-ext-500-normal-BAds0juK.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:Exo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-latin-500-normal-C0tOtMD3.woff2) format("woff2"),url(/assets/exo-latin-500-normal-FPFKmpJ3.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:Exo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-vietnamese-600-normal-CjyjwGgx.woff2) format("woff2"),url(/assets/exo-vietnamese-600-normal-Cz812BX0.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:Exo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-latin-ext-600-normal-B44DbxjS.woff2) format("woff2"),url(/assets/exo-latin-ext-600-normal-D-kA2hVs.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:Exo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-latin-600-normal-Bj_6olIa.woff2) format("woff2"),url(/assets/exo-latin-600-normal-B8oQE8no.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:Exo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-vietnamese-700-normal-CB2O_I0i.woff2) format("woff2"),url(/assets/exo-vietnamese-700-normal-B7HIpTyp.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:Exo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-latin-ext-700-normal-Bfo6Yegm.woff2) format("woff2"),url(/assets/exo-latin-ext-700-normal-CnQ3I3Hz.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:Exo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-latin-700-normal-CFqZ6J3B.woff2) format("woff2"),url(/assets/exo-latin-700-normal-CT9uiwmu.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:Exo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/exo-vietnamese-800-normal-CsMaWxGq.woff2) format("woff2"),url(/assets/exo-vietnamese-800-normal-DcL_y3Xv.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:Exo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/exo-latin-ext-800-normal-DLxJswuU.woff2) format("woff2"),url(/assets/exo-latin-ext-800-normal-DC0DuBF2.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:Exo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/exo-latin-800-normal-D0Z3Gicd.woff2) format("woff2"),url(/assets/exo-latin-800-normal-Dmt55ZdK.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{--magenta: #ad1aad;--violet: #7d2fb5;--sky: #6a6cff;--navy: #1b1464;--grad: linear-gradient(135deg, #c41fc4 0%, #8b2fd0 55%, #6a6cff 100%);--grad-text: linear-gradient(100deg, #c41fc4 0%, #8b2fd0 60%, #6a6cff 100%);--gold: linear-gradient(135deg, #ffd36a 0%, #ff9e4f 50%, #ff6fd2 100%);--bubble: 18px 18px 18px 6px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--menu: linear-gradient(180deg, #1d1569 0%, #150f45 45%, #0e0a30 100%)}:root,[data-theme=light]{color-scheme:light;--bg: #f6f4fc;--glow-a: rgba(196, 31, 196, .1);--glow-b: rgba(106, 108, 255, .11);--surface: #ffffff;--surface-raised: linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);--surface-sunk: #f3f0fa;--border: #e7e1f3;--border-strong: #d5cbe8;--text: #221a3d;--heading: #1b1464;--muted: #696283;--faint: #8e87a6;--accent: #ad1aad;--accent-text: #92148f;--accent-soft: rgba(173, 26, 173, .09);--live: #0f8a5f;--live-soft: rgba(19, 168, 118, .12);--wait: #9a6200;--wait-soft: rgba(240, 168, 40, .16);--danger: #c0243f;--danger-soft: rgba(192, 36, 63, .09);--code-bg: #120d34;--shadow-sm: 0 1px 2px rgba(27, 20, 100, .06);--shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(27, 20, 100, .05), 0 12px 32px -20px rgba(27, 20, 100, .28);--shadow-lg: 0 30px 70px -30px rgba(27, 20, 100, .45);--chart: #ad1aad;--chart-hover: #7d2fb5;--grid: #ece7f6}[data-theme=dark]{color-scheme:dark;--bg: #0a081d;--glow-a: rgba(196, 31, 196, .16);--glow-b: rgba(106, 108, 255, .14);--surface: #15113a;--surface-raised: linear-gradient(180deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .025) 100%);--surface-sunk: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .17);--text: #e8e5f6;--heading: #ffffff;--muted: #a7a1c4;--faint: #8a84ad;--accent: #db5adb;--accent-text: #ec8eec;--accent-soft: rgba(219, 90, 219, .14);--live: #4fd8a2;--live-soft: rgba(79, 216, 162, .13);--wait: #f5be5b;--wait-soft: rgba(245, 190, 91, .14);--danger: #ff6b85;--danger-soft: rgba(255, 107, 133, .12);--code-bg: #07051a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 16px 40px -24px rgba(0, 0, 0, .8);--shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, .9);--chart: #db5adb;--chart-hover: #f08ef0;--grid: rgba(255, 255, 255, .07)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 600px at 100% -10%,var(--glow-a),transparent 60%),radial-gradient(800px 600px at 10% 110%,var(--glow-b),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:15px/1.55 Exo,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease),color .3s var(--ease)}h1,h2,h3{margin:0;color:var(--heading);text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.9em}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid rgba(196,31,196,.45);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.stack{display:grid;gap:14px}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.02)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes stripes{to{background-position:40px 0,0 0}}@keyframes slide{0%{left:-40%}to{left:100%}}@keyframes wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes glow{0%,to{box-shadow:0 0 #c41fc400}50%{box-shadow:0 0 0 6px #c41fc440}}@keyframes grow{0%{transform:scaleY(0)}}.rise{animation:rise .45s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s,border-color .2s,opacity .2s}.button:active:not(:disabled){transform:translateY(1px) scale(.99)}.button:disabled{cursor:default;opacity:.55}.button.primary{background:var(--grad);color:#fff;box-shadow:0 1px #ffffff40 inset,0 8px 20px -8px #ad1aada6}.button.primary:hover:not(:disabled){box-shadow:0 1px #ffffff4d inset,0 12px 28px -8px #ad1aadcc;transform:translateY(-1px)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--heading);box-shadow:var(--shadow-sm)}.button.secondary:hover:not(:disabled){border-color:var(--accent)}.button.danger{background:var(--danger);color:#fff}.button.big{height:50px;padding:0 30px;font-size:16px}.button[aria-busy=true]{cursor:progress}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.icon-button:hover{background:var(--accent-soft);color:var(--heading)}.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger)}.text-button{border:0;background:none;padding:4px 6px;color:var(--accent-text);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.copy{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--heading);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.copy:hover{border-color:var(--accent)}.copy.done{border-color:var(--live);color:var(--live)}.field{display:grid;gap:6px;align-content:start}.field>span{font-size:13px;font-weight:600;color:var(--heading)}.field input,.field select{height:44px;width:100%;padding:0 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.field input:disabled{background:var(--surface-sunk);color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--magenta)}.message{padding:10px 14px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:14px}.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--surface-sunk);color:var(--heading);font-size:12px;font-weight:600;white-space:nowrap}.tag.accent{background:var(--accent-soft);color:var(--accent-text)}.tag.live{background:var(--live-soft);color:var(--live)}.tag.wait{background:var(--wait-soft);color:var(--wait)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.premium-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;border-radius:999px;background:var(--gold);color:#3b1a00;font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px -6px #ff8c3ccc;white-space:nowrap}.auth{min-height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.auth-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:44px 56px;background:radial-gradient(600px 400px at 15% 100%,rgba(196,31,196,.45),transparent 65%),radial-gradient(500px 400px at 100% 0%,rgba(106,108,255,.35),transparent 60%),var(--menu);color:#fff}.auth-brand-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0 / 22px 22px;pointer-events:none}.auth-brand-panel>*{position:relative;z-index:1}.auth-pitch{display:grid;gap:18px;max-width:520px}.eyebrow{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:6px 14px 6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;font-size:12.5px;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff6fd2;box-shadow:0 0 10px #ff6fd2}.auth-pitch h1{color:#fff;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.035em}.auth-pitch h1 em{font-style:italic;font-weight:300;color:#e9c7ff}.auth-pitch p{color:#ffffffb8;font-size:17px;max-width:440px}.auth-wave{display:flex;align-items:center;gap:5px;height:56px}.auth-wave span{width:6px;height:100%;border-radius:6px;background:linear-gradient(180deg,#ff6fd2,#8b5cff);animation:wave 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.12s);opacity:.85}.auth-side{position:relative;display:grid;place-items:center;padding:40px 24px}.auth-side .theme-switch{position:absolute;top:18px;right:18px}.auth-column{width:min(420px,100%);display:grid;gap:20px;animation:rise .5s var(--ease) both}.auth-card{display:grid;gap:18px;padding:34px 32px;border:1px solid var(--border);border-radius:26px 26px 26px 8px;background:var(--surface-raised),var(--surface);box-shadow:var(--shadow-lg)}.auth-card h1{font-size:28px;letter-spacing:-.025em}.auth-card .button{width:100%;height:46px}.lead{color:var(--muted)}.auth-foot{text-align:center;color:var(--muted)}.quiet-link{justify-self:center;font-size:14px}.brand-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important}.brand-logo img{display:block;height:40px;width:auto}.brand-logo span{padding:3px 10px;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:12px;letter-spacing:.02em;box-shadow:0 6px 16px -8px #c41fc4e6}.shell{height:100%;display:grid;grid-template-columns:248px minmax(0,1fr)}.side{position:relative;display:flex;flex-direction:column;gap:26px;padding:20px 14px 14px;min-height:0;background:radial-gradient(300px 260px at 0% 100%,rgba(196,31,196,.35),transparent 70%),var(--menu);color:#ffffffdb;box-shadow:1px 0 #ffffff0d}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.menu-button{display:none;color:#fff}.nav{display:grid;gap:4px}.nav-label{margin:10px 14px 2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.nav-item{position:relative;display:flex;align-items:center;gap:12px;height:42px;padding:0 14px;border:0;border-radius:12px;background:none;color:#ffffffc2;font-weight:600;font-size:15px;text-decoration:none!important;cursor:pointer;text-align:left;transition:background .2s,color .2s}.nav-item svg{opacity:.8}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:linear-gradient(90deg,#c41fc473,#6a6cff38);color:#fff;box-shadow:0 1px #ffffff1f inset,0 8px 22px -12px #c41fc4e6}.nav-item.active svg{opacity:1}.side-foot{margin-top:auto;display:grid;gap:10px}.who{display:grid;grid-template-columns:38px minmax(0,1fr);gap:1px 10px;align-items:center;padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.who-initial{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px 12px 12px 4px;background:var(--grad);color:#fff;font-weight:700}.who b{color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who span{color:#fff9;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-actions{display:flex;align-items:center;gap:6px}.side-actions .nav-item{flex:1;height:38px}.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.auth-side .theme-switch{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.theme-switch button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:#ffffffa6;cursor:pointer;transition:background .2s,color .2s,transform .3s var(--ease)}.auth-side .theme-switch button{color:var(--muted)}.theme-switch button[aria-pressed=true]{background:var(--grad);color:#fff;transform:rotate(-12deg)}.main{display:flex;flex-direction:column;min-width:0;overflow:auto}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:26px 36px 0}.top-title{display:grid;gap:2px}.top-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.top h1{font-size:30px;letter-spacing:-.03em;line-height:1.15}.top-actions{display:flex;align-items:center;gap:10px}.period{color:var(--muted);font-weight:600}.content{flex:1;padding:22px 36px 36px;animation:rise .4s var(--ease) both}.card{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--bubble);background:var(--surface-raised),var(--surface);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h2{font-size:17px;letter-spacing:-.01em}.card-actions{display:flex;align-items:center;gap:8px}.table-card{padding:0;overflow-x:auto}.table-card .card-head{padding:20px 22px 0;margin-bottom:8px}.table-card>.muted{padding:0 22px 22px}.icon-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:14px 14px 14px 5px;background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px #ad1aadbf}.empty{display:grid;justify-items:center;gap:12px;padding:52px 24px;text-align:center;color:var(--muted)}.empty h2{font-size:20px}.empty .button{margin-top:4px}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--surface-sunk) 0%,var(--border) 50%,var(--surface-sunk) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.table{width:100%;border-collapse:collapse}.table th{padding:12px 22px 10px;border-bottom:1px solid var(--border);color:var(--faint);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.table td{padding:13px 22px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--surface-sunk)}.table tr:last-child td{border-bottom:0}.table .strong{font-weight:600;color:var(--heading)}.table .end{text-align:right;width:1%}.table .number{text-align:right;font-variant-numeric:tabular-nums}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.key-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:8px;background:var(--surface-sunk);color:var(--heading);font-family:var(--mono);font-size:13px}.progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:var(--surface-sunk)}.progress>span{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.24) 0 10px,transparent 10px 20px),var(--grad);background-size:40px 100%,100% 100%;animation:stripes .8s linear infinite;transition:width .35s var(--ease)}.progress.indeterminate>span{width:40%;animation:stripes .8s linear infinite,slide 1.3s var(--ease) infinite}.wave{display:inline-flex;align-items:center;gap:4px;height:34px}.wave span{width:5px;height:100%;border-radius:5px;background:linear-gradient(180deg,#ff6fd2,#8b5cff);animation:wave 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -.11s)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.section-head h2{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.015em}.section+.section{margin-top:34px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.tile{position:relative;display:grid;align-content:start;min-width:0;border:1px solid var(--border);border-radius:var(--bubble);background:var(--surface-raised),var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile.fresh{animation:pop .6s var(--ease) both,glow 1.6s ease-in-out 3}.tile-media{position:relative;aspect-ratio:912 / 512;overflow:hidden;background:var(--surface-sunk)}.tile-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.tile:hover .tile-media img{transform:scale(1.04)}.tile-media .premium-badge,.tile-media .lock{position:absolute;top:10px;left:10px;z-index:2}.tile-body{display:grid;gap:10px;padding:14px 16px 16px}.tile-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.tile-id{display:flex;align-items:center;gap:8px;min-width:0}.tile-id code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12.5px}.premium-frame{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gold) border-box}.premium-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px 120px at 100% 0%,rgba(255,180,90,.18),transparent 70%);pointer-events:none;z-index:1}.lock{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#0a081db8;color:#fff;font-size:11.5px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.inline-name{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:2px 6px;margin:-2px -6px;border:0;border-radius:8px;background:none;color:var(--heading);font-weight:700;font-size:16px;text-align:left;cursor:text}.inline-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-name svg{flex:none;opacity:0;color:var(--faint);transition:opacity .15s}.inline-name:hover{background:var(--accent-soft)}.inline-name:hover svg,.inline-name:focus-visible svg{opacity:1}.inline-name.static{cursor:default}.inline-name.static:hover{background:none}.inline-input{width:100%;height:32px;padding:0 8px;margin:-4px -8px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);font-weight:700;font-size:16px;box-shadow:0 0 0 4px var(--accent-soft)}.inline-input:focus{outline:none}.add-tile{display:grid;place-items:center;align-content:center;gap:12px;min-height:230px;border:2px dashed var(--border-strong);border-radius:var(--bubble);background:var(--surface-sunk);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}.add-tile:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.add-tile b{color:var(--heading);font-size:16px}.builder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:22px;align-items:start}.builder-stage-card{position:sticky;top:0;display:grid;gap:18px}.stage{position:relative;aspect-ratio:912 / 512;overflow:hidden;border-radius:16px 16px 16px 6px;background:linear-gradient(135deg,#c41fc414,#6a6cff14),var(--surface-sunk);box-shadow:0 0 0 1px var(--border) inset;transition:box-shadow .2s,transform .2s var(--ease)}.stage img{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.stage-background,.stage-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:top;animation:rise .4s var(--ease) both}.stage-person{left:15.241%;top:-3.516%;width:69.518%;height:auto;animation:rise .4s var(--ease) both}.stage.dragging{box-shadow:0 0 0 3px var(--accent) inset,0 20px 50px -20px #ad1aadb3;transform:scale(1.01)}.stage-hint{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;padding:20px}.stage-hint b{color:var(--heading);font-size:17px}.stage-drop,.stage-working,.stage-done{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-content:center;gap:14px;color:#fff;text-align:center;animation:rise .25s var(--ease) both}.stage-drop{background:#140c3c8c;font-weight:700;font-size:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.stage-drop .choices{display:flex;gap:10px}.stage-working{background:#0a081d9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-working .progress{width:min(320px,70%);background:#ffffff26}.stage-working b{font-size:16px}.stage-done{background:#0a081d59;font-weight:700;font-size:20px}.stage-done .icon-tile{width:56px;height:56px;animation:pop .5s var(--ease) both}.build-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.build-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--muted);font-size:13.5px}.steps-col{display:grid;gap:18px}.step{display:grid;gap:14px}.step-head{display:flex;align-items:center;gap:12px}.step-number{font-size:30px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent);letter-spacing:-.02em}.step-head h2{font-size:18px}.step-head .tag{margin-left:auto}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.pick-grid.wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pick{position:relative;display:grid;align-content:start;gap:6px;padding:6px;border:1px solid var(--border);border-radius:14px 14px 14px 5px;background:var(--surface);text-align:left;cursor:grab;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s;animation:rise .35s var(--ease) both;animation-delay:calc(var(--i, 0) * 30ms)}.pick:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow)}.pick:active{cursor:grabbing}.pick.chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 12px 26px -14px #ad1aadcc}.pick.premium-frame.chosen{box-shadow:0 0 0 2px #ff9e4f,0 12px 26px -14px #ff8c3ccc}.pick.locked img{filter:saturate(.6) brightness(.92)}.pick:disabled{opacity:.4;cursor:not-allowed;transform:none}.pick-media{position:relative;display:block;overflow:hidden;border-radius:9px 9px 9px 3px;background:linear-gradient(135deg,#c41fc41a,#6a6cff1f),var(--surface-sunk)}.pick-media.portrait{aspect-ratio:2 / 3}.pick-media.landscape{aspect-ratio:912 / 512}.pick-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.pick-media .premium-badge,.pick-media .lock{position:absolute;top:6px;left:6px;z-index:2;height:20px;padding:0 7px;font-size:10.5px}.check-mark{position:absolute;right:6px;bottom:6px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;animation:pop .3s var(--ease) both}.pick-name{display:block;overflow:hidden;padding:0 4px 2px;color:var(--heading);font-weight:600;font-size:13.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.upload-pick{display:grid;place-items:center;align-content:center;gap:6px;border:2px dashed var(--border-strong);background:var(--surface-sunk);color:var(--muted);font-size:12.5px;font-weight:600;text-align:center;cursor:pointer}.upload-pick:hover,.upload-pick.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.upload-pick .progress{width:80%}.deploy{display:grid;gap:22px}.chooser{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity}.chooser .pick{flex:0 0 196px;scroll-snap-align:start;cursor:pointer}.code-card{padding:0;overflow:hidden}.tabs{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.tabs button[role=tab]{height:34px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--muted);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.tabs button.active{background:var(--accent-soft);color:var(--accent-text)}.tabs-end{margin-left:auto}.code{margin:0;padding:22px 24px;overflow-x:auto;background:radial-gradient(500px 200px at 100% 0%,rgba(196,31,196,.16),transparent 70%),var(--code-bg);color:#e6e2ff;font:13.5px/1.7 var(--mono)}.code .c{color:#8f87b8}.code .s{color:#ffb1ea}.code .k{color:#9db4ff}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{display:grid;gap:10px;align-content:start}.step-card .step-number{font-size:34px}.step-card p{color:var(--muted);font-size:14px}.step-card h3{font-size:15.5px}.usage{display:grid;gap:22px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{position:relative;overflow:hidden;display:grid;align-content:start;gap:4px;padding:20px 22px;border:1px solid var(--border);border-radius:var(--bubble);background:var(--surface-raised),var(--surface);box-shadow:var(--shadow)}.stat:after{content:"";position:absolute;right:-50px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--glow-a),transparent 70%);pointer-events:none}.stat-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:600}.stat-label svg{color:var(--accent)}.stat-value{color:var(--heading);font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-sub{color:var(--muted);font-size:13px}.stat .progress{margin-top:8px;height:6px}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{fill:var(--faint);font-size:12px;font-family:Exo,Helvetica,Arial,sans-serif}.chart .column{fill:var(--chart);transform-box:fill-box;transform-origin:bottom;animation:grow .7s var(--ease) both;animation-delay:calc(var(--i) * 18ms);transition:fill .15s}.chart .column.hover{fill:var(--chart-hover)}.chart .hit{fill:transparent}.tooltip{position:absolute;top:-6px;transform:translate(-50%,-100%);display:grid;gap:1px;padding:8px 12px;border-radius:10px;background:#1b1464;color:#fff;font-size:13px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-lg)}.tooltip span{color:#d9d4ee}.account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account .wide{grid-column:1 / -1}.account .card.wide{padding:0;overflow-x:auto}.account .card.wide .card-head{padding:20px 22px 0;margin-bottom:6px}.account .card.wide>.muted{padding:0 22px 22px}.plan-line{color:var(--muted);font-size:14px}.plan-line b{color:var(--heading)}.save-row{display:flex;align-items:center;gap:12px}.saved{color:var(--live);font-weight:600;font-size:14px;animation:rise .3s var(--ease) both}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--border)}.segmented button{height:26px;padding:0 11px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--heading);box-shadow:var(--shadow-sm)}.segmented button.gold[aria-pressed=true]{background:var(--gold);color:#3b1a00}.dropzone{display:grid;place-items:center;align-content:center;gap:10px;min-height:150px;padding:24px;border:2px dashed var(--border-strong);border-radius:var(--bubble);background:var(--surface-sunk);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.over{transform:scale(1.01)}.dropzone b{color:var(--heading);font-size:16px}.queue{display:grid;gap:8px;margin-top:14px}.queue-row{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:14px;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:14px;animation:rise .3s var(--ease) both}.queue-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--border)}.lib-tabs button{height:36px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--muted);font-weight:600;cursor:pointer;transition:background .2s,color .2s}.lib-tabs button[aria-selected=true]{background:var(--grad);color:#fff;box-shadow:0 8px 18px -10px #ad1aadcc}.overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#08061a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rise .2s var(--ease) both}.dialog{width:min(540px,100%);max-height:calc(100% - 32px);overflow:auto;padding:24px 26px 26px;border:1px solid var(--border);border-radius:26px 26px 26px 8px;background:var(--surface);box-shadow:var(--shadow-lg);animation:pop .3s var(--ease) both}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-head h2{font-size:20px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.secret{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;border:1px solid var(--accent);border-radius:14px;background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-soft)}.secret code{flex:1;color:var(--heading);font-weight:600;word-break:break-all}.secret.small{border-color:var(--border);box-shadow:none;background:var(--surface-sunk)}.secret.small code{font-size:13px;letter-spacing:.04em}.qr-row{display:grid;grid-template-columns:176px minmax(0,1fr);gap:18px;align-items:center}.qr-row img{border-radius:12px;background:#fff;padding:6px}.toast{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100% - 32px));padding:14px 18px;border-radius:16px 16px 16px 5px;background:#1b1464;color:#fff;font-weight:600;box-shadow:var(--shadow-lg);animation:rise .35s var(--ease) both}.toast svg{flex:none;color:#ff9be6}@media(max-width:1240px){.builder{grid-template-columns:minmax(0,1fr)}.builder-stage-card{position:static}}@media(max-width:1080px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.account,.steps-grid,.auth{grid-template-columns:minmax(0,1fr)}.auth-brand-panel{padding:24px;gap:18px}.auth-pitch h1{font-size:30px}.auth-wave{display:none}}@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.side{z-index:20;gap:0;padding:10px 10px 10px 12px}.menu-button{display:inline-grid}.nav,.side-foot{display:none}.side.open .nav,.side.open .side-foot{display:grid;margin-top:14px}.brand-logo img{height:32px}.top{flex-wrap:wrap;align-items:center;padding:18px 16px 0}.top h1{font-size:25px}.content{padding:16px 16px 28px}.gallery{grid-template-columns:minmax(0,1fr)}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pick-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.build-row{grid-template-columns:minmax(0,1fr)}.tiles{gap:12px}.stat{padding:16px}.stat-value{font-size:27px}.tabs{overflow-x:auto}.qr-row{grid-template-columns:minmax(0,1fr);justify-items:center}.queue-row{grid-template-columns:minmax(0,1fr) auto}.queue-row .progress{grid-column:1 / -1}.auth-card{padding:26px 20px}.auth-pitch p{display:none}}.pick.premium-frame,.tile.premium-frame{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gold) border-box}[data-theme=dark] .pick.premium-frame,[data-theme=dark] .tile.premium-frame{background:linear-gradient(#1a1544,#1a1544) padding-box,var(--gold) border-box}.pick.premium-frame:hover,.tile.premium-frame:hover{box-shadow:0 16px 36px -18px #ff8c3cbf}