:root{color-scheme:light;--bg: #f5f7f8;--panel: rgba(255, 255, 255, .88);--card: #ffffff;--text: #16212b;--muted: #64707d;--line: rgba(22, 33, 43, .12);--accent: #6f8598;--accent-strong: #375368;--shadow: 0 24px 60px rgba(16, 24, 32, .08);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;background:radial-gradient(circle at top left,rgba(111,133,152,.18),transparent 30%),linear-gradient(180deg,#fbfcfc,#f1f4f6);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1040px,calc(100vw - 32px));margin:0 auto;padding:24px 0 72px}.topbar{position:sticky;top:16px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.topbar nav{display:flex;align-items:center;gap:12px}.topbar nav a{padding:10px 14px;border-radius:999px;color:var(--muted)}.topbar nav a.active{background:#6f859824;color:var(--text)}main.blocked{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.capture-page,.tasks-page{display:grid;gap:24px}.capture-hero,.capture-panel,.confirm-panel,.recent-section,.tasks-page,.auth-panel{padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.capture-hero h1,.tasks-page h1{margin:0;font-size:clamp(32px,5vw,56px);line-height:1.02;letter-spacing:-.04em}.hero-copy,.status-text,.empty-state,.task-card p,.auth-copy p{margin:0;color:var(--muted);line-height:1.7}.capture-panel{display:grid;place-items:center;gap:20px;min-height:280px}.recorder-button{position:relative;width:min(280px,72vw);aspect-ratio:1;border:0;border-radius:999px;background:linear-gradient(180deg,#fefefe,#edf2f5);color:var(--text);box-shadow:0 18px 30px #10182014,inset 0 0 0 1px #16212b14;font-size:28px;letter-spacing:-.04em}.recorder-button.processing{opacity:.8}.recorder-button.recording .recorder-pulse{animation:pulse 1.8s ease-in-out infinite}.recorder-pulse{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:inherit;background:radial-gradient(circle,rgba(111,133,152,.2),transparent 66%)}@keyframes pulse{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.04);opacity:1}}.section-heading,.panel-header,.task-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading h2,.panel-header h2,.task-card-top h3{margin:0;font-size:22px}.section-heading.wide{margin-bottom:12px}.recent-list,.task-list{display:grid;gap:12px;margin-top:18px}.recent-item,.task-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#ffffffc7;color:var(--text);text-align:left}.recent-item time,.task-meta{color:var(--muted);white-space:nowrap;font-size:14px}.task-item{border:1px solid var(--line);border-radius:22px;background:#ffffffb8;overflow:hidden}.task-card{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.task-card-inner{overflow:hidden;display:grid;gap:18px;min-height:0;padding:0 20px}.task-item.expanded .task-card{grid-template-rows:1fr}.task-item.expanded .task-card-inner{padding:0 20px 20px}.task-summary{font-size:18px}.task-text-block{padding-top:4px;border-top:1px solid var(--line)}audio{width:100%}.confirm-form,.auth-form{display:grid;gap:16px;margin-top:20px}label{display:grid;gap:8px}label span{font-size:14px;color:var(--muted)}input,textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffd6;color:var(--text)}textarea{resize:vertical}.primary-button,.ghost-button{padding:14px 18px;border-radius:16px;border:1px solid transparent}.primary-button{background:var(--accent-strong);color:#fff}.ghost-button{background:transparent;color:var(--text);border-color:var(--line)}.ghost-button.compact{padding:10px 14px;border-radius:999px}.load-more{justify-self:center}.form-error{margin:0;color:#9a3f3f}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#f1f4f6b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-panel{width:min(460px,100%)}.auth-switch{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffd6}.auth-switch button{padding:10px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted)}.auth-switch button.active{background:#6f859824;color:var(--text)}@media(max-width:720px){.app-shell{width:min(100vw - 20px,100%);padding-top:12px}.topbar,.section-heading,.panel-header,.task-card-top,.recent-item,.task-row{flex-direction:column;align-items:flex-start}.capture-hero,.capture-panel,.confirm-panel,.recent-section,.tasks-page,.auth-panel{padding:20px;border-radius:22px}.recorder-button{width:min(240px,78vw);font-size:24px}}
