:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--accent-deep: #0ea5e9;--urgent: #f87171;--high: #fbbf24;--ok: #34d399;--radius: 20px;--tap: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px calc(96px + env(safe-area-inset-bottom))}h1{font-size:30px;font-weight:800;margin:18px 4px 4px}h2{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:26px 4px 10px}.muted{color:var(--muted)}button{font:inherit;cursor:pointer}.talk-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0 10px}.talk{width:200px;height:200px;border-radius:50%;border:none;color:#02141f;font-weight:800;font-size:20px;background:radial-gradient(circle at 50% 38%,#7dd3fc,var(--accent-deep));box-shadow:0 12px 40px #38bdf859;transition:transform .12s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.talk:active{transform:scale(.97)}.talk.listening{animation:pulse 1.6s ease-in-out infinite}.talk.speaking{background:radial-gradient(circle at 50% 38%,#a7f3d0,var(--ok))}.talk.connecting{opacity:.7}.talk.error{background:radial-gradient(circle at 50% 38%,#fecaca,var(--urgent))}@keyframes pulse{0%,to{box-shadow:0 12px 40px #38bdf859}50%{box-shadow:0 12px 64px #38bdf8b3}}.talk-status{font-size:16px;color:var(--muted);min-height:22px}.chip{align-self:center;background:var(--surface);border:1px solid var(--surface-2);color:var(--text);border-radius:999px;padding:10px 16px;font-size:15px;max-width:90%;text-align:center}.chip.ok{border-color:var(--ok)}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:16px 18px;margin:10px 0;display:flex;align-items:flex-start;gap:12px}.card .title{font-size:19px;font-weight:600}.card .sub{color:var(--muted);font-size:14px;margin-top:3px}.card .grow{flex:1;min-width:0}.dot{width:12px;height:12px;border-radius:50%;margin-top:7px;flex:0 0 auto;background:var(--muted)}.dot.p1{background:var(--high)}.dot.p2{background:var(--urgent)}.done .title{text-decoration:line-through;color:var(--muted)}.iconbtn{width:var(--tap);min-width:var(--tap);height:44px;border-radius:12px;background:var(--surface-2);border:none;color:var(--text);font-size:18px}.iconbtn.danger{color:var(--urgent)}.empty{color:var(--muted);text-align:center;padding:30px 10px}.quickadd{display:flex;gap:8px;margin:8px 0 4px}.quickadd input{flex:1;min-height:var(--tap);border-radius:14px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:0 16px;font-size:17px}.btn{min-height:var(--tap);padding:0 20px;border-radius:14px;border:none;background:var(--accent);color:#02141f;font-weight:700;font-size:17px}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.block{width:100%}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--surface-2);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav button{flex:1;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;padding:8px 0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:var(--tap)}.nav button .ico{font-size:22px}.nav button.active{color:var(--accent)}.login{max-width:380px;margin:14vh auto;padding:0 20px;text-align:center}.login .logo{font-size:44px;font-weight:800;margin-bottom:6px}.login input{width:100%;min-height:var(--tap);border-radius:14px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:0 16px;font-size:17px;margin:8px 0}.login .err{color:var(--urgent);min-height:22px;margin-top:6px}