:root{--bg: #FFFFFF;--card: #F7F7F9;--soft: #EEEEF2;--line: #D9D9E0;--ink: #111111;--body: #2E2E33;--muted: #6A6A72;--inv: #FFFFFF;--pink: #B9044C;--pinkT: #B9044C;--pinkBg: #FBE1EB;--purple: #7F18C2;--purpleBg: #F1E4FA;--ok: #0E9C64;--okBg: #DDF7EC;--warn: #B57800;--warnBg: #FFF3D9;--bad: #E73F5D;--badBg: #FBE3E8;--ring: #CDBEE0;--star: rgba(17, 17, 17, .28);--shade: rgba(17, 17, 17, .38);--sans: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0B0B12;--card: #15151F;--soft: #22222F;--line: #2C2C3C;--ink: #F5F5FA;--body: #CFCFDA;--muted: #9090A0;--inv: #0B0B12;--pink: #E3307A;--pinkT: #FF6FA6;--pinkBg: #3A0A1E;--purple: #B26BEB;--purpleBg: #2A1240;--ok: #18C27F;--okBg: #0B2A1E;--warn: #FFB627;--warnBg: #33260A;--bad: #FF6B85;--badBg: #3A141C;--ring: rgba(255, 255, 255, .5);--star: rgba(255, 255, 255, .6);--shade: rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0B0B12;--card: #15151F;--soft: #22222F;--line: #2C2C3C;--ink: #F5F5FA;--body: #CFCFDA;--muted: #9090A0;--inv: #0B0B12;--pink: #E3307A;--pinkT: #FF6FA6;--pinkBg: #3A0A1E;--purple: #B26BEB;--purpleBg: #2A1240;--ok: #18C27F;--okBg: #0B2A1E;--warn: #FFB627;--warnBg: #33260A;--bad: #FF6B85;--badBg: #3A141C;--ring: rgba(255, 255, 255, .5);--star: rgba(255, 255, 255, .6);--shade: rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{font-family:var(--sans);color:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:var(--sans);cursor:pointer;padding:0}button:disabled{opacity:.55;cursor:default}input{font-family:var(--sans)}input::placeholder{color:#9a9aa4}a{color:var(--pink)}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.app{position:relative;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg)}.fixed-col{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stars-a{background-image:radial-gradient(1.5px 1.5px at 8% 22%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 23% 64%,var(--star) 50%,transparent 52%),radial-gradient(1.5px 1.5px at 41% 12%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 57% 48%,var(--star) 50%,transparent 52%),radial-gradient(2px 2px at 71% 20%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 86% 58%,var(--star) 50%,transparent 52%),radial-gradient(1.5px 1.5px at 94% 14%,var(--star) 50%,transparent 52%)}.stars-b{background-image:radial-gradient(1.5px 1.5px at 8% 12%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 23% 34%,var(--star) 50%,transparent 52%),radial-gradient(1.5px 1.5px at 81% 9%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 67% 28%,var(--star) 50%,transparent 52%),radial-gradient(2px 2px at 91% 40%,var(--star) 50%,transparent 52%),radial-gradient(1px 1px at 12% 48%,var(--star) 50%,transparent 52%)}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.h1{font-size:36px;font-weight:300;letter-spacing:-.03em;color:var(--ink);line-height:1.08;margin:0}.h2{font-size:30px;font-weight:300;letter-spacing:-.02em;color:var(--ink);line-height:1.12;margin:0}.accent{color:var(--pink)}.lead{font-size:14px;color:var(--body);line-height:1.5;margin:10px 0 0}.wordmark{display:inline-flex;align-items:center;gap:7px}.wordmark-name{font-weight:500;letter-spacing:-.04em;color:var(--ink);line-height:1}.wordmark-sub{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted);margin-top:6px}.page{position:relative;padding:calc(var(--safe-top) + 14px) 20px 40px}.page-wide{padding-left:24px;padding-right:24px}.topbar{display:flex;align-items:center;gap:10px;height:44px}.btn{height:54px;border-radius:14px;border:0;font-size:16px;font-weight:500;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--ink);color:var(--inv)}.btn-outline{background:var(--bg);color:var(--ink);border:1px solid var(--line);font-weight:400}.btn-ghost{background:transparent;color:var(--muted);font-size:15px;font-weight:400;height:48px}.btn-danger{background:transparent;color:var(--bad);border:1px solid var(--bad);font-size:14px;font-weight:400;height:48px}.btn-md{height:48px;border-radius:12px;font-size:15px}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:20px;display:grid;place-items:center;flex:none;position:relative}.pay-btn{height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.06em;flex:none}.link-btn{border:0;background:none;color:var(--purple);font-size:14px;min-height:44px}.field{display:block}.field>.mono{display:block;margin-bottom:6px}.input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:0 14px;font-size:15px;color:var(--ink);outline:none}.input:focus{border-color:var(--pink)}.form-error{font-size:13px;line-height:1.45;color:var(--bad);background:var(--badBg);border-radius:10px;padding:10px 12px}.form-note{font-size:13px;line-height:1.45;color:var(--body);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--pink);border-radius:10px;padding:12px 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:2px 7px;border-radius:999px;white-space:nowrap}.tag-soft{background:var(--soft);color:var(--muted);border:1px solid var(--line)}.tag-bad{background:var(--badBg);color:var(--bad)}.tag-pink{background:var(--pinkBg);color:var(--pinkT)}.tag-ok{background:var(--okBg);color:var(--ok)}.tag-purple{background:var(--purpleBg);color:var(--purple)}.bullet{width:5px;height:5px;background:var(--pink);flex:none}.avatar{width:32px;height:32px;border-radius:50%;color:#fff;border:2px solid var(--bg);display:grid;place-items:center;font-size:13px;font-weight:500}.constellation{display:flex;align-items:center;width:132px}.constellation .s1{width:5px;height:5px;border-radius:50%;background:#ffb627;box-shadow:0 0 6px #ffb627cc;flex:none}.constellation .l1{flex:1;height:1px;background:var(--line)}.constellation .s2{width:7px;height:7px;border-radius:50%;background:#b9044c;flex:none}.constellation .l2{flex:1.4;height:1px;background:var(--line);transform:rotate(-8deg);transform-origin:left center}.constellation .s3{width:10px;height:10px;border-radius:50%;border:1.5px solid #7F18C2;flex:none;margin-top:-8px}.segmented{display:flex;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:4px}.segmented button{flex:1;height:40px;border-radius:9px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--bg);color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--body);font-size:13px}.chip[aria-pressed=true]{background:var(--ink);color:var(--inv);border-color:var(--ink)}.chip-manage{border:1px dashed var(--purple);background:transparent;color:var(--purple)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-bottom:1px solid var(--line);cursor:pointer;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;padding:0}.toggle{position:relative;width:46px;height:28px;border-radius:14px;background:var(--line);flex:none;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.toggle.on{background:var(--pink)}.toggle.on.ok{background:var(--ok)}.toggle.on:after{left:21px}.shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--shade);animation:fade .2s ease-out}.sheet{bottom:0;z-index:31;max-height:92dvh;overflow-y:auto;scrollbar-width:none;background:var(--bg);border-radius:26px 26px 0 0;padding:10px 20px calc(var(--safe-bottom) + 36px);animation:rise .25s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:38px;height:5px;border-radius:3px;background:var(--line);margin:0 auto}.sheet-title{font-size:24px;font-weight:300;letter-spacing:-.02em;color:var(--ink)}@keyframes rise{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.toast{top:calc(var(--safe-top) + 16px);z-index:50;display:flex;justify-content:center;pointer-events:none}.toast span.pill{background:var(--ink);color:var(--inv);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 8px 24px #0000002e;animation:fade .15s}.toast span.dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.toast span.dot.bad{background:var(--bad)}.tabbar{bottom:0;z-index:10;background:var(--bg);border-top:1px solid var(--line);display:flex;align-items:flex-start;padding:6px 6px max(var(--safe-bottom),12px)}.tab{flex:1;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;color:var(--muted);text-decoration:none}.tab.active{color:var(--pink)}.tab-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em}.tab-plus{width:58px;height:58px;border-radius:50%;border:4px solid var(--bg);background:var(--pink);color:#fff;font-size:30px;font-weight:300;line-height:1;margin-top:-22px;box-shadow:0 8px 20px #b9044c59;display:grid;place-items:center}.tab-body{padding-bottom:calc(max(var(--safe-bottom),12px) + 120px)}.splash{min-height:100dvh;display:grid;place-items:center}.splash svg{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.55;transform:scale(.96)}}.menu{position:absolute;top:calc(var(--safe-top) + 62px);right:20px;width:272px;max-width:calc(100% - 40px);pointer-events:auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #11111129;padding-bottom:4px;animation:fade .12s ease-out}.menu-sep{height:1px;background:var(--line)}.menu-item{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border:0;background:none;font-size:14px;text-align:left}.menu-item:hover{background:var(--card)}.avatars-btn{display:flex;padding:4px 0 4px 4px;border:0;background:none;border-radius:999px;min-height:44px;align-items:center}