:root{color-scheme:dark;--bg:#111418;--panel:#191e24;--panel-subtle:#151a20;--line:#303844;--line-strong:#485363;--text:#edf1f7;--muted:#9aa6b7;--brand:#4cb79f;--brand-dark:#78d0bd;--primary-text:#071513;--accent:#e07860;--warn:#ff8f83;--selected:#18362f;--control-active:#214a41;--control-active-text:#d8fff5;--group-header-bg:#d8fff5;--group-header-text:#071513;--input-ring:#4cb79f;--code-bg:#26303b;--pre-bg:#0d1117;--pre-text:#edf1f7;--shadow:0 10px 24px rgba(0,0,0,0.28)}:root[data-theme=light]{color-scheme:light;--bg:#f7f8fa;--panel:#ffffff;--panel-subtle:#f1f3f6;--line:#d9dee7;--line-strong:#b9c1ce;--text:#172033;--muted:#667085;--brand:#176b5b;--brand-dark:#0d4d42;--primary-text:#ffffff;--accent:#b44834;--warn:#b42318;--selected:#edf7f4;--control-active:#dcece8;--control-active-text:#0d4d42;--group-header-bg:#172033;--group-header-text:#ffffff;--input-ring:#176b5b;--code-bg:#eef1f5;--pre-bg:#172033;--pre-text:#ffffff;--shadow:0 10px 24px rgba(23,32,51,0.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.35}button,input,select,textarea{font:inherit;color:var(--text)}a.primary,button{border:1px solid var(--line);background:var(--panel);color:var(--text);min-height:28px;border-radius:0;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}a.primary:hover,button:hover{border-color:var(--line-strong)}button:disabled{cursor:not-allowed;opacity:.6}button.chaos-loading:disabled{opacity:1;cursor:progress}.primary{background:var(--brand);border-color:var(--brand);color:var(--primary-text)}.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.big{min-height:34px;padding:0 12px}.shell{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:10px 0 0}.toolbar,.topbar,.workspace{max-width:none;width:100%;margin:0 auto}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:0;padding:0 10px 8px;border-bottom:1px solid var(--line);flex-wrap:nowrap}.signin h1,.topbar h1{margin:0;font-size:15px;line-height:1.2;font-weight:700;text-transform:lowercase}.signin p,.topbar p{margin:4px 0 0;color:var(--muted)}.inspector-actions,.inspector-head,.top-actions{display:flex;align-items:center;gap:6px}.top-actions{gap:10px;flex:0 0 auto;white-space:nowrap}.inspector-actions,.inspector-head{flex-wrap:wrap}.icon-button{width:30px;padding:0}.danger{color:var(--warn)}.detail-complete-button{color:var(--brand)}.detail-complete-button.active{border-color:var(--brand)}.detail-complete-box{width:14px;height:14px;display:inline-grid;place-items:center;border:1px solid;color:inherit;line-height:1}.toolbar{display:grid;grid-template-columns:210px auto minmax(180px,360px);grid-gap:6px;gap:6px;margin-bottom:8px;padding:0 10px}.inline-toolbar{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;width:max-content;max-width:100%;margin:0;padding:0;min-width:0}.field input,.search,select{min-height:30px;border:1px solid var(--line);border-radius:0;background:var(--panel);outline:1px solid transparent;outline-offset:-2px}.field input:focus,select:focus{border-color:var(--input-ring);outline-color:var(--input-ring);background:var(--panel)}.search{display:flex;align-items:center;gap:6px;padding:0 8px;flex:0 1 300px;width:300px;max-width:100%}.search span{color:var(--muted)}.search input{border:0;outline:0;min-width:0;width:100%;background:transparent}.field input,select{padding:0 8px}.filter-tabs{display:inline-grid;grid-template-columns:max-content max-content;border:1px solid var(--line);background:var(--panel);width:max-content}.range-tabs{grid-template-columns:repeat(4,max-content)}.filter-tabs button{min-height:28px;padding:0 7px;border:0;border-right:1px solid var(--line)}.filter-tabs button:last-child{border-right:0}.filter-tabs .active{background:var(--control-active);color:var(--control-active-text)}.workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,65fr) minmax(360px,35fr);grid-gap:0;gap:0;align-items:stretch;overflow:hidden}.error,.inspector,.task-region{background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:none}.task-region{border-left:0}.inspector,.task-region{min-height:0;overflow-y:auto;overflow-x:hidden;border-top:0}.inspector{padding:10px;border-right:0;border-bottom:0}.error{margin:0 10px 8px;color:var(--warn);padding:6px 8px}.date-group,.task-list{display:grid}.date-group,.date-group header{border-bottom:1px solid var(--line)}.date-group header{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px;background:var(--group-header-bg);color:var(--group-header-text);font-weight:700;overflow:hidden}.date-group header.dated-header{background:rgba(216,255,245,var(--date-header-alpha));color:var(--date-header-text)}.date-group header.today-header{position:relative;background:rgba(216,255,245,1)}.date-group header.today-header>span{position:relative;z-index:2}.today-face:after{content:" :)";display:inline-block;min-width:76px;margin-left:10px;color:#071513;animation:today-face-cycle 16.2s step-end infinite}@keyframes today-face-cycle{0%{content:" :)"}5.55%{content:" :D"}11.1%{content:" ^_^"}16.65%{content:" o_o"}22.2%{content:" >:)"}27.75%{content:" :3"}33.3%{content:" :P"}38.85%{content:" B)"}44.4%{content:" :O"}49.95%{content:" :|"}55.5%{content:" ;)"}61.05%{content:" :>"}66.6%{content:" <3"}72.15%{content:" x_x"}77.7%{content:" -_-"}83.25%{content:" :]"}88.8%{content:" =)"}94.35%{content:" :v"}}.task-row{width:100%;display:grid;grid-template-columns:22px 42px minmax(180px,1fr) minmax(150px,220px) 180px 42px;grid-template-rows:17px 16px;grid-column-gap:10px;column-gap:10px;grid-row-gap:0;row-gap:0;align-items:center;align-content:center;min-height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;padding:4px 8px;cursor:pointer}.task-row:hover{background:var(--panel);border-color:var(--line)}.task-row.selected,.task-row.selected:hover{background:var(--selected)}.complete{position:relative;width:18px;height:18px;border:1px solid var(--line-strong);border-radius:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.complete.done{background:transparent;border-color:var(--brand);color:var(--brand)}.complete.celebrate:after,.complete.celebrate:before{content:"";position:absolute;inset:50%;width:8px;height:8px;image-rendering:pixelated;pointer-events:none;transform:translate(-50%,-50%) scale(0)}.complete.celebrate:before{box-shadow:0 -10px #d8fff5,10px 0 #4cb79f,0 10px #a8f5e2,-10px 0 #7ee4cc,8px -8px #eafffa,8px 8px #2fa98f,-8px 8px #bfffee,-8px -8px #63d6bd;animation:pixel-ripple-a .78s steps(7) forwards}.complete.celebrate:after{box-shadow:0 -14px #d8fff5,14px 0 #8df0d7,0 14px #ffffff,-14px 0 #4cb79f,11px -11px #c9fff2,11px 11px #2fa98f,-11px 11px #eafffa,-11px -11px #63d6bd;animation:pixel-ripple-b 1.1s steps(9) forwards}@keyframes pixel-ripple-a{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}70%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) scale(3.1)}}@keyframes pixel-ripple-b{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(0)}26%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(4.4)}}.task-glyph{grid-column:2;grid-row:1/3;align-self:center;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid;background:color-mix(in srgb,currentColor 14%,transparent);box-shadow:inset 0 0 10px color-mix(in srgb,currentColor 22%,transparent)}.task-glyph svg{width:22px;height:22px}.task-glyph.large{grid-column:auto;grid-row:auto;width:64px;height:64px;flex:0 0 auto}.task-glyph.large svg{width:42px;height:42px}.task-title{grid-column:3;grid-row:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;line-height:1.1}.task-row.no-description .task-title{grid-row:1/3;align-self:center}.inspector-head span,.task-card span,.task-meta{color:var(--muted);font-size:12px;line-height:1.1}.complete{grid-column:1;grid-row:1/3;align-self:center}.row-list{grid-column:4;grid-row:1}.row-updated{grid-column:5;grid-row:1}.row-status{grid-column:6;grid-row:1}.task-description{grid-column:3/7;grid-row:2;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px}.inspector form{height:100%;display:flex;flex-direction:column;gap:8px}.inspector-head{justify-content:space-between;align-items:flex-start}.inspector-identity{display:flex;align-items:center;gap:12px}.inspector-identity,.inspector-identity>div{min-width:0;flex:1 1 auto}.inspector-identity span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-input{width:100%;border:0;outline:0;padding:4px 0 0;font-size:16px;font-weight:650;background:transparent;resize:vertical;line-height:1.25;min-height:44px;max-height:140px;overflow:auto;white-space:normal}.field{display:grid;grid-gap:4px;gap:4px}.field span{color:var(--muted);font-size:12px;font-weight:650}.field small{color:var(--muted);font-size:11px;font-weight:400}.date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px;gap:6px}.date-control input{width:100%}.date-actions{display:inline-flex;gap:6px}.field textarea{min-height:260px;resize:vertical;border:1px solid var(--line-strong);border-radius:0;padding:8px;line-height:1.45;background:var(--panel-subtle);outline:1px solid transparent;outline-offset:-2px}.field textarea:focus{border-color:var(--input-ring);outline-color:var(--input-ring);background:var(--panel)}.grow{flex:1 1}.description-field{flex:0 0 auto;align-content:start}.check-row{display:flex;align-items:center;gap:8px}.preview{border:1px solid var(--line);padding:8px;max-height:260px;overflow:auto}.description-display{position:relative;min-height:260px;padding-right:38px}.description-edit-button{position:absolute;top:6px;right:6px;width:26px;height:26px;display:inline-grid;place-items:center;padding:0;color:var(--muted);background:color-mix(in srgb,var(--panel) 86%,transparent);border-color:var(--line)}.description-edit-button:hover{color:var(--text);border-color:var(--line-strong)}.markdown{line-height:1.45}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown code{background:var(--code-bg);padding:2px 4px;border-radius:0}.markdown pre{background:var(--pre-bg);color:var(--pre-text);padding:8px;border-radius:0;overflow:auto}.empty-notes,.state{color:var(--muted)}.state{padding:12px}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:12px}.empty-state strong{font-size:14px}.empty-state p{max-width:420px;margin:0;color:var(--muted)}.empty-state div{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.signin{min-height:100vh;display:grid;place-items:center;padding:12px}.signin-tools{position:fixed;top:10px;right:10px}.signin section{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px}.signin a{margin-top:18px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:12px;background:rgba(0,0,0,.62)}.modal{width:min(720px,100%);display:grid;grid-gap:10px;gap:10px;background:var(--panel);border:1px solid var(--line-strong);padding:10px;position:relative;overflow:hidden}.modal footer,.modal header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}.modal h2{margin:0;font-size:13px}.modal textarea{min-height:180px}.creation-complete{position:relative;z-index:2;border:1px solid var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--panel));color:var(--text);padding:10px;font-weight:700}.modal footer span{color:var(--muted);font-size:12px}.loading-game{position:relative;z-index:2;display:grid;grid-gap:6px;gap:6px;border:1px solid #ff2bd6;padding:6px;background:repeating-linear-gradient(90deg,rgba(255,43,214,.08) 0 4px,rgba(0,229,255,.08) 4px 8px),#080a12;box-shadow:0 0 0 1px #00e5ff,0 0 18px rgba(255,43,214,.5),inset 0 0 24px rgba(0,229,255,.22)}.loading-game>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d8fff5;font-size:12px}.loading-game span{color:#ffe600}.loading-invaders{display:block;width:100%;height:220px;border:1px solid rgba(216,255,245,.35);background:#080a12;image-rendering:pixelated;outline:1px solid transparent;outline-offset:-2px}.loading-invaders:focus{outline-color:#ffe600}.fullscreen-ripple{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;pointer-events:none;image-rendering:pixelated;mix-blend-mode:screen}.chaos-loading{position:relative;isolation:isolate;overflow:hidden;min-width:132px;color:#ffffff;border-color:#ffffff;text-shadow:1px 1px 0 #ff00f5,-1px -1px 0 #00fff0,0 0 8px #ffff00;background:repeating-linear-gradient(45deg,#ff00f5 0 10px,#00fff0 10px 20px,#ffff00 20px 30px,#00ff38 30px 40px),linear-gradient(90deg,#ff3d00,#7c00ff);background-size:220% 220%;animation:chaos-scan .42s linear infinite,chaos-wobble .18s steps(2,jump-none) infinite}.chaos-loading:after,.chaos-loading:before{content:"!!!";position:absolute;inset:-40%;z-index:-1;opacity:.55;background:radial-gradient(circle at 20% 30%,#ffffff 0 4px,transparent 5px),radial-gradient(circle at 80% 60%,#ff0000 0 5px,transparent 6px),radial-gradient(circle at 45% 80%,#0000ff 0 4px,transparent 5px);animation:chaos-spin .9s linear infinite}.chaos-loading:after{content:"***";opacity:.75;mix-blend-mode:difference;animation-direction:reverse}@keyframes chaos-scan{0%{background-position:0 0}to{background-position:120px 60px}}@keyframes chaos-wobble{0%{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(1px,-1px) rotate(1deg) scale(1.03)}66%{transform:translate(-1px,1px) rotate(-1deg) scale(.99)}to{transform:translate(0) rotate(0deg) scale(1)}}@keyframes chaos-spin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.2)}}@media (max-width:980px){.shell{height:auto;min-height:100vh;overflow:visible}.toolbar,.workspace{grid-template-columns:1fr}.inspector,.workspace{overflow:visible}.inspector{position:static;min-height:0}.task-region{min-height:420px;overflow:visible}}@media (max-width:680px){.shell{padding:12px 0}.topbar{align-items:flex-start;flex-direction:column;gap:8px}.toolbar{gap:8px}.toolbar,.topbar{padding:0 12px}.task-row{grid-template-columns:22px 42px minmax(120px,1fr)}.task-row .task-meta{display:none}.task-description,.task-title{grid-column:3}}