:root{color-scheme:light;--bg:oklch(1 0 0);--surface:oklch(0.973 0.006 230);--panel:oklch(0.962 0.007 230);--ink:oklch(0.255 0.024 230);--muted:oklch(0.48 0.026 230);--line:oklch(0.893 0.013 230);--brand:oklch(0.515 0.105 230);--tint:oklch(0.941 0.026 230);--danger:oklch(0.47 0.17 25);--shadow:0 5px 16px oklch(0.25 0.02 230 / 0.035);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}button,input,textarea,select{transition:border-color .18s,background .18s,box-shadow .18s}button svg,span[data-icon] svg{width:19px;height:19px;vertical-align:middle;flex:none}span[data-icon]{display:inline-flex;align-items:center}h1,h2,p{margin:0}button{border:0;background:none}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);padding:33px 22px 24px;min-height:100dvh}.brand{display:flex;align-items:center;gap:11px;font-size:32px;font-weight:750;letter-spacing:-1px;padding:0 9px}.brandmark{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:28px;color:var(--bg);background:var(--brand);padding-bottom:5px}.brand-dot{color:var(--brand);font-size:22px;margin-left:auto}.workspace{margin:44px 0 27px;display:flex;gap:11px;align-items:center;font-size:14px;font-weight:600;padding:0 7px}.workspace small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:5px}.avatar{background:var(--bg);border:1px solid var(--line);height:36px;width:36px;display:grid;place-items:center;border-radius:50%;font-weight:500}.side-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border-radius:8px;font-size:14px;font-weight:600}.side-nav .selected{background:var(--tint);color:var(--brand)}.sidebar-note{margin-top:auto;padding:50px 11px 32px;color:var(--muted)}.sidebar-note>span svg{width:25px;height:25px;color:var(--brand)}.sidebar-note p{font-size:14px;line-height:1.8;margin:15px 0}.text-button{font-size:14px;display:inline-flex;gap:8px;align-items:center;color:var(--muted);padding:8px 0;font-weight:500}.sidebar-note .text-button{color:var(--brand)}.private-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:20px 8px 0;border-top:1px solid var(--line)}.private-note svg{width:15px!important}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:13px;color:var(--muted);gap:15px}.topbar strong{font-weight:500;color:var(--ink)}.separator{padding:0 13px;color:var(--muted)}.content{padding:40px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:31px}.overline{font-size:11px;letter-spacing:.11em;font-weight:650;color:var(--muted);margin-bottom:12px}h1{font-size:36px;letter-spacing:-1.3px;font-weight:680;line-height:1.2}.heading-dot{color:var(--brand)}.page-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;min-height:44px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}.primary{background:var(--brand);color:oklch(1 0 0);border:1px solid var(--brand)}.secondary{border:1px solid var(--line);background:var(--bg)}.capture{display:flex;align-items:center;gap:19px;border:1px solid var(--line);border-radius:13px;padding:23px 25px;margin-bottom:34px;background:var(--bg)}.mic-button{height:51px;width:51px;flex:none;background:var(--tint);color:var(--brand);border-radius:50%;display:grid;place-items:center}.mic-button svg{height:23px;width:23px}.capture form{flex:1;min-width:0}.capture label{font-size:14px;font-weight:600;display:block;margin-bottom:7px}.quick-row{display:flex;gap:8px;align-items:center}.quick-row input{width:100%;border:0;background:transparent;padding:7px 0;color:var(--ink);font-size:15px;min-width:0}.quick-row input::placeholder{color:var(--muted)}.quick-submit{padding:8px;min-height:35px;color:var(--brand);background:var(--tint)}.capture-hint{border-left:1px solid var(--line);padding-left:23px;font-size:12px;color:var(--muted);flex:none}.capture-hint>div{display:flex;gap:6px;margin-top:11px}.keyword{border:1px solid var(--line);border-radius:5px;padding:3px 7px;background:var(--surface);font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{display:flex;align-items:center;gap:7px;border-radius:7px;padding:9px 12px;font-size:14px;color:var(--muted);border:1px solid transparent}.filters button>span:last-child:not([data-icon]){font-size:12px;min-width:20px;text-align:center;background:var(--panel);border-radius:5px;padding:2px 5px}.filters button.active{border-color:var(--line);color:var(--ink);background:var(--bg);box-shadow:var(--shadow)}.filters button svg{width:16px;height:16px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.column{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:16px 13px;min-height:385px}.column-head{display:flex;align-items:center;gap:9px;padding:0 4px 16px;font-size:14px;font-weight:600}.column-head .column-count{font-size:12px;color:var(--muted);font-weight:500}.column-head .icon-button{margin-left:auto}.status-symbol{width:10px;height:10px;border:2px solid var(--muted);border-radius:50%;flex:none}.doing .status-symbol{border-color:var(--brand);background:var(--brand)}.done .status-symbol{border-color:oklch(0.47 0.10 155);background:oklch(0.47 0.10 155)}.column.drop-target{outline:2px dashed var(--brand);outline-offset:3px}.task-card{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:16px;margin-bottom:11px;box-shadow:var(--shadow);cursor:grab}.task-card:active{cursor:grabbing}.card-top{display:flex;align-items:center;gap:7px;margin-bottom:15px}.tag{padding:4px 7px;display:inline-flex;gap:5px;align-items:center;font-size:12px;border-radius:4px;line-height:1.2;background:var(--tint);color:var(--brand)}.tag.home{background:oklch(.944 .022 65);color:oklch(.42 .07 65)}.tag svg{width:13px!important;height:13px!important}.urgent{color:var(--danger);font-size:12px;margin-left:auto}.card-title{font-weight:570;line-height:1.5;font-size:16px;text-align:left;padding:0;display:block;overflow-wrap:anywhere;width:100%}.done .card-title{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:22px;padding-top:13px;border-top:1px solid var(--surface);font-size:12px;color:var(--muted)}.due{display:flex;gap:6px;align-items:center;white-space:nowrap}.due.overdue{color:var(--danger)}.due svg{width:14px!important;height:14px!important}.card-meta select{font-size:12px;border:1px solid transparent;background:var(--surface);color:var(--muted);border-radius:4px;padding:6px;min-width:0;max-width:115px;cursor:pointer}.add-column{padding:11px 6px;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);width:100%}.empty{padding:42px 16px 35px;text-align:center;color:var(--muted);font-size:14px;line-height:1.6}.empty svg{width:30px;height:30px;margin-bottom:13px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-weight:500;margin-bottom:6px}.board-footer{display:flex;justify-content:space-between;gap:16px;margin-top:23px;color:var(--muted);font-size:12px;line-height:1.6}.board-footer>span{display:flex;align-items:center;gap:7px}.board-footer svg{width:14px!important;height:14px!important}.mobile-tabs{display:none}.notice{font-size:14px;padding:12px 15px;border:1px solid var(--line);border-radius:8px;margin-bottom:20px;line-height:1.6;background:var(--tint)}.notice button{color:var(--brand);text-decoration:underline;font-weight:600;padding:4px 8px}.icon-button{height:32px;width:32px;display:inline-grid;place-items:center;border-radius:5px;color:var(--muted)}.icon-button:hover{background:var(--panel)}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);color:var(--ink);background:var(--bg);box-shadow:0 20px 100px oklch(.2 .02 230 / .2)}dialog::backdrop{background:oklch(.2 .02 230 / .35)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}h2{font-size:23px;font-weight:650;letter-spacing:-.5px;line-height:1.3}.dialog-heading .overline{margin-bottom:8px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;margin-top:18px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px;background:var(--bg);color:var(--ink);font-size:16px;min-width:0}.field textarea{resize:vertical}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px;flex-wrap:wrap}.danger{color:var(--danger);margin-right:auto}.subtle{color:var(--muted);font-size:14px;line-height:1.65}#form-error{color:var(--danger);font-size:14px;margin-top:18px}#voice-dialog p,#voice-dialog li{line-height:1.7}#voice-dialog li{padding-bottom:8px;font-size:15px}#voice-dialog ol{padding-left:23px}blockquote{background:var(--tint);border-radius:8px;margin:20px 0;padding:19px;line-height:1.6;color:var(--brand);font-weight:500}#back-to-bot{margin-top:22px;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:14px 23px;border-radius:10px;font-size:14px;z-index:10;max-width:calc(100vw - 30px);box-shadow:var(--shadow)}body.dark{color-scheme:dark;--bg:oklch(.20 .014 230);--surface:oklch(.235 .014 230);--panel:oklch(.29 .018 230);--ink:oklch(.94 .008 230);--muted:oklch(.73 .018 230);--line:oklch(.36 .02 230);--brand:oklch(.64 .10 230);--tint:oklch(.29 .04 230);--danger:oklch(.76 .13 25)}.dark .tag.home{background:oklch(.29 .03 65);color:oklch(.84 .08 65)}.dark .primary{background:oklch(.47 .10 230)}.dark .tag{color:oklch(.84 .07 230)}
@media(min-width:1600px){.content{padding-top:55px}.column{min-height:460px}}
@media(max-width:1150px){.layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:30px 15px}.content{padding:30px 25px}.topbar{padding:0 25px}.capture-hint{display:none}.board{gap:12px}.task-card{padding:13px}.card-meta{flex-wrap:wrap}.page-heading{gap:12px}.workspace{font-size:13px}}
@media(max-width:850px){.layout{display:block}.sidebar{display:none}.topbar{height:61px;padding:0 22px}.content{padding:28px 22px}.page-heading h1{font-size:31px}.board{gap:12px}.column{padding:13px 10px}.topbar #date-label{font-size:12px}.capture{margin-bottom:26px}.board-footer>span:first-child{max-width:65%}}
@media(max-width:620px){.topbar{padding-top:env(safe-area-inset-top);height:auto;min-height:60px}.topbar #date-label{display:none}.content{padding:25px 17px calc(28px + env(safe-area-inset-bottom))}.overline{font-size:10px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.page-heading>div{width:100%}.page-heading>button{width:100%}.page-heading p{font-size:14px}.capture{padding:15px;gap:12px;border-radius:10px;margin-bottom:24px}.mic-button{width:41px;height:41px}.capture label{font-size:13px}.quick-row input{font-size:14px}.capture form{min-width:0}.filters{gap:3px}.filters button{font-size:13px;padding:9px 8px;gap:5px}.filters button>span:last-child:not([data-icon]){font-size:11px}.toolbar{margin-bottom:20px;gap:5px}.toolbar #refresh{padding:10px}.toolbar #refresh>span:last-child{display:none}.mobile-tabs{display:flex;border-bottom:1px solid var(--line);gap:0;margin-bottom:17px}.mobile-tabs button{font-size:14px;flex:1;padding:12px 5px;color:var(--muted);border-bottom:2px solid transparent}.mobile-tabs button.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.board{display:block}.column{display:none;min-height:320px;padding:16px}.column.mobile-active{display:block}.task-card{padding:17px}.card-meta{flex-wrap:nowrap}.board-footer>span:first-child{display:none}.board-footer{justify-content:flex-end}.card-meta select{font-size:14px;max-width:130px;padding:8px}.due{font-size:13px}.icon-button{width:36px;height:36px}.tag{font-size:13px}.urgent{font-size:13px}.card-top{margin-bottom:13px}dialog{padding:23px 20px}.dialog-actions .button{flex:1}.dialog-actions .danger{width:100%;justify-content:flex-start}.fields-grid{gap:0 12px}h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}