:root{--bg: #f5f6f7;--bg-raised: #ffffff;--bg-sunken: #edeff1;--ink: #1c2128;--ink-secondary: #5b6472;--ink-tertiary: #8991a0;--border: #dbe0e5;--border-strong: #b9c1cb;--accent: #8f5f1f;--accent-strong: #6f4a17;--accent-soft: #f0e3cc;--good: #3f7d53;--good-soft: #e1efe5;--warn: #b65c1f;--warn-soft: #f4e4d6;--critical: #b23b3b;--critical-soft: #f5e1e1;--font-display: "Noto Serif TC", serif;--font-body: "Taipei Sans TC Beta", "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root{--bg: #14171c;--bg-raised: #1b1f26;--bg-sunken: #101317;--ink: #ececed;--ink-secondary: #a8afba;--ink-tertiary: #767e8a;--border: #2b3038;--border-strong: #3c424c;--accent: #d9a45c;--accent-strong: #efc280;--accent-soft: #3a2e1c;--good: #5fae7a;--good-soft: #1d2e22;--warn: #d98a46;--warn-soft: #33271a;--critical: #e06565;--critical-soft: #332020}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0}.screen{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:20px 18px 40px;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:baseline;color:var(--ink-secondary);font-size:.85rem}.topbar b{color:var(--ink)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px #1c21280f,0 6px 20px #1c21280d}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;color:var(--ink-secondary)}input,select,textarea{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg);color:var(--ink)}textarea{resize:vertical;min-height:70px}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.tabs button{flex-shrink:0;background:var(--bg-sunken);color:var(--ink-secondary);font-size:.82rem;padding:8px 14px;border-radius:999px}.tabs button.active{background:var(--accent);color:#1c1712}.pill-status{font-family:var(--font-mono);font-size:.7rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);color:var(--ink-secondary)}.pill-status.open{border-color:var(--warn);color:var(--warn)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a.button{font:inherit;font-weight:700;border:none;border-radius:12px;padding:14px;cursor:pointer;background:var(--accent);color:#1c1712;display:block;text-align:center;text-decoration:none}@media (prefers-color-scheme: dark){button{color:#1c1712}}button.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--ink-secondary)}button.danger{background:var(--critical-soft);color:var(--critical)}button:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--critical);font-size:.85rem}.progress{height:10px;border-radius:999px;background:var(--border);overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .3s ease}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat{text-align:center}.stat .num{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--accent-strong)}.stat .lbl{font-size:.72rem;color:var(--ink-tertiary)}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.badge{aspect-ratio:1;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent)}.badge.empty{background:transparent;border:1px dashed var(--border-strong)}.feedback-item{border-top:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;gap:4px}.feedback-item:first-child{border-top:none;padding-top:0}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:6px}.stars{color:var(--accent);letter-spacing:1px}.timer{font-family:var(--font-mono);font-size:2.4rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.banner-warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:10px;padding:12px 14px;font-size:.88rem;font-weight:700}.banner-good{background:var(--good-soft);color:var(--good);border:1px solid var(--good);border-radius:10px;padding:12px 14px;font-size:.9rem;font-weight:700;text-align:center}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1}.mic-dot{width:14px;height:14px;border-radius:50%;background:var(--critical);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.link-btn{background:none;color:var(--ink-secondary);font-weight:400;text-decoration:underline;padding:4px}