:root{--color-bg:#233049;--color-text:#eaf1fb;--color-accent:#7cc4ff;--color-card:#2c3b57;--mix:in oklab;--color-neutral-100:color-mix(var(--mix), var(--color-text) 97%, var(--color-bg));--color-neutral-200:color-mix(var(--mix), var(--color-text) 88%, var(--color-bg));--color-neutral-300:color-mix(var(--mix), var(--color-text) 76%, var(--color-bg));--color-neutral-400:color-mix(var(--mix), var(--color-text) 63%, var(--color-bg));--color-neutral-500:color-mix(var(--mix), var(--color-text) 50%, var(--color-bg));--color-neutral-600:color-mix(var(--mix), var(--color-text) 37%, var(--color-bg));--color-neutral-700:color-mix(var(--mix), var(--color-text) 25%, var(--color-bg));--color-neutral-800:color-mix(var(--mix), var(--color-text) 15%, var(--color-bg));--color-neutral-900:color-mix(var(--mix), var(--color-text) 7%, var(--color-bg));--color-accent-300:color-mix(var(--mix), var(--color-accent) 60%, var(--color-text));--color-accent-700:color-mix(var(--mix), var(--color-accent) 55%, var(--color-bg));--color-accent-900:color-mix(var(--mix), var(--color-accent) 18%, var(--color-bg));--color-divider:color-mix(in srgb, var(--color-text) 16%, transparent);--font:"Inter", system-ui, sans-serif;--text-scale:1}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:calc(13px * var(--text-scale));-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .2s,color .2s}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.text-btn{color:inherit;background:0 0;border:0;padding:0}.muted{color:var(--color-neutral-500)}.btn{border:1px solid var(--color-divider);background:0 0;align-items:center;gap:6px;padding:5px 10px;font-weight:500;line-height:1.2;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-accent{color:var(--color-accent);border-color:var(--color-accent)}.btn-accent:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}kbd{font:inherit;font-size:calc(11px * var(--text-scale));border:1px solid var(--color-neutral-700);color:var(--color-neutral-400);font-variant-numeric:tabular-nums;padding:2px 5px;line-height:1}.header{flex-wrap:wrap;align-items:center;gap:28px;padding:22px 32px 0;display:flex}.wordmark{font-size:calc(15px * var(--text-scale));letter-spacing:-.01em;font-weight:500}.wordmark:before{content:"";background:var(--color-accent);vertical-align:1px;width:8px;height:8px;margin-right:8px;display:inline-block}.tabs{gap:18px;display:flex}.tab{color:var(--color-neutral-500)}.tab[aria-current=true]{color:var(--color-text)}.tab .count{color:var(--color-neutral-600)}.search{border-bottom:1px solid var(--color-neutral-800);min-width:200px;max-width:420px;color:var(--color-neutral-500);flex:1;align-items:center;gap:8px;display:flex}.search:focus-within{border-bottom-color:var(--color-accent)}.search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:none;flex:1;padding:6px 0}.search input::placeholder{color:var(--color-neutral-600)}.header-end{align-items:center;gap:14px;margin-left:auto;display:flex}.small{font-size:calc(12px * var(--text-scale))}.text-size{align-items:baseline;gap:1px;display:flex}.text-size button{color:var(--color-neutral-600);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 4px 2px;line-height:1}.text-size button:hover{color:var(--color-neutral-300)}.text-size button[aria-pressed=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.banner{font-size:calc(12px * var(--text-scale));color:var(--color-neutral-400);border:1px dashed var(--color-neutral-700);margin:14px 32px 0;padding:6px 10px}.labels-row{font-size:calc(12px * var(--text-scale));flex-wrap:wrap;gap:16px;padding:16px 32px 0;display:flex}.label-filter{color:var(--color-neutral-500);border-bottom:1px solid #0000;padding:0 0 2px}.label-filter:hover{color:var(--color-neutral-300)}.label-filter[aria-pressed=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.grid-wrap{padding:22px 32px 64px}.grid{align-items:flex-start;gap:10px;display:flex}.col{flex-direction:column;flex:1 1 0;gap:10px;min-width:0;display:flex}.empty{color:var(--color-neutral-500);margin:0}.card{cursor:text;border:1px solid var(--color-neutral-800);background:var(--color-card);flex-direction:column;gap:6px;padding:12px 14px 9px;transition:border-color .12s;display:flex}.card:hover{border-color:var(--color-neutral-600)}.card.pinned{border-color:color-mix(var(--mix), var(--color-accent) 35%, var(--color-bg))}.card.pinned:hover{border-color:var(--color-accent-700)}.card-title{font-weight:500}.card-body{color:var(--color-neutral-200);max-height:340px;overflow:hidden}.card-foot{font-size:calc(11px * var(--text-scale));color:var(--color-neutral-500);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.card-foot .spacer{margin-left:auto}.card-foot .date{font-variant-numeric:tabular-nums}.card-foot .label:hover{color:var(--color-neutral-300)}.pin{color:var(--color-neutral-700);display:grid}.pin:hover{color:var(--color-neutral-400)}.pin[aria-pressed=true]{color:var(--color-accent)}.done-btn{color:var(--color-neutral-400)}.done-btn:hover{color:var(--color-accent)}.rich{overflow-wrap:anywhere}.rich p{margin:0}.rich ul,.rich ol{margin:2px 0;padding-left:18px}.rich a{color:var(--color-accent);text-underline-offset:3px}.rich code{background:var(--color-neutral-900);border:1px solid var(--color-neutral-800);padding:0 3px;font-size:.92em}.rich ul[data-type=taskList]{padding-left:0;list-style:none}.rich ul[data-type=taskList]>li{align-items:flex-start;gap:8px;display:flex}.rich ul[data-type=taskList]>li>label{-webkit-user-select:none;user-select:none;flex:none;padding-top:.32em;display:flex}.rich ul[data-type=taskList]>li>div{flex:1;min-width:0}.rich ul[data-type=taskList]>li[data-checked=true]>div{color:var(--color-neutral-600);text-decoration:line-through}.rich input[type=checkbox]{appearance:none;cursor:pointer;width:calc(12px * var(--text-scale));height:calc(12px * var(--text-scale));border:1.5px solid var(--color-neutral-500);background:0 0;place-items:center;margin:0;display:grid}.rich input[type=checkbox]:hover{border-color:var(--color-accent)}.rich input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.rich input[type=checkbox]:checked:after{content:"";border:solid var(--color-bg);border-width:0 1.5px 1.5px 0;width:3px;height:6px;margin-top:-2px;transform:rotate(45deg)}.rich p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--color-neutral-600)}.backdrop{z-index:50;background:color-mix(in srgb, var(--color-bg) 75%, transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);place-items:start center;padding:12vh 16px 16px;display:grid;position:fixed;inset:0}.editor{background:var(--color-card);border:1px solid var(--color-neutral-700);flex-direction:column;width:min(540px,100%);display:flex;box-shadow:0 18px 50px #0000004d}.editor-title{font-size:calc(14px * var(--text-scale));background:0 0;border:0;outline:none;padding:14px 16px 4px;font-weight:500}.editor-title::placeholder,.label-input::placeholder{color:var(--color-neutral-600)}.editor-body{color:var(--color-neutral-200);line-height:1.55}.editor-body .tiptap{outline:none;min-height:120px;max-height:50vh;padding:6px 16px 12px;overflow:auto}.editor-labels{font-size:calc(12px * var(--text-scale));flex-wrap:wrap;align-items:center;gap:10px;padding:0 16px 10px;display:flex}.editor-labels .chip{color:var(--color-accent-300)}.editor-labels .suggest{color:var(--color-neutral-600)}.editor-labels .suggest:hover{color:var(--color-neutral-300)}.editor-labels .suggest[aria-current=true]{color:var(--color-neutral-200);box-shadow:inset 0 -1px 0 var(--color-accent)}.editor-labels .suggest[aria-current=true]:after{content:" ⇥";color:var(--color-neutral-600);font-size:calc(10px * var(--text-scale))}.label-input{background:0 0;border:0;outline:none;width:90px;padding:2px 0}.editor-bar{border-top:1px solid var(--color-neutral-800);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;display:flex}.tool{width:30px;height:30px;color:var(--color-neutral-400);background:0 0;border:0;place-items:center;display:grid}.tool:hover{color:var(--color-text)}.tool[aria-pressed=true]{color:var(--color-accent-300);background:var(--color-neutral-800)}.tool-sep{background:var(--color-neutral-800);width:1px;height:16px;margin:0 4px}.editor-bar .spacer{margin-left:auto}.editor-bar .text-btn{font-size:calc(12px * var(--text-scale));color:var(--color-neutral-400);padding:0 10px}.editor-bar .text-btn:hover{color:var(--color-accent)}.editor-bar .btn{font-size:calc(12px * var(--text-scale))}.popover{z-index:40;background:var(--color-bg);border:1px solid var(--color-neutral-700);flex-direction:column;gap:2px;width:260px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #0000004d}.theme-opt{text-align:left;color:var(--color-neutral-300);background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.theme-opt:hover{background:var(--color-neutral-900);color:var(--color-text)}.theme-opt[aria-checked=true]{color:var(--color-text);box-shadow:inset 2px 0 0 var(--color-accent)}.swatch{border:1px solid var(--color-neutral-700);flex:none;display:inline-flex}.swatch span{width:12px;height:16px}.theme-custom{border-top:1px solid var(--color-neutral-800);gap:10px;margin-top:6px;padding:8px;display:flex}.theme-custom label{font-size:calc(11px * var(--text-scale));color:var(--color-neutral-500);flex-direction:column;gap:4px;display:flex}.theme-custom input[type=color]{border:1px solid var(--color-neutral-700);background:0 0;width:44px;height:24px;padding:0}.help{width:min(420px,100%);max-height:80vh;padding:16px 18px;overflow:auto}.help h2{font-size:calc(13px * var(--text-scale));margin:0 0 10px;font-weight:500}.help table{border-collapse:collapse;width:100%}.help td{color:var(--color-neutral-300);padding:4px 0}.help td:first-child{white-space:nowrap;width:45%}.help td kbd+kbd{margin-left:3px}.help .section td{color:var(--color-neutral-500);font-size:calc(11px * var(--text-scale));text-transform:uppercase;letter-spacing:.08em;padding-top:12px}.toast{z-index:60;background:var(--color-neutral-900);border:1px solid var(--color-neutral-700);align-items:center;gap:14px;padding:8px 12px;display:flex;position:fixed;bottom:24px;left:32px}.toast .text-btn{color:var(--color-accent)}.signin{place-items:center;min-height:100vh;padding:16px;display:grid}.signin form{flex-direction:column;gap:14px;width:min(320px,100%);display:flex}.signin input{border:0;border-bottom:1px solid var(--color-neutral-700);background:0 0;outline:none;padding:6px 0}.signin input:focus{border-bottom-color:var(--color-accent)}.signin .btn{align-self:flex-start}@media (width<=640px){.header{gap:14px 20px;padding:16px 16px 0}.labels-row,.grid-wrap{padding-left:16px;padding-right:16px}.banner{margin-left:16px;margin-right:16px}.search{flex-basis:100%;order:5;max-width:none}.backdrop{padding-top:6vh}.toast{left:16px;right:16px}}