:root{--bg:#121212;--bg-soft:#1a1816;--bg-card:#1e1b18;--bg-card-hover:#252118;--text:#e8e2d8;--text-dim:#9a9288;--text-faint:#6b645c;--accent:#d9a441;--accent-soft:#d9a44126;--danger:#b5544a;--danger-soft:#b5544a26;--line:#2e2a26;--line-soft:#232019;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "Consolas", monospace;--radius:8px;--radius-lg:12px;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#1e1b18 0%,#121212 70%);font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 20px max(48px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.page{width:100%;max-width:480px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes stamp{0%{opacity:.8;transform:scale(1.05)}50%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-card);color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:all .25s var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:14px 24px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--bg-card-hover)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#121212;font-weight:600}.btn-primary:hover:not(:disabled){color:#121212;background:#e8b356;border-color:#e8b356}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000;padding:8px 12px;font-size:13px}.btn-ghost:hover:not(:disabled){color:var(--accent);background:0 0}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:13px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.top-nav{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:10;gap:8px;display:flex;position:fixed}.state-bar{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:var(--radius);animation:fadeIn .5s var(--ease);flex-wrap:wrap;gap:8px 16px;margin-bottom:24px;padding:12px 16px;display:flex}.state-item{color:var(--text-dim);transition:all .5s var(--ease);align-items:center;gap:6px;font-size:12px;display:flex}.state-item .dot{background:var(--text-faint);width:6px;height:6px;transition:background .5s var(--ease);border-radius:50%}.state-item[data-tier=high] .dot{background:var(--accent)}.state-item[data-tier=low] .dot{background:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);transition:all .3s var(--ease);padding:20px;box-shadow:0 4px 12px #0000001a}.card.selectable{cursor:pointer}.card.selectable:hover{border-color:var(--line-soft);background:var(--bg-card-hover);transform:translateY(-2px)}.card.selected{border-color:var(--accent);background:var(--bg-card-hover);animation:stamp .4s var(--ease) forwards;box-shadow:0 0 16px #d9a4411a}