@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage-grotesque.woff2)format("woff2-variations")}:root[data-palette=lime][data-mode=light]{--field:#dce3d3;--grid:#14261c0f;--paper:#f4f6ef;--ink:#14261c;--soft:#4e5e52;--line:#14261c;--shadow:#14261c;--accent:#c9f31d;--on-accent:#14261c;--mark:#3e6b3a;--muted:#6b7a6e;--hair:#14261c24;--due:#8a3b12;--me-bg:#e3f7a1;--me-ink:#2f4410;--work-bg:#d3e1f3;--work-ink:#1f3f66}:root[data-palette=lime][data-mode=dark]{--field:#0f1913;--grid:#dcf0d20b;--paper:#17241b;--ink:#e4ecdc;--soft:#9baa9c;--line:#e4ecdc;--shadow:#c9f31d8c;--accent:#c9f31d;--on-accent:#14261c;--mark:#8bc37f;--muted:#73836f;--hair:#e4ecdc1f;--due:#f2a27a;--me-bg:#2e4a12;--me-ink:#d9f78a;--work-bg:#1e3350;--work-ink:#b9d2f2}:root[data-palette=neon][data-mode=light]{--field:#eee5f5;--grid:#3012420f;--paper:#fcf8fe;--ink:#2b1240;--soft:#6b5480;--line:#2b1240;--shadow:#b45cff;--accent:#ff7ad9;--on-accent:#2b1240;--mark:#b45cff;--muted:#8c7a9c;--hair:#2b124021;--due:#a3214f;--me-bg:#ffd9f2;--me-ink:#6e1350;--work-bg:#e6d8ff;--work-ink:#43207d}:root[data-palette=neon][data-mode=dark]{--field:#170c21;--grid:#f0dcff0b;--paper:#22122f;--ink:#f3e8fa;--soft:#b49fc6;--line:#f3e8fa;--shadow:#b45cffbf;--accent:#ff7ad9;--on-accent:#2b1240;--mark:#d59bff;--muted:#8e7aa0;--hair:#f3e8fa1f;--due:#ff9eb8;--me-bg:#5a1846;--me-ink:#ffd3ef;--work-bg:#34205e;--work-ink:#dccbff}:root[data-palette=pastel][data-mode=light]{--field:#e6edf6;--grid:#2b34450b;--paper:#fff;--ink:#2b3445;--soft:#5f6a80;--line:#9aa8bf;--shadow:#c8d3e4;--accent:#ffcab8;--on-accent:#4a2516;--mark:#e58e74;--muted:#8a94a7;--hair:#2b34451a;--due:#a1452a;--me-bg:#ffe3d9;--me-ink:#7a3218;--work-bg:#d6e6fa;--work-ink:#24467a}:root[data-palette=pastel][data-mode=dark]{--field:#1c2230;--grid:#dce6fa09;--paper:#252d3d;--ink:#e6ecf5;--soft:#a3aec2;--line:#6b7891;--shadow:#00000059;--accent:#ffc2ad;--on-accent:#4a2516;--mark:#f2a58e;--muted:#7f8aa0;--hair:#e6ecf51a;--due:#ffb59c;--me-bg:#4e3029;--me-ink:#ffd9cc;--work-bg:#263a57;--work-ink:#c8dcf7}:root[data-palette=mono][data-mode=light]{--field:#fff;--grid:transparent;--paper:#fff;--ink:#111;--soft:#5c5c5c;--line:#111;--shadow:transparent;--accent:#111;--on-accent:#fff;--mark:#111;--muted:gray;--hair:#0000001f;--due:#111;--me-bg:#efefef;--me-ink:#111;--work-bg:#111;--work-ink:#fff}:root[data-palette=mono][data-mode=dark]{--field:#0e0e0e;--grid:transparent;--paper:#0e0e0e;--ink:#f2f2f2;--soft:#a6a6a6;--line:#f2f2f2;--shadow:transparent;--accent:#f2f2f2;--on-accent:#0e0e0e;--mark:#f2f2f2;--muted:#7a7a7a;--hair:#ffffff24;--due:#f2f2f2;--me-bg:#2a2a2a;--me-ink:#f2f2f2;--work-bg:#f2f2f2;--work-ink:#0e0e0e}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--field)}body{min-height:100vh;color:var(--ink);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 56px 56px, var(--field);margin:0;padding:0 clamp(16px,3vw,40px) 64px;font-family:Bricolage Grotesque,Arial Narrow,Arial,sans-serif;font-size:16px;line-height:1.5;transition:background-color .2s,color .2s}h1,h2,h3{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.sub{color:var(--soft);margin:0;font-size:15px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pill-btn{border:2px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);white-space:nowrap;box-shadow:2px 2px 0 var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.pill-btn:hover{box-shadow:3px 3px 0 var(--shadow);transform:translate(-1px,-1px)}.pill-btn:active{box-shadow:0 0 0 var(--shadow);transform:translate(2px,2px)}.pill-btn[aria-expanded=true]{background:var(--ink);color:var(--paper)}.primary-btn{border:2px solid var(--line);background:var(--accent);min-height:48px;color:var(--on-accent);box-shadow:4px 4px 0 var(--shadow);border-radius:999px;padding:0 24px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s}.primary-btn:hover{box-shadow:5px 5px 0 var(--shadow);transform:translate(-1px,-1px)}.primary-btn:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(3px,3px)}.chip{border:2px solid var(--line);min-height:36px;color:var(--ink);background:0 0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.chip:hover{background:var(--hair)}.ghost-btn{border:2px dashed var(--soft);min-height:44px;color:var(--soft);background:0 0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.ghost-btn:hover{color:var(--ink);border-color:var(--ink)}.segmented{background:var(--paper);border:2px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{min-height:38px;color:var(--soft);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.segmented button:hover{color:var(--ink)}.segmented button[aria-checked=true]{background:var(--ink);color:var(--paper)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select{background:var(--paper);border:2px solid var(--line);min-height:44px;color:var(--ink);border-radius:999px;min-width:0;padding:0 14px;font-size:15px}input::placeholder{color:var(--soft)}input:focus,select:focus{box-shadow:0 0 0 3px var(--accent);outline:none}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 0;display:grid}.topbar-left{align-items:center;gap:28px;min-width:0;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.brand svg path{stroke:var(--mark)}.tabs{gap:18px;display:flex}.tab{color:var(--soft);border-bottom:2px solid #0000;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.timer-wrap,.look-wrap{position:relative}.popover{z-index:30;background:var(--paper);border:2px solid var(--line);width:290px;box-shadow:6px 6px 0 var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.popover-label{color:var(--soft);margin:0;font-size:13px;font-weight:700}.timer-pill{font-variant-numeric:tabular-nums;justify-content:center;min-width:96px}.timer-pill.running{background:var(--accent);color:var(--on-accent)}.timer-pill.paused{border-style:dashed}.timer-display{letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1.1}.timer-caption{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:-6px;overflow:hidden}.preset-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.custom-row{align-items:center;gap:8px;display:flex}.minutes-input{width:76px}.field-label{color:var(--soft);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.timer-panel .primary-btn{min-height:44px;box-shadow:2px 2px 0 var(--shadow)}.look-swatch{border:1.5px solid var(--line);background:linear-gradient(135deg, var(--accent) 50%, var(--field) 50%);border-radius:50%;width:18px;height:18px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px;display:grid}.palette-option{border:2px solid var(--hair);min-height:46px;color:var(--ink);text-align:left;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:700;display:flex}.palette-option:hover{border-color:var(--soft)}.palette-option[aria-checked=true]{border-color:var(--line);background:var(--hair)}.palette-dot{border-radius:50%;flex:none;width:22px;height:22px}.dot-lime{background:linear-gradient(135deg,#c9f31d 50%,#dce3d3 50%);border:1.5px solid #14261c}.dot-neon{background:linear-gradient(135deg,#ff7ad9 50%,#b45cff 50%);border:1.5px solid #2b1240}.dot-pastel{background:linear-gradient(135deg,#ffcab8 50%,#d6e6fa 50%);border:1.5px solid #9aa8bf}.dot-mono{background:linear-gradient(90deg,#111 50%,#fff 50%);border:1.5px solid #111}.mode-switch{align-self:flex-start}main{max-width:1200px;margin:0 auto}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:12px 0 22px;display:flex}.view-head h1{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(38px,5vw,54px);font-weight:800;line-height:1}.view-head .sub{font-size:17px}.tasks-shell[data-layout=today],.tasks-shell[data-layout=focus],.tasks-shell[data-layout=schedule]{max-width:760px;margin:0 auto}.add-form{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.add-form #add-title{flex:260px;min-height:52px;padding:0 20px;font-size:17px}.add-form .primary-btn{min-height:52px}.add-form #add-due{width:160px;color:var(--soft)}.add-form #add-due:valid{color:var(--ink)}.add-form #add-time{width:130px}.tasks-shell[data-layout=focus] .add-form{display:none}.task-row{border-radius:14px;align-items:center;gap:14px;min-height:56px;padding:6px 12px;display:flex;position:relative}.task-row .title{overflow-wrap:anywhere;cursor:text;flex:1;min-width:0;font-size:17px}.task-row.is-done .title{color:var(--muted);text-decoration:line-through}.title:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.title-edit{flex:1;min-height:38px;font-size:16px}.check{border:2px solid var(--line);background:0 0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.check:hover{background:var(--hair)}.check.checked{background:var(--accent)}.check.checked:after{content:"";border:solid var(--on-accent);border-width:0 3px 3px 0;width:6px;height:11px;margin-top:-3px;transform:rotate(45deg)}.meta{flex:none;align-items:center;gap:8px;display:flex}.tag{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.tag-me{background:var(--me-bg);color:var(--me-ink)}.tag-work{background:var(--work-bg);color:var(--work-ink)}.due{color:var(--soft);white-space:nowrap;font-size:14px;font-weight:600}.due.soon,.due.overdue{color:var(--due)}.row-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.task-row:hover .row-actions,.task-row:focus-within .row-actions{opacity:1}@media (hover:none){.row-actions{opacity:1}}.icon-btn{min-width:34px;height:34px;color:var(--soft);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 8px;font-size:13px;font-weight:700}.icon-btn:hover{background:var(--hair);color:var(--ink)}.icon-btn svg{display:block}.empty-note{color:var(--soft);margin:0;padding:14px 12px;font-size:15px}.section-label{color:var(--soft);margin:0 0 6px;font-size:15px;font-weight:700}.section-label .count{font-weight:500}.today{flex-direction:column;gap:24px;display:flex}.now-card{background:var(--paper);border:2px solid var(--line);box-shadow:6px 6px 0 var(--shadow);border-radius:22px;padding:6px 8px}.plain-list{flex-direction:column;display:flex}.plain-list .task-row{border-bottom:1px solid var(--hair);border-radius:0;min-height:52px;padding-left:20px;padding-right:12px}.plain-list .task-row:last-child{border-bottom:0}.fold-buttons{flex-wrap:wrap;gap:10px;display:flex}.fold{flex-direction:column;gap:4px;margin-top:-8px;display:flex}.fold .task-row{min-height:48px}.board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.board-col{border-radius:18px;flex-direction:column;gap:10px;min-height:140px;padding:4px;transition:background-color .15s;display:flex}.board-col.drop-target{background:var(--hair)}.board-col h2{letter-spacing:-.01em;margin:0 6px 4px;font-size:19px;font-weight:800}.board-col h2 .count{color:var(--soft);font-weight:500}.board-card{background:var(--paper);border:1.5px solid var(--hair);border-color:color-mix(in srgb, var(--line) 40%, transparent);border-radius:14px;flex-wrap:wrap;align-items:flex-start;min-height:0;padding:10px 12px}.board-card .title{padding-top:3px;font-size:16px}.board-card .meta{flex-wrap:wrap;width:100%;padding-left:42px}.board-card .meta:empty{display:none}.board-card .row-actions{background:var(--paper);border:1.5px solid var(--hair);border-radius:12px;padding:2px;position:absolute;top:6px;right:6px}.board-card.dragging{opacity:.4}.board-card.is-now{border:2px solid var(--line);box-shadow:5px 5px 0 var(--shadow);border-radius:16px;padding:14px}.board-card.is-now .title{font-size:17px;font-weight:700}.board-card.is-later{background:0 0}.board-card.is-later .title{color:var(--soft)}.open-slot{border:2px dashed var(--hair);border-color:color-mix(in srgb, var(--line) 35%, transparent);text-align:center;color:var(--soft);border-radius:16px;padding:16px;font-size:15px}.board-subhead{color:var(--soft);margin:10px 6px 0;font-size:14px;font-weight:700}.done-list .task-row{border-bottom:1px solid var(--hair);border-radius:0;min-height:44px;padding:4px 6px}.schedule{flex-direction:column;gap:22px;display:flex}.sched-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sched-step{border:2px solid var(--line);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;padding:0;display:grid}.sched-day{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 8px;font-size:22px;font-weight:800;display:flex}.sched-relative{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:3px 10px;font-size:14px;font-weight:800}.sched-jump{align-items:center;gap:8px;margin-left:auto;display:flex}.sched-jump input{color:var(--ink)}.sched-label{color:var(--soft);white-space:nowrap;margin:0;font-size:14px;font-weight:700}.sched-anytime{flex-direction:column;gap:4px;display:flex}.sched-anytime .plain-list,.sched-hours{background:var(--paper);border:2px solid var(--line);box-shadow:6px 6px 0 var(--shadow);border-radius:22px}.sched-anytime .plain-list{padding:4px 8px}.sched-hours{margin:0;padding:4px 0;list-style:none}.sched-hour{border-bottom:1px solid var(--hair);grid-template-columns:76px minmax(0,1fr);min-height:52px;display:grid}.sched-hour:last-child{border-bottom:0}.sched-hour>.sched-label{padding:17px 0 0 18px}.sched-hour.is-now>.sched-label{color:var(--ink);font-weight:800}.sched-hour.is-now{box-shadow:inset 4px 0 0 var(--accent)}.sched-slot{flex-direction:column;min-width:0;display:flex}.sched-slot .plain-list .task-row{padding-left:8px}.sched-add{color:#0000;text-align:left;background:0 0;border:0;flex:1;min-height:51px;padding:0 12px;font-size:14px;font-weight:700}.sched-add:hover,.sched-add:focus-visible{color:var(--soft);background:var(--hair)}@media (hover:none){.sched-add{color:var(--muted)}}.focus{flex-direction:column;gap:34px;display:flex}.focus-card{background:var(--paper);border:2px solid var(--line);box-shadow:8px 8px 0 var(--shadow);border-radius:26px;flex-direction:column;gap:22px;padding:clamp(22px,4vw,36px) clamp(20px,4vw,40px);display:flex}.focus-kicker{color:var(--soft);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;display:flex}.focus-title{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.04}.focus-time{flex-direction:column;gap:10px;display:flex}.focus-time-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.focus-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.progress{border:2px solid var(--line);border-radius:999px;height:14px;overflow:hidden}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .25s linear}.focus-actions{flex-wrap:wrap;gap:12px;display:flex}.focus-actions .chip{min-height:48px;padding:0 22px;font-size:16px}.text-btn{min-height:48px;color:var(--soft);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:16px;font-weight:700}.text-btn:hover{color:var(--ink);background:var(--hair)}.up-next-head{justify-content:space-between;align-items:baseline;display:flex}.link-btn{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:15px;font-weight:700;text-decoration:underline}.focus-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.focus-empty .focus-title{font-size:clamp(30px,4vw,42px)}.task-row button.title{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:4px 0;font-size:17px;line-height:1.35}.task-row button.title:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.board-card button.title{padding-top:3px;font-size:16px}.board-card.is-now button.title{font-size:17px;font-weight:700}.prio{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}.prio-high{background:var(--ink);color:var(--paper)}.prio-med{border:1.5px solid var(--soft);color:var(--ink);padding:1px 8px}.prio-low{color:var(--soft)}.has-notes{color:var(--soft);display:inline-flex}.deleted-bin{flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px;display:flex}.deleted-list{width:100%}.deleted-list>.sub{padding:0 0 8px}.link-btn.quiet{color:var(--soft);font-weight:600;text-decoration-style:dotted}.task-row.is-deleted .title{color:var(--soft)}.bin-actions{align-items:center;gap:6px;display:flex}.clock-edit{color:inherit;cursor:text;background:0 0;border:0;border-bottom:2px dashed #0000;border-radius:0;justify-self:center;padding:0}.clock-edit:hover{border-bottom-color:var(--soft)}button.timer-display{width:100%}.clock-input{border:0;border-bottom:2px solid var(--accent);width:100%;min-height:0;color:var(--ink);font:inherit;letter-spacing:-.02em;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border-radius:0;padding:0;font-weight:800}input.timer-display.clock-input{font-size:48px}input.focus-clock.clock-input{text-align:left;width:5.2em;font-size:44px}.clock-input:focus{box-shadow:none;outline:none}.task-dialog{border:2px solid var(--line);background:var(--paper);width:min(640px,100vw - 24px);max-height:calc(100vh - 48px);color:var(--ink);box-shadow:8px 8px 0 var(--shadow);border-radius:24px;padding:0}.task-dialog::backdrop{background:#0a0e0c73}.dialog-form{flex-direction:column;gap:22px;padding:24px 26px;display:flex}.dialog-head{align-items:flex-start;gap:14px;display:flex}.dialog-head .check{margin-top:8px}.dlg-title{resize:none;min-width:0;color:var(--ink);font:inherit;letter-spacing:-.03em;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:2px 0;font-size:28px;font-weight:800;line-height:1.15;overflow:hidden}.dlg-title:hover{border-bottom-color:var(--hair)}.dlg-title:focus{border-bottom-color:var(--accent);box-shadow:none;outline:none}.task-dialog.is-done .dlg-title{color:var(--muted);text-decoration:line-through}.dlg-close{margin-top:2px}.dlg-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.dlg-field{flex-direction:column;gap:8px;min-width:0;display:flex}.dlg-label{color:var(--soft);font-size:13px;font-weight:700}.dlg-fields .segmented{border-radius:18px;flex-wrap:wrap;align-self:flex-start}.dlg-fields .segmented button{min-height:34px;padding:0 12px;font-size:14px}.dlg-due-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dlg-due-row input{flex:130px}.dlg-due-row .text-btn{min-height:40px;font-size:14px}.dlg-notes-field textarea{resize:vertical;border:2px solid var(--line);background:var(--field);width:100%;min-height:150px;color:var(--ink);font:inherit;border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.55}.dlg-notes-field textarea::placeholder{color:var(--soft)}.dlg-notes-field textarea:focus{box-shadow:0 0 0 3px var(--accent);outline:none}.dialog-foot{align-items:center;gap:10px;display:flex}.dialog-foot .sub{flex:1;font-size:14px}.dlg-delete:hover{color:var(--due)}.home-link{color:var(--soft);align-items:center;gap:4px;margin-top:56px;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.home-link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.boot{place-items:center;min-height:70vh;display:grid}.boot-mark{border:3px solid var(--hair);border-top-color:var(--ink);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth{flex-direction:column;align-items:center;gap:22px;min-height:100vh;padding:clamp(28px,7vh,72px) 0 40px;display:flex}.auth-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.auth-brand svg path{stroke:var(--mark)}.auth-card{background:var(--paper);border:2px solid var(--line);width:min(460px,100%);box-shadow:8px 8px 0 var(--shadow);border-radius:26px;flex-direction:column;gap:22px;padding:clamp(22px,5vw,34px);display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form h1{letter-spacing:-.04em;font-size:34px;font-weight:800;line-height:1.05}.auth-form .sub{margin-top:-6px;font-size:16px}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--soft);font-size:14px;font-weight:700}.auth-field input{border-radius:14px;min-height:50px;padding:0 16px;font-size:17px}.auth-hint{color:var(--soft);margin:0;font-size:13px}.auth-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-weight:700;font-size:26px!important}.auth-submit{min-height:52px;font-size:17px}.auth-form .link-btn{color:var(--soft);align-self:center;font-weight:600}.auth-form .link-btn:hover{color:var(--ink)}.auth-error{min-height:0;color:var(--due);margin:0;font-size:15px;font-weight:600}.auth-error:empty{display:none}.auth-notice{background:var(--me-bg);color:var(--me-ink);border-radius:14px;margin:0;padding:12px 14px;font-size:15px;font-weight:600}.auth-invite{border-top:1.5px dashed var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.auth-invite p{color:var(--soft);margin:0;font-size:15px}.auth-request{align-items:center;min-height:40px;text-decoration:none;display:inline-flex}.auth-stepper{gap:6px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.auth-stepper li{border-top:4px solid var(--hair);color:var(--soft);flex:1;padding-top:8px}.auth-stepper li.done{border-top-color:var(--soft)}.auth-stepper li.current{border-top-color:var(--accent);color:var(--ink)}.auth-steps{flex-direction:column;gap:12px;margin:0;padding-left:22px;font-size:16px;display:flex}.auth-qr-wrap{border:2px solid var(--line);background:#fff;border-radius:16px;margin:12px 0 4px;padding:10px;display:inline-block}.auth-qr{width:180px;height:180px;image-rendering:pixelated;display:block}.auth-key{margin-top:8px;font-size:15px}.auth-key summary{cursor:pointer;color:var(--soft);font-weight:600}.auth-key code{background:var(--field);letter-spacing:.06em;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:12px;margin:8px 0 4px;padding:10px 12px;font-size:15px;display:block}.auth-home{margin-top:4px}.problem-title{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.1}.account-wrap{position:relative}.account-btn{justify-content:center;width:44px;padding:0;font-size:16px;font-weight:800}.account-panel{width:260px}.account-email{overflow-wrap:anywhere;margin:-6px 0 4px;font-weight:700}.account-panel .chip{align-self:flex-start}.break-actions{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.game-shelf{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.game-tile{text-align:left;border:2px solid var(--line);background:var(--paper);min-width:200px;color:var(--ink);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;display:flex}.game-tile strong{font-size:18px;font-weight:800}.game-tile.selected{box-shadow:4px 4px 0 var(--shadow)}.game-tile:disabled{opacity:.55;border-style:dashed}.pairs-stats{color:var(--soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:14px;font-size:15px;display:flex}.pairs-stats span span{color:var(--ink);font-weight:700}.pairs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:440px;display:grid}.pair-card{aspect-ratio:1;border:2px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--shadow);border-radius:16px;place-items:center;font-size:34px;transition:transform .15s,background-color .15s;display:grid}.pair-card:not(.up):hover{transform:translate(-1px,-2px)}.pair-card.up{background:var(--field);box-shadow:none}.pair-card.matched{background:var(--accent);box-shadow:none;border-color:var(--line)}.pair-card .face{display:block}.pair-card.up .face{animation:.18s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pairs-message{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;font-size:16px;display:flex}.pairs-message p{margin:0}.placeholder-card{background:var(--paper);border:2px dashed var(--line);max-width:560px;color:var(--soft);border-radius:18px;padding:20px 24px;font-size:16px}.placeholder-card p{margin:0 0 8px}.placeholder-card ul{color:var(--ink);margin:0;padding-left:20px;line-height:1.9}.toast{opacity:0;background:var(--ink);color:var(--paper);white-space:nowrap;text-overflow:ellipsis;z-index:50;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.toast-action{background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;flex:none;padding:4px 12px;font-size:14px;font-weight:800}body[data-view=notebook] .context-switch{visibility:hidden}.quick-note-btn svg{flex:none}.nb-head-actions{flex-wrap:wrap;gap:10px;display:flex}.nb{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.nb-browser,.nb-editor{background:var(--paper);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow);border-radius:18px;min-width:0}.nb-browser{padding:12px 10px 16px}.nb-crumbs{border-bottom:2px solid var(--hair);flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:6px;padding:4px 6px 10px;display:flex}.nb-crumb{color:var(--soft);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;max-width:100%;padding:4px 8px;font-size:15px;font-weight:700;overflow:hidden}button.nb-crumb:hover{color:var(--ink);background:var(--hair)}.nb-crumb.is-here{color:var(--ink)}.nb-crumb-sep{color:var(--soft);opacity:.6}.nb-list{flex-direction:column;gap:2px;display:flex}.nb-row{border:2px solid #0000;border-radius:12px;align-items:center;gap:4px;min-height:48px;padding:2px 4px 2px 2px;display:flex}.nb-row:hover{background:var(--hair)}.nb-row.is-open{background:var(--accent);color:var(--on-accent)}.nb-row.is-open .nb-when,.nb-row.is-open .icon-btn{color:var(--on-accent)}.nb-row.is-dragging{opacity:.45}.nb-row.is-drop,.nb-crumb.is-drop{border-color:var(--line);background:var(--hair);border-style:dashed}.nb-open{min-width:0;min-height:42px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 8px;display:flex}.nb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.nb-row[data-kind=folder] .nb-name{font-weight:700}.nb-when{color:var(--soft);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.nb-icon{color:var(--soft);flex:none;display:inline-grid}.nb-row[data-kind=folder] .nb-icon-folder{color:var(--mark)}.nb-row.is-open .nb-icon{color:var(--on-accent)}.nb-row .row-actions{flex:none}.nb-row:hover .row-actions,.nb-row:focus-within .row-actions{opacity:1}.nb-rename{flex:1;min-height:40px;margin:1px 0;font-size:16px}.nb-bin{gap:6px;margin-top:14px;padding:0 8px}.nb-bin .nb-row{width:100%}.nb-bin .nb-row:hover{background:0 0}.nb-row.is-deleted .nb-name{color:var(--soft)}.nb-editor{flex-direction:column;min-height:60vh;padding:10px 22px 18px;display:flex}.nb-editor-bar{border-bottom:2px solid var(--hair);align-items:center;gap:12px;min-height:44px;margin:0 -10px 10px;padding:0 0 8px 10px;display:flex}.nb-back{align-items:center;gap:4px;min-height:40px;padding:0 12px 0 6px;display:none}.nb-where{min-width:0;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.nb-status{color:var(--soft);flex:none;font-size:13px;font-weight:700}.nb-editor-actions{flex:none;gap:2px;display:flex}.nb-editor input.nb-title{width:100%;min-height:0;color:var(--ink);letter-spacing:-.03em;background:0 0;border:0;border-radius:0;padding:6px 0;font-size:clamp(26px,3vw,34px);font-weight:800}.nb-editor input.nb-title:focus{box-shadow:none}.nb-text{width:100%;min-height:52vh;color:var(--ink);font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;margin-top:6px;padding:0;font-size:17px;line-height:1.65}.nb-text::placeholder{color:var(--soft)}.nb-meta{margin-top:10px;font-size:13px}.nb-meta.is-full{color:var(--due);font-weight:700}.nb-empty{color:var(--soft);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex}.nb-empty p{margin:0;font-size:17px}.nb-move-body{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.nb-move-body h2{letter-spacing:-.02em;font-size:26px;font-weight:800}.nb-move-list{flex-direction:column;gap:2px;max-height:50vh;display:flex;overflow-y:auto}.nb-move-option{min-height:44px;padding:0 12px 0 calc(12px + var(--depth,0) * 20px);color:var(--ink);text-align:left;background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;font-weight:700;display:flex}.nb-move-option:hover:not(:disabled){border-color:var(--line);background:var(--hair)}.nb-move-option:disabled{color:var(--soft);opacity:.6}.nb-move-option .sub{margin-left:auto;font-size:13px;font-weight:600}@media (width<=860px){.nb{grid-template-columns:minmax(0,1fr)}.nb[data-editing=true] .nb-browser,.nb[data-editing=false] .nb-editor{display:none}.nb-back{display:inline-flex}.nb-editor-bar .nb-where{display:none}.nb-editor{min-height:70vh;padding:8px 16px 16px}}@media (width<=1080px){body[data-view=notebook] .context-switch{display:none}}@media (width<=640px){.quick-note-label{display:none}.top-actions{gap:6px}.top-actions .pill-btn{min-height:40px;padding:0 11px}.timer-pill:not(.running):not(.paused) #timer-pill-label{display:none}.nb-head-actions{width:100%}.nb-head-actions>*{flex:1}.nb-row .row-actions{opacity:1;display:flex}.nb-row .row-actions .icon-btn{min-width:30px;padding:0 5px}}@media (width<=1080px){.topbar{grid-template-columns:1fr auto}.context-switch{grid-area:2/1/auto/-1;justify-self:start}}@media (width<=860px){.board{grid-template-columns:1fr}.board-col[data-drop=now]{order:-1}}@media (width<=640px){.topbar{grid-template-columns:1fr auto;gap:12px;padding-top:14px}.topbar-left{display:contents}.brand{grid-area:1/1}.top-actions{grid-area:1/2}.tabs{grid-area:2/1/auto/-1;gap:20px;overflow-x:auto}.tab{white-space:nowrap;padding:4px 0}.context-switch{grid-row:3}.task-row{flex-wrap:wrap;row-gap:4px}.task-row .row-actions{opacity:1;width:100%;padding-left:42px;display:none}.task-row:focus-within .row-actions{display:flex}.board-card .meta{padding-right:0}.board-card .row-actions{background:0 0;position:static}.context-switch{width:100%}.context-switch button{flex:1}.look-label{display:none}.timer-pill{min-width:0}.view-head{flex-direction:column;align-items:flex-start;gap:14px}.layout-switch{width:100%}.layout-switch button{flex:1;padding:0 8px}.add-form select,.add-form #add-due,.add-form #add-time{flex:auto;width:auto}.sched-jump{width:100%;margin-left:0}.sched-day{flex:1;font-size:19px}.sched-hour{grid-template-columns:58px minmax(0,1fr)}.sched-hour>.sched-label{padding-left:12px;font-size:13px}.add-form .primary-btn{flex:100%}.popover{width:auto;position:fixed;top:70px;left:16px;right:16px}.dialog-form{gap:18px;padding:20px 18px}.dlg-fields{grid-template-columns:1fr}.dlg-title{font-size:24px}.dialog-foot{flex-wrap:wrap}.dialog-foot .sub{flex-basis:100%}.bin-actions{width:100%;padding-left:0}.pairs-grid{max-width:none}}@media (width<=380px){.brand{gap:6px;font-size:18px}}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 6px var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}