:root{--bg: #06070A;--glass: rgba(255, 255, 255, .055);--line: rgba(255, 255, 255, .14);--text: #FFFFFF;--muted: rgba(255, 255, 255, .64);--peach: #FFD3B6;--coral: #FF9A7A;--lila: #C8A2FF;--mint: #5EF2C2;--blue: #8EC5FF;--warn: #FFB59A;--accent: linear-gradient(100deg, #FF9A7A 0%, #C8A2FF 100%);--orb: radial-gradient(circle at 35% 30%, #FFFFFF 0%, #FFD3B6 18%, #FF8A5B 45%, #B46BFF 80%, #6F6BFF 100%);--tab-h: calc(64px + env(safe-area-inset-bottom)) }*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter Tight,-apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums;overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit;color:inherit}button{cursor:pointer}.app{position:fixed;inset:0;overflow:hidden}.bg{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;left:0;right:0;top:0;bottom:var(--tab-h);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(18px + env(safe-area-inset-top)) 16px 16px;display:flex;flex-direction:column;gap:12px}.screen.full{bottom:0;padding:0}.glass{background:var(--glass);border:.5px solid var(--line);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.card{border-radius:26px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.small{font-size:12px;color:var(--muted);line-height:1.4}.row-between{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.h1{font-size:30px;font-weight:300;letter-spacing:-.02em}.grad-text{background:linear-gradient(100deg,#ffd3b6,#ff9a7a,#c8a2ff 70%,#8ec5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hint{border-radius:22px;padding:12px 14px;background:#ffd3b61a;border:.5px solid rgba(255,211,182,.35);display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4}.demo{font-size:11px;color:var(--warn)}.btn{min-height:48px;border:0;border-radius:24px;background:var(--accent);color:#14090f;font-size:15px;font-weight:600;padding:0 18px}.btn-ghost{min-height:48px;border-radius:24px;padding:0 18px;font-size:15px;font-weight:500}.chip{flex:none;min-height:36px;padding:0 14px;border-radius:18px;font-size:13px;font-weight:500;border:.5px solid rgba(255,255,255,.22);background:transparent}.chip.on{border:0;background:#ffffffeb;color:#0b0c12}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.list-row{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 0}.list-row+.list-row{border-top:.5px solid rgba(255,255,255,.1)}.dot{width:7px;height:7px;border-radius:4px;flex:none}.orb{border-radius:50%;background:var(--orb);flex:none}.in{color:var(--mint)}.tabbar{position:absolute;left:0;right:0;bottom:0;height:var(--tab-h);padding:8px 6px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#0a0b10db;border-top:.5px solid rgba(255,255,255,.12);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:20}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;color:#ffffff9e;border:0;background:none}.tab.on{color:var(--peach);font-weight:600}.lock{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}