:root{--bg: #0a0a0c;--panel: #14141a;--card: #1a1a22;--card-hover: #22222a;--soft: #26262f;--tx: #e8e8f0;--tx2: #9aa0b0;--tx3: #5f6472;--blue: #1E88E5;--blue-hover: #1565C0;--lime: #7DD06D;--grad: linear-gradient(135deg, #7DD06D 0%, #1E88E5 100%);--shadow-brand: 0 14px 36px -10px rgba(125, 208, 109, .3);--bn-h: 64px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit;background:none;border:0;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:12px;font-weight:700;font-size:15px;transition:filter .15s,background .15s}.btn-primary{background:var(--grad);color:#0a1408;box-shadow:var(--shadow-brand)}.btn-primary:active{filter:brightness(.95)}.btn-primary:disabled{opacity:.45;filter:grayscale(.4)}.btn-ghost{background:var(--card);color:var(--tx);border:1px solid var(--soft)}.btn-ghost:active{background:var(--card-hover)}.btn-block{width:100%}.field{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--soft);border-radius:12px;padding:14px 16px;transition:border-color .15s}.field:focus-within{border-color:var(--blue)}.field .at{color:var(--lime);font-weight:700}.field input{flex:1;font-size:16px}.app-shell{display:flex;flex-direction:column;height:100%;max-width:540px;margin:0 auto;background:var(--bg);position:relative}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--bn-h) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--soft);background:var(--bg);position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;font-weight:700}.topbar .right{display:flex;gap:8px;align-items:center}.av{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0}.av-32{width:32px;height:32px;font-size:13px}.av-44{width:44px;height:44px;font-size:17px}.av-72{width:72px;height:72px;font-size:28px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;background:var(--panel);border-top:1px solid var(--soft);padding-bottom:env(safe-area-inset-bottom)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px 12px;color:var(--tx3);font-size:11px;font-weight:600;gap:4px}.bn-item.active{color:var(--lime)}.bn-item svg{width:22px;height:22px;stroke-width:2}.row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #14141a}.row:active{background:var(--card-hover)}.row .info{flex:1;min-width:0}.row .n{font-weight:600;font-size:15px}.row .l{font-size:13px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:60px 24px;color:var(--tx3)}.empty h3{font-size:18px;color:var(--tx2);margin-bottom:8px;font-weight:600}.empty p{font-size:14px;line-height:1.5}.brand-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.onb-shell{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;padding:0 22px;padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px);background:var(--bg)}.onb-logo{width:80px;height:80px;border-radius:22px;background:var(--grad);display:grid;place-items:center;color:#0a0a0d;font-size:36px;font-weight:800;margin:30px auto 24px;box-shadow:0 24px 60px -16px #7dd06d59}.onb-title{font-size:32px;font-weight:800;text-align:center;letter-spacing:-.5px;margin-bottom:12px}.onb-sub{font-size:15px;color:var(--tx2);text-align:center;line-height:1.6;margin-bottom:28px;padding:0 6px}.onb-spacer{flex:1}.seed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.seed-word{background:var(--card);border:1px solid var(--soft);border-radius:10px;padding:10px 12px;font-family:SF Mono,Menlo,monospace;font-size:14px;display:flex;gap:6px}.seed-word .num{color:var(--tx3);min-width:22px}.seed-word .w{color:var(--tx)}.warn{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:10px;padding:12px 14px;font-size:13px;color:#fbbf24;line-height:1.5;margin-bottom:16px}.pill-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}.pill-word{background:var(--card);border:1px solid var(--soft);border-radius:999px;padding:9px 6px;text-align:center;font-size:13px;cursor:pointer;transition:all .12s}.pill-word:active{background:var(--card-hover);transform:scale(.97)}.pill-word.used{opacity:.25;pointer-events:none}.slots{display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:8px;background:var(--card);border:1px dashed var(--soft);border-radius:10px;margin-bottom:14px}.slot-word{background:var(--blue);color:#fff;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.chat-shell{display:flex;flex-direction:column;height:100%}.chat-msgs{flex:1;overflow-y:auto;padding:14px 14px 100px;display:flex;flex-direction:column;gap:6px}.bub{max-width:75%;padding:8px 12px;border-radius:14px;font-size:15px;line-height:1.35;word-wrap:break-word}.bub.in{background:var(--card);align-self:flex-start;border-bottom-left-radius:4px}.bub.out{background:var(--blue);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bub .ts{font-size:10px;opacity:.65;margin-top:3px;display:block;text-align:right}.input-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--soft);display:flex;gap:8px;align-items:flex-end}.input-bar .box{flex:1;background:var(--card);border-radius:22px;padding:10px 16px;max-height:100px;overflow-y:auto;font-size:15px;min-height:22px}.input-bar .box[contenteditable]:empty:before{content:attr(data-ph);color:var(--tx3)}.input-bar .send{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#0a1408;display:grid;place-items:center;font-size:22px}.input-bar .send:disabled{opacity:.4}