:root{--bg: #0b1220;--panel: #121a2e;--panel-2: #182340;--ink: #eef4ff;--muted: #9fb0d0;--brand: #3b82f6;--brand-2: #22d3ee;--good: #34d399;--line: #26324f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:540px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 18px 14px;position:sticky;top:0;background:linear-gradient(180deg,#0e0b14f5,#0e0b14b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.logo{font-weight:800;font-size:19px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px}.logo-mark{width:26px;height:26px;display:block}.badge{font-size:11px;color:var(--good);border:1px solid rgba(52,211,153,.4);padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.screen{flex:1;padding:8px 18px 96px;overflow-y:auto}h1{font-size:24px;letter-spacing:-.02em;margin:10px 0 4px}.sub{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}textarea,input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:14px;font:inherit;font-size:15px;resize:vertical}textarea:focus,input:focus{outline:none;border-color:var(--brand-2)}button{cursor:pointer;font:inherit}.primary{margin-top:12px;width:100%;border:none;border-radius:14px;padding:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.primary:disabled{opacity:.45}.results{margin-top:18px;display:flex;flex-direction:column;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:15px;line-height:1.5;text-align:left;color:var(--ink)}.card.tappable{width:100%}.card.tappable:active{background:var(--panel-2)}.card.good{border-color:#34d39959}.card.fix{border-color:#3b82f659}.card ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}.card li{margin:4px 0}.chips,.results .chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;text-transform:capitalize}.chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.score{display:flex;align-items:baseline;gap:8px}.score-num{font-size:44px;font-weight:800;color:var(--good)}.score-cap{color:var(--muted)}.chat{display:flex;flex-direction:column;gap:10px;margin:8px 0 14px}.bubble{max-width:80%;padding:11px 14px;border-radius:16px;font-size:15px;line-height:1.45}.bubble.them{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.me{align-self:flex-end;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-bottom-right-radius:5px}.composer{display:flex;gap:8px}.composer input{flex:1}.composer .primary{margin-top:0;width:auto;padding:14px 18px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:540px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);background:#121a2ef5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 6px calc(env(safe-area-inset-bottom) + 8px)}.tab{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;padding:4px}.tab.active{color:var(--ink)}.tab-icon{font-size:20px;filter:grayscale(.4)}.tab.active .tab-icon{filter:none}.srcline{margin-top:10px}.srctag{font-size:11px;padding:3px 9px;border-radius:999px;letter-spacing:.04em}.srctag.ai{color:var(--brand-2);border:1px solid rgba(34,211,238,.4)}.srctag.off{color:var(--muted);border:1px solid var(--line)}.bubble.typing{opacity:.6;letter-spacing:2px}.ghost-btn{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:15px;cursor:pointer}.ghost-btn.wide{width:100%;margin-bottom:8px;color:var(--muted)}.ghost-btn.danger{color:#f87171;border-color:#f8717166;margin-top:14px}.composer-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.emoji-wrap{position:relative}.emoji-pop{position:absolute;z-index:30;bottom:44px;left:0}.emoji-loading{color:var(--muted);padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tonemeter{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.tone-warm{color:var(--good);border-color:#34d39966}.pill.tone-neutral{color:var(--brand-2);border-color:#22d3ee59}.pill.tone-cool{color:#f59e0b;border-color:#f59e0b66}.search{width:100%;margin-bottom:10px}.empty{color:var(--muted)}.histrow{display:flex;align-items:center;gap:10px;text-align:left}.hist-ico{font-size:16px;flex:0 0 auto}.hist-text{flex:1}