:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#4361ee;--secondary:#3a0ca3;--ai:#7b2cbf;--warning:#f72585;--touch-min:44px;--sidebar-w:240px;--sidebar-bg:#fffffff7}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:clamp(.95rem,1.8vw,1.1rem)}body.device-tv{--sidebar-w:280px;font-size:clamp(1.1rem,1.5vw,1.35rem)}body.device-tv button,body.device-tv input{min-height:56px;font-size:1.1rem}.app-shell{gap:0;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;display:flex}body.device-tv .app-shell{padding:0}.sidebar{flex:0 0 var(--sidebar-w);background:var(--sidebar-bg);border-radius:0;flex-direction:column;align-self:stretch;min-height:100dvh;max-height:100dvh;padding:1.25rem .75rem;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:4px 0 24px #00000014}.sidebar-brand{border-bottom:1px solid #4361ee1f;margin-bottom:.75rem;padding:0 .5rem 1rem}.hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ai);margin:0 0 .25rem;font-size:.75rem;font-weight:700}.sidebar-title{color:var(--primary);margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.side-tabs{flex-direction:column;flex:1;gap:.35rem;display:flex}.side-tab{width:100%;min-height:var(--touch-min);color:var(--secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:flex-start;padding:.75rem 1rem;transition:background .2s,color .2s,box-shadow .2s;display:flex}.side-tab:hover{background:#4361ee14}.side-tab.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 14px #4361ee59}.side-tab.active .side-tab-desc{color:#ffffffd9}.side-tab-label{font-size:1rem;font-weight:700}.side-tab-desc{opacity:.75;margin-top:.15rem;font-size:.75rem}.sidebar-footer{border-top:1px solid #4361ee1f;flex-direction:column;gap:.5rem;margin-top:auto;padding:.75rem .5rem 0;display:flex}.sidebar-status{margin:0;font-size:.8rem;line-height:1.35}.device-tag{width:fit-content;color:var(--secondary);background:#7b2cbf1f;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}.badge{border-radius:999px;width:fit-content;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.badge.ok{color:#155724;background:#d4edda}.badge.warn{color:#856404;background:#fff3cd}.status{color:var(--secondary)}.main-panel{min-width:0;min-height:100dvh;box-shadow:none;background:#fffffff7;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #4361ee1a;padding:1.25rem 1.5rem .75rem}.panel-header h2{color:var(--primary);margin:0;font-size:clamp(1.35rem,3vw,1.75rem)}.panel-sub{color:var(--secondary);opacity:.8;margin:.35rem 0 0;font-size:.95rem}.tab-panel{box-shadow:none;border:none;border-radius:0;flex:1;min-height:0;max-height:none;margin:0;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.ai-panel{background:linear-gradient(#f8f0ff80,#0000)}.assistant-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.25rem;display:flex}.assistant-mic{background:linear-gradient(145deg, var(--ai), var(--primary));color:#fff;cursor:pointer;border:none;border-radius:50%;width:120px;height:120px;min-height:120px;padding:0;position:relative;box-shadow:0 12px 32px #7b2cbf73}.assistant-mic.listening{background:linear-gradient(145deg, var(--warning), #e63946);animation:1.2s ease-in-out infinite pulse}.mic-ring{pointer-events:none;border:3px solid #ffffff59;border-radius:50%;position:absolute;inset:-8px}.assistant-mic.listening .mic-ring{animation:1.5s ease-out infinite ring-pulse}@keyframes ring-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.mic-icon{font-size:2.5rem;line-height:1}.assistant-prompt{max-width:420px;color:var(--secondary);margin:1rem 0 .5rem;font-size:.95rem;line-height:1.45}.voice-toggle{color:#555;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.chat-log{flex-direction:column;gap:.5rem;max-height:220px;margin:0 0 1rem;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-bubble{border-radius:12px;max-width:92%;padding:.65rem .85rem;font-size:.9rem;line-height:1.4}.chat-bubble.user{background:#4361ee26;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.assistant{background:#f8f9fa;border:1px solid #4361ee1f;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.muted-bubble{opacity:.85}.chat-role{text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}body.device-tv .assistant-mic{width:160px;height:160px;min-height:160px}.ai-status{border-left:4px solid var(--ai);background:#7b2cbf14;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.ai-status.thinking{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.ai-chips{margin:0 0 1rem;padding:0;list-style:none}.ai-chips li{background:#f8f9fa;border:1px solid #4361ee1f;border-radius:10px;margin-bottom:.5rem;padding:.75rem 1rem}.ai-actions{flex-wrap:wrap;gap:.65rem;display:flex}.btn-ai{min-height:var(--touch-min);background:linear-gradient(135deg, var(--ai), var(--primary));color:#fff;cursor:pointer;border:none;border-radius:10px;flex:160px;font-weight:600}.row{gap:.5rem;margin-bottom:.75rem;display:flex}.row input{min-height:var(--touch-min);color:var(--dark,#212529);background:#fff;border:1px solid #ccc;border-radius:8px;flex:1;padding:.6rem}button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;min-height:var(--touch-min);border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600}button.mic{width:100%;margin-bottom:.5rem}button.mic.on{background:var(--warning);animation:1.2s ease-in-out infinite pulse}button.danger{background:var(--warning)}button.save-schedule{width:100%;margin-top:.5rem}button:focus-visible,.side-tab:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #7b2cbf8c}body.device-tv .side-tab:focus-visible{outline-offset:3px;outline:4px solid #fff}.list{margin:0;padding:0;list-style:none}.item{border-left:4px solid var(--primary);background:#f8f9fa;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.item.active{background:#e8f5e8;border-left-color:#4cc9f0}.item.muted{color:#666;justify-content:center}.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem 1rem;display:grid}.field{color:var(--secondary);font-size:.9rem;font-weight:600;display:block}.field input{width:100%;min-height:var(--touch-min);color:#212529;background:#fff;border:1px solid #ccc;border-radius:8px;margin-top:.35rem;padding:.5rem}.bar{border-radius:4px;height:8px;margin-top:.4rem}.summary{color:var(--primary);text-align:center;background:#4361ee0f;border-radius:10px;margin-top:1.25rem;padding:.75rem;font-weight:600}@media (width<=767px){.app-shell{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));flex-direction:column}.sidebar{width:100%;min-height:auto;max-height:none;padding:.5rem .35rem calc(.5rem + env(safe-area-inset-bottom));z-index:100;border-radius:20px 20px 0 0;flex-direction:row;flex:none;align-items:stretch;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #00000026}.sidebar-brand,.sidebar-footer{display:none}.side-tabs{flex-direction:row;gap:.25rem;width:100%}.side-tab{text-align:center;flex:1;align-items:center;min-height:56px;padding:.5rem .35rem}.side-tab-desc{display:none}.side-tab-label{font-size:.8rem}.main-panel{border-radius:16px;min-height:calc(100dvh - 5rem)}.tab-panel{max-height:none}.ai-actions{flex-direction:column}.btn-ai{width:100%}}@media (width>=768px) and (width<=1024px){:root{--sidebar-w:200px}.side-tab-desc{display:none}}.quick-starts{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.chip-btn{min-height:36px;color:var(--secondary);background:#4361ee1f;border:1px solid #4361ee40;padding:.35rem .75rem;font-size:.85rem}.chip-btn:hover{background:#4361ee38}.btn-secondary{color:var(--secondary);background:#3a0ca326}.row-actions{gap:.5rem;margin-bottom:.75rem;display:flex}.row-actions button{flex:1}.pomodoro-bar{margin-bottom:.5rem}button.pomodoro{background:linear-gradient(135deg,#e63946,#f72585);width:100%}button.pomodoro.on{animation:1.2s ease-in-out infinite pulse}.hours-input{max-width:5rem}.cat-tag{opacity:.65;font-weight:400}.item-meta{align-items:center;gap:.5rem;display:flex}.btn-icon{min-width:32px;min-height:32px;color:var(--warning);background:0 0;padding:0;font-size:1.25rem;line-height:1}.field.full-width{grid-column:1/-1;margin-bottom:1rem}.field textarea{resize:vertical;border:1px solid #ccc;border-radius:8px;width:100%;margin-top:.35rem;padding:.6rem;font-family:inherit}.pomodoro-field{margin-bottom:1rem}.summary-inline{color:var(--secondary);margin:0 0 1rem;font-size:.9rem}.section-title{color:var(--primary);margin:1.25rem 0 .75rem;font-size:1rem}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#4361ee1a,#7b2cbf14);border-radius:12px;padding:1rem}.stat-val{color:var(--primary);font-size:1.75rem;font-weight:700;display:block}.stat-lbl{color:var(--secondary);font-size:.8rem}.goal-list{margin:0;padding:0;list-style:none}.goal-row{border-bottom:1px solid #0000000f;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.65rem 0;display:grid}.goal-label{color:var(--secondary);font-weight:600}.goal-nums{color:#666;font-size:.85rem}.goal-bar-wrap{background:#eee;border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.goal-bar{border-radius:4px;height:100%;transition:width .3s}.goal-diff{font-size:.8rem;font-weight:600}.goal-diff.over{color:#c1121f}.goal-diff.under{color:#2a9d8f}.week-chart{align-items:flex-end;gap:.5rem;min-height:140px;margin:0;padding:0;list-style:none;display:flex}.week-bar-item{flex-direction:column;flex:1;align-items:center;gap:.35rem;display:flex}.week-bar-track{background:#4361ee1a;border-radius:6px 6px 0 0;align-items:flex-end;width:100%;max-width:48px;height:100px;display:flex}.week-bar-fill{background:linear-gradient(180deg, var(--primary), var(--ai));border-radius:6px 6px 0 0;width:100%;min-height:4px}.week-date,.week-total{color:#666;font-size:.7rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.history-list{max-height:320px;overflow-y:auto}.muted-center{text-align:center;color:#888;padding:2rem}.api-hint{color:#888;margin-top:1.5rem;font-size:.75rem;line-height:1.4}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}