:root{--bg:#f5f5f7;--surface:#fff;--surface-2:#f0f0f4;--text:#17181f;--muted:#6c6f80;--line:#e4e4ec;--accent:#5b5bf0;--accent-2:#8a5cf6;--accent-weak:#ececff;--on-accent:#fff;--danger:#d23b3b;--danger-weak:#fdecec;--t-action:#5b5bf0;--t-reminder:#d98a00;--t-draft:#0f9b8e;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #1414280a, 0 4px 16px #1414280f;--shadow-lift:0 12px 32px #1414282e;--sidebar:240px;--dock-h:64px;--dock-gap:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0f14;--surface:#17181f;--surface-2:#1f2029;--text:#ececf3;--muted:#9597a8;--line:#2a2b36;--accent:#8486ff;--accent-2:#a685ff;--accent-weak:#25264a;--danger:#ff6b6b;--danger-weak:#3a1b20;--t-action:#8486ff;--t-reminder:#f0b240;--t-draft:#3cc7b8;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-lift:0 12px 32px #00000080}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:9px 14px;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.danger{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none}.muted{color:var(--muted);margin:8px 0}.error{color:var(--danger);margin:4px 0 0;font-size:14px}.spacer{flex:1}.iconbtn{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:inline-grid}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.iconbtn.sm{width:30px;height:30px}main{padding:8px 16px calc(var(--dock-h) + var(--dock-gap) * 2 + 24px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}.topbar{z-index:8;padding:calc(8px + env(safe-area-inset-top)) 8px 8px 16px;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);align-items:center;gap:4px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.sidebar{display:none}.dock{z-index:10;left:50%;bottom:calc(var(--dock-gap) + env(safe-area-inset-bottom));width:min(440px,100% - 24px);height:var(--dock-h);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:22px;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:center;padding:0 6px;display:grid;position:fixed;transform:translate(-50%)}.dock a{color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 0;font-size:10.5px;font-weight:500;display:flex}.dock a.active{color:var(--accent)}.dock-mic{border:4px solid var(--bg);color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:62px;height:62px;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;justify-self:center;margin-top:-26px;padding:0}.dock-mic:active{transform:scale(.94)}@media (width>=900px){.topbar,.dock{display:none}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 8px 14px}.sidebar .capture{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent);border:0;border-radius:12px;justify-content:flex-start;margin-bottom:12px;padding:12px 14px;font-weight:600}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a,.settingslink{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-weight:500;display:flex}.sidebar nav a:hover,.settingslink:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a.active,.settingslink.active{background:var(--accent-weak);color:var(--accent)}.ghostbtn{border:1px dashed var(--line);color:var(--muted);background:0 0;justify-content:flex-start}main{margin-left:var(--sidebar);max-width:none;padding:32px 40px 48px}main>*{max-width:780px}main.view-board>*{max-width:none}.board{grid-template-columns:repeat(4,minmax(220px,1fr));grid-auto-flow:row;margin:0;padding:2px 0 16px}}.pagehead{margin:8px 0 18px}.pagehead h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:1.15}.pagehead .sub{color:var(--muted);margin:4px 0 0}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:14px 16px 6px}.card h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600}.card.overdue{border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.card.overdue h2{color:var(--danger)}.card.empty{text-align:center;color:var(--muted);padding:20px 16px}.count{color:var(--muted);opacity:.8;margin-left:8px;font-weight:600}.banner{background:var(--danger-weak);color:var(--danger);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills button{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.pills button.on{background:var(--accent-weak);color:var(--accent);border-color:#0000}.row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.card h2+.row,.card>.row:first-child{border-top:0}.tick{border:1.8px solid var(--line);color:#fff;background:0 0;border-radius:7px;flex:none;width:22px;height:22px;margin-top:1px;padding:0}.tick.on{background:var(--accent);border-color:var(--accent)}.tick.doc{color:var(--t-draft);border:0;place-items:center;display:grid}.rowmain{all:unset;cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.title{overflow-wrap:anywhere;font-weight:500}.row.done .title{color:var(--muted);text-decoration:line-through}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.type{align-items:center;gap:4px;font-weight:500;display:inline-flex}.t-action_item .type,.type.t-action_item{color:var(--t-action)}.type.t-reminder{color:var(--t-reminder)}.type.t-draft{color:var(--t-draft)}.chip{background:var(--surface-2);color:var(--text);border-radius:6px;padding:1px 7px;font-weight:500}.chip.late{background:var(--danger-weak);color:var(--danger)}.src{border:1px solid var(--line);border-radius:6px;padding:0 6px}.preview{color:var(--muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.board{scroll-snap-type:x mandatory;grid-auto-columns:minmax(270px,1fr);grid-auto-flow:column;align-items:start;gap:12px;margin:0 -16px;padding:2px 16px 16px;display:grid;overflow-x:auto}@media (width<=899px){.board{grid-auto-columns:84%}}.col{scroll-snap-align:start;background:var(--surface-2);border-radius:var(--radius);min-height:160px;padding:10px;transition:background .15s}.col.over{background:var(--accent-weak)}.col header{justify-content:space-between;align-items:center;min-height:38px;padding:0 4px 6px;display:flex}.col h2{margin:0;font-size:13px;font-weight:600}.colbody{flex-direction:column;gap:8px;min-height:60px;display:flex}.bcard{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--t-action);cursor:grab;box-shadow:var(--shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.bcard.t-reminder{border-left-color:var(--t-reminder)}.bcard.t-draft{border-left-color:var(--t-draft)}.bcard-title{overflow-wrap:anywhere;align-items:flex-start;gap:6px;font-weight:500;display:flex}.bcard-title .icon{color:var(--muted);margin-top:3px}.col-done .bcard{opacity:.7}.col-done .bcard-title{text-decoration:line-through}.bcard.lifted{cursor:grabbing;box-shadow:var(--shadow-lift);transform:rotate(1.5deg)scale(1.02)}.ghost{opacity:.35}.drophint{text-align:center;color:var(--muted);margin:8px 0;font-size:13px}.draftgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.draftcard{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:120px;box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.draftcard:hover{border-color:var(--t-draft)}.draftcard .excerpt{color:var(--muted);-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;flex:1;font-size:13px;display:-webkit-box;overflow:hidden}.bigsearch{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow);margin-bottom:10px;padding:14px 16px;font-size:17px}main.view-search .pills{margin-bottom:14px}.options{flex-direction:column;gap:8px;margin:8px 0 10px;display:flex}.option{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.option.on{border-color:var(--accent);background:var(--accent-weak)}.option input{accent-color:var(--accent)}.option span{flex-direction:column;display:flex}.option small{color:var(--muted)}.card>button{margin:6px 0 10px}.scrim{z-index:30;background:#08081473;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-height:94vh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.22s cubic-bezier(.2,.8,.2,1) rise;display:flex;overflow:auto}@media (width>=900px){.scrim{align-items:center}.sheet{border-radius:20px;width:560px}.sheet.tall{width:720px}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.sheethead{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheethead h2{margin:0;font-size:18px}.seg{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.titleinput{letter-spacing:-.01em;background:0 0;border:0;padding:4px 2px;font-size:22px;font-weight:650}.titleinput:focus{outline:none}.bodyinput{resize:vertical;background:0 0;border:0;padding:4px 2px;font-size:16px;line-height:1.6}.bodyinput:focus{outline:none}.fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.fields label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.fields input,.fields select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);padding:9px 11px;font-size:16px}.provenance{color:var(--muted);margin:0;font-size:12px}.actions{align-items:center;gap:8px;padding-top:4px;display:flex}.sheet.voice{align-items:stretch}.orb{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:96px;height:96px;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 40%, transparent);border:0;border-radius:50%;align-self:center;margin-top:6px;padding:0}.orb.live{background:var(--danger);box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 50%, transparent);animation:1.4s ease-out infinite ring}@keyframes ring{to{box-shadow:0 0 0 22px #0000}}.hint{text-align:center;color:var(--muted);min-height:1.4em;margin:0;font-size:13px}.transcript{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);resize:vertical;width:100%;padding:12px 14px;font-size:16px;line-height:1.5}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choices button{padding:12px;font-weight:600}.created{flex-direction:column;gap:8px;display:flex}.createdrow{all:unset;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.createdrow:hover{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
