:root{--bg: #f6f5ff;--surface: #ffffff;--text: #1f1b3a;--muted: #6b678c;--ink-soft: #4a4670;--primary: #5b4bdb;--primary-ink: #ffffff;--primary-soft: #ece9ff;--primary-deep: #3f32b0;--accent: #ffb703;--ok: #17804f;--danger: #c23a52;--border: #e3e0f7;--divider: #f0eefb;--warn-bg: #fff6d6;--warn-ink: #5a4300;--warn-border: #f3dd8a;--radius: 16px;--tabbar-h: 64px;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg: #14122b;--surface: #1e1b3d;--text: #f1efff;--muted: #a29fc7;--ink-soft: #c9c6ea;--border: #34305f;--divider: #2a2750;--primary-soft: #2e2a66;--primary-deep: #c9c3ff;--warn-bg: #3b3210;--warn-ink: #ffe9a3;--warn-border: #6b5a1d}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);min-height:100dvh;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0}a{color:var(--primary)}p{margin:0}.shell{display:flex;flex-direction:column;height:100dvh;background:var(--bg);overflow:hidden}.shell-header{flex-shrink:0;display:flex;align-items:center;gap:4px;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.shell-header.has-back{padding-left:8px}.shell-title{flex:1;min-width:0;display:flex;flex-direction:column}.shell-title h1{font-size:22px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-header.has-back h1{font-size:20px}.shell-title .sub{font-size:13px;color:var(--muted)}.shell-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:16px}.shell-main.flush{padding:0;gap:0;overflow:hidden}.shell-main.flush>.notice{margin:8px 16px 0}.shell-main.flush>.row{padding:8px 16px}.shell-main.flush>:not(router-outlet):not(.notice){flex:1;min-height:0;display:flex;flex-direction:column}.icon-btn{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer;text-decoration:none}.icon-btn.danger-ink{color:var(--danger)}.tabbar{flex-shrink:0;display:flex;border-top:1px solid var(--border);background:var(--surface);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;min-height:44px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700}.tab.active{color:var(--primary);font-weight:800}.tab-pill{position:relative;display:flex;padding:4px 18px;border-radius:999px}.tab.active .tab-pill{background:var(--primary-soft)}.tab-badge{position:absolute;top:-2px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.page-stack{display:flex;flex-direction:column;gap:16px}.section{display:flex;flex-direction:column;gap:8px}.section>h2,.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px}.card.stack,.stack{display:grid;gap:12px}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:64px;width:100%;border:0;border-bottom:1px solid var(--divider);background:transparent;color:var(--text);text-decoration:none;font:inherit;text-align:left;cursor:pointer;border-radius:0}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row .grow strong{font-size:16px}.list-row .hint{font-size:13px;color:var(--muted);font-weight:400}.list-empty{padding:16px;color:var(--muted);font-size:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.muted{color:var(--muted);font-size:.9rem}.small{font-size:13px;color:var(--muted);line-height:1.4}.error{color:var(--danger);font-weight:700}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800}.tag{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;background:var(--border);color:var(--text)}.tag.primary{background:var(--primary-soft);color:var(--primary-deep)}.tag.ok{background:#dcf3e8;color:#14663f}.tag.warn{background:#fff1d6;color:#7a4f00}.tag.solid{background:var(--primary);color:#fff}.count-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.banner,.notice{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.4;background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-border)}.banner button{background:transparent;color:inherit;text-decoration:underline;padding:0;min-height:24px;font-size:13px}.notice{background:var(--primary-soft);color:var(--primary-deep);border-color:var(--border);font-weight:700}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800;letter-spacing:.1em}.hero-code{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;text-align:center;background:var(--primary);color:#fff;border-radius:20px}.hero-code .code{font-size:34px;letter-spacing:.12em}button,.btn{font:inherit;border:0;border-radius:999px;padding:10px 18px;min-height:44px;cursor:pointer;background:var(--primary);color:var(--primary-ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button.block,.btn.block{width:100%;min-height:50px;font-size:16px}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.ghost{background:transparent;color:var(--primary)}button.ok{background:var(--ok);color:#fff}button.danger{background:var(--danger);color:#fff}button.danger-outline{background:var(--surface);color:var(--danger);border:1px solid var(--border)}button.light{background:#fff;color:var(--primary-deep)}button:disabled{opacity:.5;cursor:not-allowed}.chip{min-height:40px;padding:0 16px;font-size:14px;background:var(--surface);color:var(--text);border:1px solid var(--border)}.chip[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary)}input,select,textarea{font:inherit;font-size:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:0;width:100%}textarea{resize:none}label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--ink-soft)}label.radio{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:48px;border-radius:14px;border:2px solid var(--border);background:var(--surface);font-weight:600;font-size:15px;color:var(--text)}label.radio.on{border-color:var(--primary);background:var(--primary-soft)}label.radio input{width:20px;height:20px;padding:0;accent-color:var(--primary);margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#14122b80;border:0;border-radius:0;padding:0}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:12px 20px calc(24px + env(safe-area-inset-bottom));background:var(--surface);border-radius:24px 24px 0 0;margin:0 auto;max-width:560px}.sheet .grabber{align-self:center;width:40px;height:5px;border-radius:999px;background:var(--border)}.sheet h1{font-size:20px;font-weight:800}app-chat{display:flex;flex-direction:column;flex:1;min-height:0}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.bubbles{display:flex;flex-direction:column;gap:8px;padding:4px 0}.bubble{max-width:78%;padding:8px 12px;border-radius:18px;background:var(--surface);align-self:flex-start;word-break:break-word;font-size:15px;line-height:1.35;border:1px solid var(--border)}.bubble.mine{align-self:flex-end;background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.bubble small{display:block;opacity:.7;font-size:12px;font-weight:700}.bubble.pending{opacity:.6}.bubble.pending button{margin-top:4px;min-height:28px;padding:2px 12px;font-size:13px}.composer{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--border)}.composer input{flex:1;border-radius:999px;padding:12px 16px;font-size:15px;background:var(--bg)}.composer button{width:46px;min-height:46px;height:46px;padding:0}.locked{flex-shrink:0;text-align:center;padding:12px 16px;font-size:14px;color:var(--muted);background:var(--surface);border-top:1px solid var(--border)}.page{max-width:520px;margin:0 auto;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));display:grid;gap:16px}