:root,[data-theme=dark]{--bg:#0b0b12;--surface:#1b1b27;--surface-2:#22222f;--text:#f4f4f7;--hint:#8b8b9c;--border-c:#ffffff12;--glow:#7c5cff40;--card-shadow:0 10px 34px #00000073;--mono-bg:#ffffff0d;--nav-bg:#14141ceb;--glass-bg:#ffffff1a;--glass-border:#ffffff29;--glass-hi:#ffffff38;--glass-sheen:#ffffff38;--glass-nav:#14141c73}[data-theme=light]{--bg:#eef0f8;--surface:#fff;--surface-2:#f3f4fa;--text:#15151f;--hint:#6b6b7b;--border-c:#00000014;--glow:#7c5cff29;--card-shadow:0 8px 28px #5046a01f;--mono-bg:#0000000a;--nav-bg:#ffffffe6;--glass-bg:#ffffff80;--glass-border:#ffffffbf;--glass-hi:#fffffff2;--glass-sheen:#fff9;--glass-nav:#ffffff73}:root{--brand1:#5b8cff;--brand2:#a855f7;--brand-grad:linear-gradient(135deg, #5b8cff 0%, #a855f7 100%);--amber:#f59e0b;--green:#10b981;--radius:22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(125% 85% at 50% -10%, var(--glow) 0%, #0000 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s}button{color:inherit;font-family:inherit}.screen{max-width:540px;margin:0 auto;padding:24px 18px 110px}.h1{letter-spacing:-.02em;font-size:30px;font-weight:800}.h2{letter-spacing:-.01em;font-size:22px;font-weight:700}.sub{color:var(--hint);font-size:15px}.label{letter-spacing:.08em;color:var(--hint);text-transform:uppercase;font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border-c);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:20px}.hero{background:var(--brand-grad);border-radius:26px;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 18px 48px -12px #7c5cff8c}.hero:after{content:"";pointer-events:none;background:radial-gradient(80% 60% at 80% 0,#ffffff40,#0000 60%);position:absolute;inset:0}.btn{cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:17px;font-weight:700;transition:transform .12s,opacity .2s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:0 12px 30px -8px #7c5cff99}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-c)}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.badge{color:var(--green);background:#10b98129;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-amber{color:var(--amber);background:#f59e0b29}.badge-brand{color:#8b5cf6;background:#7c5cff33}.tile{background:var(--surface);border:1px solid var(--border-c);text-align:center;box-shadow:var(--card-shadow);border-radius:18px;padding:16px 12px}.tile .ic{margin-bottom:6px;font-size:24px}.tile .t{font-size:13px;font-weight:600}.tile .d{color:var(--hint);margin-top:2px;font-size:11px}.mono{word-break:break-all;background:var(--mono-bg);border-radius:14px;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45}.fade-in{animation:.32s fade}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-glass=on] body:before{content:"";z-index:-1;pointer-events:none;filter:blur(34px)saturate(150%);background:radial-gradient(34% 26% at 16% 20%,#5b8cff8c,#0000 70%),radial-gradient(36% 28% at 84% 28%,#a855f780,#0000 70%),radial-gradient(42% 32% at 50% 90%,#10b98152,#0000 72%);position:fixed;inset:-25%}[data-glass=on] .card,[data-glass=on] .tile,[data-glass=on] .mono,[data-glass=on] .btn-ghost{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--card-shadow), inset 0 1px 0 var(--glass-hi), inset 0 -1px 1px #0000000d;position:relative;overflow:hidden}[data-glass=on] .card:after,[data-glass=on] .tile:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, var(--glass-sheen) 0%, transparent 44%);mix-blend-mode:screen;position:absolute;inset:0}[data-glass=on] nav{-webkit-backdrop-filter:blur(28px)saturate(180%);box-shadow:inset 0 1px 0 var(--glass-hi);background:var(--glass-nav)!important}@supports ((-webkit-backdrop-filter:url(#glass-refract)) or (backdrop-filter:url(#glass-refract))){[data-glass=on] .card,[data-glass=on] .tile{-webkit-backdrop-filter:url(#glass-refract)blur(11px)saturate(180%)}}.input{background:var(--surface-2);border:1px solid var(--border-c);color:var(--text);border-radius:14px;outline:none;padding:0 14px;font-size:15px}.input::placeholder{color:var(--hint)}