:root{--bg:#0f1c17;--bg-elevated:#172820;--surface:#1e3429;--text:#eef6f1;--muted:#9bb5a8;--accent:#3dba7a;--accent-dim:#2a8f5c;--danger:#e85d5d;--warn:#e0b34d;--radius:14px;--font:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1a3d2e 0,var(--bg) 55%);color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}.nav-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:44px;min-width:44px;padding:.65rem 1.1rem;border-radius:999px;border:1px solid var(--muted);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);font-weight:700;-webkit-tap-highlight-color:color-mix(in srgb,var(--accent) 35%,transparent);touch-action:manipulation}.nav-link:active{background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:var(--accent);color:var(--accent)}button,input,textarea{font:inherit}.app-shell{max-width:480px;margin:0 auto;padding:1rem 1rem 5rem;min-height:100vh}.card{background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:999px;padding:.75rem 1.1rem;background:var(--accent);color:#062014;font-weight:700;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-loading{opacity:1;pointer-events:none;cursor:wait}.btn-spinner{width:1.1em;height:1.1em;border:2.5px solid color-mix(in srgb,#062014 25%,transparent);border-top-color:#062014;border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}.sync-loading{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--accent);font-weight:600}.sync-loading .btn-spinner{border-color:color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent)}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--muted)}.btn.danger{background:var(--danger);color:white}.btn.block{width:100%}.muted{color:var(--muted)}.stack{flex-direction:column;gap:.75rem}.row,.stack{display:flex}.row{gap:.5rem;flex-wrap:wrap}h1,h2,h3{margin:0 0 .5rem;letter-spacing:-.02em}.progress{height:8px;background:#0b1511;border-radius:999px;overflow:hidden;display:flex}.progress>span{display:block;height:100%;background:linear-gradient(to left,var(--accent-dim),var(--accent))}input,textarea{width:100%;background:#0b1511;border:1px solid #2c4a3c;border-radius:10px;color:var(--text);padding:.7rem .8rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:#243f33;color:var(--muted);font-size:.75rem}.badge.ok{background:color-mix(in srgb,var(--accent) 30%,transparent);color:#b6f0d0}.encouragement{text-align:center;padding:1.6rem 1.15rem;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.encouragement-mark{margin:0 auto;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#062014;font-size:1.45rem;font-weight:800}.encouragement-title{margin:0;font-size:1.25rem;line-height:1.45;font-weight:700}.list-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;border-bottom:1px solid #24382e}.mic{width:72px;height:72px;border-radius:50%;border:none;background:var(--accent);color:#062014;font-size:.85rem;font-weight:700;line-height:1.15;cursor:pointer;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 20%,transparent)}.mic.listening{background:var(--warn);animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--warn) 50%,transparent)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}