:root{--color-bg: #070E1B;--color-bg-elevated: #0C1728;--color-surface: #101F36;--color-surface-hi: #16294A;--color-blue: #1E7BFF;--color-blue-bright: #57A5FF;--color-blue-deep: #0B4FD0;--color-blue-ink: #0A1B33;--color-white: #FFFFFF;--color-text: #EAF2FF;--color-text-dim: #8FA8CC;--color-text-faint: #5A729A;--color-line: #1B2E4C;--color-line-soft: #152540;--color-success: #3BD6C6;--color-danger: #FF5A7A;--fun-violet: #7A4DFF;--fun-magenta: #C64BFF;--fun-mint: #D4F5E4;--fun-mint-ink: #0C5138;--fun-lilac: #EADDFF;--fun-lilac-ink: #3C1D77;--fun-butter: #FFE9C7;--fun-butter-ink: #6B4310;--fun-blush: #FFDCE8;--fun-blush-ink: #7A123D;--fun-sky: #DCE9FF;--fun-sky-ink: #12336E;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-xxl: 30px;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{color-scheme:dark;height:100%}body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-blue-bright)}:focus-visible{outline:2px solid var(--color-blue-bright);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.field{min-height:100vh;background:radial-gradient(120% 60% at 50% -10%,rgba(30,123,255,.18),transparent 60%),radial-gradient(80% 40% at 10% 6%,rgba(122,77,255,.12),transparent 55%),var(--color-bg)}.mark{width:38px;height:38px;border-radius:12px;flex:none;background:linear-gradient(150deg,var(--color-blue-bright),var(--fun-violet) 55%,var(--fun-magenta));display:grid;place-items:center;font-weight:800;font-size:19px;color:#fff;box-shadow:0 6px 18px #1e7bff5c}.wordmark{display:flex;align-items:center;gap:var(--space-md)}.wordmark b{display:block;font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.02em;line-height:1.1}.wordmark span{color:var(--color-text-dim);font-weight:600;font-size:var(--font-size-sm)}.auth{min-height:100vh;display:grid;place-items:center;padding:var(--space-xl)}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-xl);display:grid;gap:var(--space-md)}.auth-brand{display:grid;justify-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);text-align:center}.auth-brand .mark{width:56px;height:56px;border-radius:16px;font-size:26px}.auth-brand h1{margin:var(--space-sm) 0 0;font-size:var(--font-size-xl);letter-spacing:-.02em}.auth-brand p{margin:0;color:var(--color-text-dim);font-size:var(--font-size-sm)}.label{display:block;color:var(--color-text-dim);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.input{width:100%;height:48px;padding:0 var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text)}.input::placeholder{color:var(--color-text-faint)}.input:focus{border-color:var(--color-blue-bright);outline:none;box-shadow:0 0 0 3px #1e7bff29}.input.code{text-align:center;letter-spacing:.4em;font-size:22px}textarea.input{height:auto;min-height:96px;padding:var(--space-md);resize:vertical}select.input{appearance:none}.secret{position:relative}.secret .input{padding-right:52px}.eye{position:absolute;right:6px;top:0;height:48px;width:44px;background:none;border:0;color:var(--color-text-dim);display:grid;place-items:center}.btn{height:52px;border-radius:var(--radius-md);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:700;padding:0 var(--space-lg);transition:filter .12s,transform .12s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--color-blue);color:#fff;box-shadow:0 6px 18px #1e7bff52}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:var(--color-surface);border-color:var(--color-line);color:var(--color-text)}.btn.ghost:hover:not(:disabled){background:var(--color-surface-hi)}.btn.danger{background:#ff5a7a1f;border-color:#ff5a7a59;color:#ffa7b9}.btn.white{background:#fff;color:#1f2937}.btn.block{width:100%}.btn.small{height:40px;padding:0 var(--space-md);font-size:var(--font-size-sm)}.link{background:none;border:0;color:var(--color-blue-bright);font-weight:700;padding:var(--space-xs) 0}.check{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-dim);font-size:var(--font-size-sm)}.check input{width:18px;height:18px;accent-color:var(--color-blue)}.steps{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;color:var(--color-text-faint);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.steps i{width:22px;height:3px;border-radius:2px;background:var(--color-line)}.steps i.on{background:var(--color-blue-bright)}.getapp{display:grid;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg-elevated);text-align:center}.getapp .phone{font-size:40px;line-height:1}.check.big{padding:var(--space-md);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;cursor:pointer}.check.big:has(input:checked){border-color:var(--color-blue-bright);background:var(--color-surface-hi)}.check.big input{width:22px;height:22px}.divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-faint);font-size:var(--font-size-xs)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-line)}.error{color:#ffa7b9;font-size:var(--font-size-sm);margin:0}.note{color:var(--color-text-faint);font-size:var(--font-size-xs);margin:0;text-align:center}.hint{color:var(--color-text-dim);font-size:var(--font-size-sm);margin:0}.ok{color:var(--color-success);font-size:var(--font-size-sm);margin:0}.shell{min-height:100vh;display:grid;grid-template-rows:1fr auto}.shell-main{min-width:0}.page{max-width:1120px;margin:0 auto;padding:var(--space-xl) var(--space-lg) calc(var(--space-xxl) + 80px)}.page h1{font-size:var(--font-size-xl);letter-spacing:-.02em;margin:0 0 var(--space-xs)}.page .lede{color:var(--color-text-dim);margin:0 0 var(--space-xl)}.rail{display:none}.tabbar{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:var(--color-bg-elevated);border-top:1px solid var(--color-line);padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom))}.tab{background:none;border:0;display:grid;justify-items:center;gap:2px;color:var(--color-text-dim);font-size:var(--font-size-xs);font-weight:600;padding:4px 0}.tab.on{color:#7cc0ff;font-weight:800}.tab svg{width:24px;height:24px}.tab-create{justify-self:center;transform:translateY(-22px)}.plus{width:60px;height:60px;border-radius:50%;border:2px solid transparent;background:linear-gradient(var(--color-blue),var(--color-blue)) padding-box,conic-gradient(from var(--spin, 0deg),#22D3EE,#6366F1,#A855F7,#7C5CFF,#22D3EE) border-box;color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;box-shadow:0 0 22px #7c5cff8c;animation:spin 5s linear infinite}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin{to{--spin: 360deg}}@media(min-width:1024px){.shell{grid-template-rows:none;grid-template-columns:260px minmax(0,1fr)}.tabbar{display:none}.rail{display:flex;flex-direction:column;gap:var(--space-sm);position:sticky;top:0;height:100vh;padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--color-line-soft);background:linear-gradient(180deg,rgba(12,23,40,.6),transparent)}.rail .wordmark{margin-bottom:var(--space-xl)}.rail-tab{display:flex;align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);background:none;border:0;color:var(--color-text-dim);font-weight:600;text-align:left}.rail-tab:hover{background:var(--color-surface);color:var(--color-text)}.rail-tab.on{background:var(--color-surface-hi);color:var(--color-text)}.rail-tab svg{width:20px;height:20px}.rail-create{margin:var(--space-md) 0}.rail-create .btn{width:100%;height:56px;font-size:var(--font-size-md)}.rail-foot{margin-top:auto;color:var(--color-text-faint);font-size:var(--font-size-xs)}.page{padding:var(--space-xxl) var(--space-xl)}}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-md)}.card h2{margin:0;font-size:var(--font-size-lg);letter-spacing:-.01em}.card h3{margin:0;font-size:var(--font-size-md)}.stack{display:grid;gap:var(--space-md)}.row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.row .grow{flex:1;min-width:0}.menu{display:grid;gap:var(--space-sm)}.menu-row{display:flex;align-items:center;gap:var(--space-md);text-align:left;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text)}.menu-row:hover{background:var(--color-surface-hi)}.menu-row b{display:block}.menu-row span{color:var(--color-text-dim);font-size:var(--font-size-xs)}.menu-row .dot{width:8px;height:8px;border-radius:50%;flex:none}.menu-row .chev{margin-left:auto;color:var(--color-text-faint)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700}.pill.ok{background:#3bd6c624;color:var(--color-success)}.pill.bad{background:#ff5a7a29;color:#ffa7b9}.pill.wait{background:#ffe9c721;color:var(--fun-butter)}.pill.quiet{background:#8fa8cc1f;color:var(--color-text-faint)}.plan{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);display:grid;gap:4px;text-align:left;color:var(--color-text)}.plan.on{border-color:var(--color-blue-bright);background:var(--color-surface-hi)}.plan .price{font-size:var(--font-size-lg);font-weight:800}.plan ul{margin:4px 0 0;padding-left:18px;color:var(--color-text-dim);font-size:var(--font-size-sm)}.qr{width:200px;height:200px;border-radius:var(--radius-md);background:#fff;padding:8px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-sm)}.codes span{background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:6px 10px;text-align:center}.back{background:none;border:0;color:var(--color-blue-bright);font-weight:700;padding:0;margin-bottom:var(--space-md)}.sheet-title{display:flex;align-items:baseline;gap:var(--space-md)}.sheet-title h1{margin:0}.placeholder{border:1px dashed var(--color-line);border-radius:var(--radius-lg);padding:var(--space-xxl);text-align:center;color:var(--color-text-dim)}.placeholder b{color:var(--color-text);display:block;margin-bottom:4px}.centered{min-height:60vh;display:grid;place-items:center;color:var(--color-text-dim)}.stripe-field{background:var(--color-bg-elevated);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:14px var(--space-md)}