:root{--bg:#fff;--panel:#f6f6f6;--ink:#090909;--muted:#666;--line:#e6e6e6;--accent:#111;--accent-hover:#000;--accent-2:#e6e6e6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--radius:12px;color:var(--ink);background:var(--bg);font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#090909;--panel:#141414;--ink:#fff;--muted:#a5a5a5;--line:#292929;--accent:#fff;--accent-hover:#f0f0f0;--accent-2:#292929}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;transition:background-color .3s}button,input,textarea,select{font:inherit}button{border-radius:var(--radius);background:var(--accent);color:var(--bg);cursor:pointer;border:0;min-height:44px;padding:12px 16px;font-weight:500;transition:opacity .2s}button:active{opacity:.8}button:disabled{opacity:.4;cursor:default}button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}button.ghost{color:var(--muted);background:0 0}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--ink);min-height:44px;padding:12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical}label{gap:7px;font-size:.85rem;font-weight:600;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}h3{font-size:1.1rem}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:800}.muted{color:var(--muted);line-height:1.5}.shell{max-width:1200px;margin:auto;padding:40px 24px 100px}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.header-actions{gap:8px;display:flex}.grid{grid-template-columns:minmax(330px,1fr) minmax(440px,1.5fr);gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px}.task-list{gap:12px;margin-top:18px;display:grid}.task{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s,border-color .2s;display:flex}.task:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}.task.done{opacity:.58}.task.done h3{text-decoration:line-through}.task-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-title-row h3{margin-bottom:6px}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.meta span{background:var(--line);border-radius:999px;padding:4px 10px;font-weight:500}.badge{background:var(--line);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge.danger{color:var(--danger);background:#fee2e2}.badge.warning{color:var(--warning);background:#fef3c7}.badge.success{color:var(--success);background:#d1fae5}@media (prefers-color-scheme:dark){.badge.danger{background:#ef444433}.badge.warning{background:#f59e0b33}.badge.success{background:#10b98133}}.task-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.task-actions button{border-radius:10px;min-height:44px;padding:8px 12px;font-size:.85rem}.notice{border-radius:var(--radius);background:var(--accent-2);color:var(--accent);margin-top:16px;padding:14px}.empty{text-align:center;border:2px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:40px 20px}.fab-audio{bottom:calc(24px + env(safe-area-inset-bottom));background:var(--accent);width:56px;height:56px;color:var(--bg);box-shadow:var(--shadow-lg);z-index:50;cursor:pointer;border:none;border-radius:28px;place-items:center;transition:transform .2s;display:grid;position:fixed;right:24px}.fab-audio:hover{opacity:.9}@media (max-width:900px){.shell{padding:24px 16px 120px}.grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.fab-audio{bottom:calc(72px + env(safe-area-inset-bottom));right:50%;transform:translate(50%)}}.mobile-nav{display:none}@media (max-width:900px){.mobile-nav{background:var(--panel);border-top:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;padding:8px 16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:8px;font-size:.7rem;font-weight:500;display:flex}.nav-item.active{color:var(--accent)}.nav-item.spacer{pointer-events:none;width:64px}}.desktop-sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:8px;width:260px;padding:32px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.desktop-sidebar .nav-item{color:var(--muted);border-radius:var(--radius);background:0 0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.desktop-sidebar .nav-item.active{background:var(--accent-2);color:var(--accent)}@media (max-width:900px){.desktop-sidebar{display:none}}@media (min-width:901px){.shell{padding-left:300px}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}