*,*:before,*:after{box-sizing:border-box}:root{--ink: #0f172a;--muted: #475569;--muted-soft: #64748b;--red: #e11d48;--red-soft: #fecdd3;--red-deep: #b91c1c;--green: #22c55e;--green-deep: #15803d;--blue-accent: #229ed9;--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(15, 23, 42, .42);--glass-border-dark: rgba(255, 255, 255, .14);--glass-bg-strong-dark: rgba(15, 23, 42, .92);--blur-md: blur(18px) saturate(130%);--blur-sm: blur(10px) saturate(120%);--blur-dark: blur(14px) saturate(140%);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--shadow-glass: 0 8px 24px rgba(15, 23, 42, .12);--shadow-elev: 0 12px 40px rgba(15, 23, 42, .28);--shadow-cta: 0 8px 22px rgba(15, 23, 42, .3);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}html,body{margin:0;padding:0;background:#0a0a0a;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh}button{font-family:inherit}.app-shell{background:radial-gradient(circle at 20% 10%,rgba(236,72,153,.15),transparent 55%),radial-gradient(circle at 80% 90%,rgba(59,130,246,.22),transparent 55%),linear-gradient(180deg,#c9dcf0,#9cbfdf)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 30%,rgba(255,255,255,.5) 0 1.5px,transparent 2px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 35% 80%,rgba(255,255,255,.35) 0 1.5px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3) 0 1px,transparent 2px);background-size:220px 220px,170px 170px,260px 260px,180px 180px;opacity:.8;pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}.glass{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.glass-dark{background:var(--glass-bg-dark);color:#fff;backdrop-filter:var(--blur-dark);-webkit-backdrop-filter:var(--blur-dark);border:1px solid var(--glass-border-dark)}.pill{padding:6px 12px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:12px;font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill--dark{background:#0f172ae6;border:1px solid rgba(15,23,42,.9);color:#fff}.pill small{font-size:9px;letter-spacing:.14em;opacity:.6;text-transform:uppercase;font-weight:600}.chip{padding:7px 14px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;cursor:pointer;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.chip--active{background:#0f172ae6;color:#fff;border:1px solid rgba(15,23,42,.9)}.btn{padding:15px 20px;border-radius:var(--r-pill);border:none;font-size:16px;font-weight:700;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;transition:transform .1s,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--cta{background:#0f172aeb;color:#fff;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-cta)}.btn--cta:disabled{background:#0f172a59;box-shadow:none}.btn--primary{background:var(--blue-accent);color:#fff;padding:16px}.btn--ghost{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--ink);padding:16px;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.icon-btn{width:32px;height:32px;border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--glass-border);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;padding:0;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);flex-shrink:0;transition:transform .1s}.icon-btn:active{transform:scale(.94)}.icon-btn--dark{background:#0f172ae6;border:1px solid rgba(15,23,42,.9);color:#fff}.section-label{padding:2px 22px;font-size:10px;font-weight:600;color:#0f172a8c;text-transform:uppercase;letter-spacing:.14em}.header-bar{margin:10px 14px;padding:8px 10px;border-radius:var(--r-pill);display:flex;align-items:center;gap:8px}.header-bar__title{flex:1;font-size:15px;font-weight:700;letter-spacing:-.01em;padding-left:4px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen{display:flex;flex-direction:column;min-height:100dvh;color:var(--ink);font-family:var(--font-sans)}