:root{--bg:#fff;--fg:#111;--muted:#6f6f6f;--faint:#a6a6a6;--line:#e8e8e6;--surface:#f4f4f2;--accent:#111;--on-accent:#fff;--warn:#b5432e;--swipe-done:#dcefe0;--swipe-del:#f6dcd7;--swipe-done-fg:#2f6b3f;--font:"Helvetica Neue", Helvetica, -apple-system, Inter, Arial, sans-serif;--radius:2px;--gutter:20px;--maxw:760px;--kb:0px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0c0c0c;--fg:#f2f2f2;--muted:#9a9a9a;--faint:#5c5c5c;--line:#242424;--surface:#1a1a1a;--accent:#f2f2f2;--on-accent:#0c0c0c;--warn:#e0715c;--swipe-done:#183022;--swipe-del:#3a1c17;--swipe-done-fg:#8fd0a2}}:root[data-theme=dark]{--bg:#0c0c0c;--fg:#f2f2f2;--muted:#9a9a9a;--faint:#5c5c5c;--line:#242424;--surface:#1a1a1a;--accent:#f2f2f2;--on-accent:#0c0c0c;--warn:#e0715c;--swipe-done:#183022;--swipe-del:#3a1c17;--swipe-done-fg:#8fd0a2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}body{background:var(--bg);color:var(--fg);font:400 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input{font:inherit;color:inherit;background:0 0;border:0;outline:0}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input:focus-visible{outline:none}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.label,.section,.tab,.link,.btn{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:400}.app{max-width:var(--maxw);min-height:100dvh;padding:0 calc(var(--gutter) + var(--sar)) calc(120px + var(--sab)) calc(var(--gutter) + var(--sal));margin:0 auto}.top{z-index:5;background:var(--bg);padding-top:var(--sat);position:sticky;top:0}.bar{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{letter-spacing:.3em;text-transform:uppercase;font-size:13px;font-weight:500}.bar-right{align-items:center;gap:18px;display:flex}.link{min-width:44px;min-height:44px;color:var(--muted);padding:0 2px;transition:color .15s}.link.on{color:var(--fg)}.tabs{scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);gap:22px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px;color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;flex:none;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab.on,.tab.open{color:var(--fg)}.tab.on{border-bottom-color:var(--fg)}.tab sup{opacity:.6;vertical-align:4px;margin-left:3px;font-size:10px}.tab .warn{color:var(--warn)}.tab .caret{opacity:.6;border:1px solid;border-width:0 1px 1px 0;width:5px;height:5px;margin-left:7px;transition:transform .15s;display:inline-block;transform:translateY(-3px)rotate(45deg)}.tab.open .caret{transform:translateY(0)rotate(-135deg)}.tab.on{text-overflow:ellipsis;max-width:46vw;overflow:hidden}.menu{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;animation:.15s fade;display:flex}.menu .chip{height:30px;padding:0 10px;font-size:13px}.menu sup{opacity:.7;margin-left:4px;font-size:10px}.menu .sep{background:var(--line);width:1px;height:20px;margin:0 4px}.menu .pair{display:inline-flex}.menu .pair .chip+.chip{margin-left:1px;padding:0 9px}.hint{color:var(--faint);text-transform:none;letter-spacing:0;font-weight:400}.search{border-bottom:1px solid var(--line);width:100%;padding:10px 0;font-size:16px;animation:.15s fade}.search:focus{border-bottom-color:var(--fg)}.actions{justify-content:flex-end;align-items:center;gap:20px;display:flex}.actions .link{min-height:36px}.actions input{border-bottom:1px solid var(--fg);flex:1;min-width:0;padding:6px 0;font-size:16px}.chip{border-radius:var(--radius);background:var(--surface);height:22px;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}button.chip{min-height:22px}.chip.on{background:var(--accent);color:var(--on-accent)}.chip.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.prio-icon{vertical-align:-1px;flex:none;display:inline-block}.chip.prio{padding:0 6px}.chip.prio .prio-icon{width:13px;height:13px}.chip.ghost{background:0 0;padding:0}@media (hover:hover){.link:hover,.tab:hover,button.chip:not(.on):hover{color:var(--fg)}.check:hover i{background:var(--surface)}.suggest button:hover,.btn:not(.solid):hover{background:var(--fg);color:var(--bg)}.btn.solid:hover{opacity:.88}.toast .link:hover{opacity:1}}.section{color:var(--faint);border-bottom:1px solid var(--line);justify-content:space-between;padding:28px 0 8px;display:flex}.section.warn{color:var(--warn)}.list{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);list-style:none;overflow-x:clip}.row{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:13px 0;transition:opacity .25s;animation:.2s fade;display:flex}.row.sub{padding-left:34px}.row{touch-action:pan-y;isolation:isolate;position:relative}.row>.check,.row>.body{transform:translateX(var(--dx,0px));transition:transform .2s}.row.swiping>.check,.row.swiping>.body{transition:none}.row:before,.row:after{z-index:-1;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.row:before{content:attr(data-swipe);background:var(--swipe-done);color:var(--swipe-done-fg);letter-spacing:.12em;text-transform:uppercase;opacity:var(--swipe,0);pointer-events:none;font-size:11px}.row:after{content:attr(data-swipe-left);background:var(--swipe-del);letter-spacing:.12em;text-transform:uppercase;color:var(--warn);opacity:var(--swipe-l,0);pointer-events:none;justify-content:flex-end;font-size:11px}.trash{display:none}@media (hover:hover) and (pointer:fine){.trash{width:28px;height:28px;color:var(--faint);opacity:0;flex:none;place-items:center;margin:-4px -4px -4px 0;transition:opacity .12s,color .12s;display:grid}.row:hover .trash,.row.sel .trash{opacity:1}.trash:focus-visible{opacity:1}.trash:hover{color:var(--warn)}}.row.sel{box-shadow:inset 2px 0 0 var(--fg);margin-left:-10px;padding-left:10px}.row.sub.sel{padding-left:44px}.row.done .title{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}.row.done .meta{opacity:.5}.check{flex:none;place-items:center;width:44px;height:44px;margin:-12px -12px -12px -13px;display:grid}.check i{border:1px solid var(--fg);border-radius:var(--radius);place-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:grid}.row.done .check i{background:var(--accent);border-color:var(--accent)}.row.done .check i:after{content:"";border:solid var(--on-accent);border-width:0 1px 1px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.body{flex:1;min-width:0}.title{text-align:left;overflow-wrap:anywhere;cursor:text;width:100%;font-size:16px;line-height:20px;display:block}.title .tag{color:var(--muted);cursor:pointer}@media (hover:hover){.title .tag:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}}.title.p1{font-weight:500}.meta{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.meta:empty{display:none}.edit{border-bottom:1px solid var(--fg);width:100%;padding-bottom:4px;font-size:16px;line-height:20px}.edit-actions{gap:20px;margin-top:4px;display:flex}.edit-actions .link{min-height:32px}.danger{color:var(--warn)!important}.empty{text-align:center;color:var(--faint);padding:72px 0}.empty p:first-child{color:var(--muted);margin-bottom:10px;font-size:22px;font-weight:300}.capture{z-index:10;transform:translateY(calc(-1 * var(--kb)));background:var(--bg);border-top:1px solid var(--line);padding:0 calc(var(--gutter) + var(--sar)) calc(8px + var(--sab)) calc(var(--gutter) + var(--sal));position:fixed;bottom:0;left:0;right:0}.capture.kb{padding-bottom:8px}.capture-inner{max-width:calc(var(--maxw) - 2 * var(--gutter));margin:0 auto;position:relative}.capture input{width:100%;height:56px;font-size:17px}.capture input::placeholder{color:var(--faint)}.preview{flex-wrap:wrap;gap:5px;min-height:0;padding:0 0 10px;display:flex}.preview:empty{display:none}.preview .hint{color:var(--faint)}.suggest{background:var(--bg);border:1px solid var(--fg);border-radius:var(--radius);max-height:45vh;margin-bottom:8px;list-style:none;position:absolute;bottom:100%;left:0;right:0;overflow:hidden auto}.suggest button{text-align:left;width:100%;min-height:44px;padding:0 14px;font-size:15px}.suggest .on button{background:var(--fg);color:var(--bg)}.suggest small{color:var(--faint);margin-left:6px;font-size:12px}.toast{z-index:20;left:50%;bottom:calc(84px + var(--sab) + var(--kb));background:var(--fg);color:var(--bg);border-radius:var(--radius);align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);min-height:44px;padding:0 6px 0 16px;font-size:14px;animation:.2s rise;display:flex;position:fixed;transform:translate(-50%)}.toast .link{color:var(--bg);opacity:.7;padding:0 10px}.sheet{z-index:30;background:var(--bg);padding:var(--sat) calc(var(--gutter) + var(--sar)) calc(40px + var(--sab)) calc(var(--gutter) + var(--sal));animation:.18s fade;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.sheet-inner{max-width:560px;margin:0 auto}.sheet h2{letter-spacing:-.01em;margin:24px 0 28px;font-size:30px;font-weight:300}.sheet section{border-top:1px solid var(--line);padding:20px 0 26px}.sheet section>.label{color:var(--faint);margin-bottom:14px;display:block}.sheet p{color:var(--muted);margin-bottom:12px;font-size:15px}.sheet form{gap:10px;display:grid}.sheet form input{border-bottom:1px solid var(--line);padding:10px 0;font-size:16px}.sheet form input:focus{border-bottom-color:var(--fg)}.btn{border-radius:var(--radius);border:1px solid var(--fg);min-height:44px;padding:0 18px;transition:background .15s,color .15s,opacity .15s}.btn.solid{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.row-btns{flex-wrap:wrap;gap:10px;display:flex}.look-btns{margin-top:10px}.sheet .look-hint{color:var(--faint);margin:12px 0 0;font-size:13px}.kbd-only{display:none}@media (hover:hover) and (pointer:fine){.sheet .kbd-only{display:block}}.keys{grid-template-columns:max-content 1fr;align-items:center;gap:8px 18px;font-size:14px;display:grid}.keys>div{display:contents}.keys dt{gap:4px;display:flex}.keys dd{color:var(--muted)}kbd{border:1px solid var(--line);background:var(--bg);border-bottom-width:2px;border-radius:4px;place-items:center;min-width:24px;height:24px;padding:0 6px;font:12px ui-monospace,Menlo,monospace;display:inline-grid}.err{margin-top:12px;color:var(--warn)!important}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (min-width:900px){:root{--gutter:40px}body{font-size:17px}.app{padding-bottom:80px}.bar{height:88px}.brand{font-size:14px}.capture{border-top:0;border-bottom:1px solid var(--fg);margin-top:8px;padding:0;position:static;transform:none}.capture input{height:64px;font-size:22px;font-weight:300}.preview{padding:0 0 12px}.suggest{z-index:2;margin:0;top:64px;bottom:auto}.title,.edit{font-size:17px;line-height:22px}.row{padding-top:15px;padding-bottom:15px}.toast{bottom:32px}.chip{height:24px;font-size:12px}}@media (pointer:coarse){.title{margin:-10px 0;padding:10px 0}.menu .chip{height:36px}button.chip{position:relative}button.chip:after{content:"";position:absolute;top:-9px;bottom:-9px;left:-3px;right:-3px}.actions .link,.edit-actions .link{min-height:40px}.past-hint{min-height:44px}}.app.wide{grid-template:"top top""side capture""side main"1fr/240px minmax(0,1fr);align-content:start;column-gap:72px;max-width:1360px;display:grid}.app.wide .top{border-bottom:1px solid var(--line);grid-area:top;margin-bottom:8px}.app.wide .capture{top:calc(88px + var(--sat));z-index:4;background:var(--bg);grid-area:capture;padding-bottom:6px;position:sticky}.app.wide main{grid-area:main;min-width:0}.side{scrollbar-width:thin;grid-area:side;align-self:start;max-height:calc(100dvh - 120px);margin:0 -10px;padding:18px 10px 40px;position:sticky;top:104px;overflow:hidden auto}.side-search{border-bottom:1px solid var(--line);width:100%;margin-bottom:14px;padding:8px 0;font-size:15px}.side-search:focus{border-bottom-color:var(--fg)}.side-group{margin-top:26px}.side-group>.label{color:var(--faint);margin-bottom:6px}.side-list{list-style:none}.side-item{border-radius:var(--radius);width:calc(100% + 20px);color:var(--muted);text-align:left;justify-content:space-between;align-items:baseline;gap:12px;margin:0 -10px;padding:6px 10px;font-size:14px;transition:background .12s,color .12s;display:flex}.side-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-item.on{color:var(--fg);background:var(--surface);font-weight:500}.side-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.side-item.warn,.side-item.warn .side-count{color:var(--warn)}.side-item kbd{color:var(--faint);font:11px ui-monospace,Menlo,monospace}.side-add{color:var(--faint)}.side-pair{align-items:center;display:flex}.side-pair .side-item{flex:1}.side-x{width:28px;height:28px;color:var(--faint);opacity:0;margin-left:4px;transition:opacity .12s}.side-pair:hover .side-x{opacity:1}.side-x:focus-visible{opacity:1}@media (hover:hover){.side-item:not(.on):hover{color:var(--fg);background:var(--surface)}.side-x:hover{color:var(--fg)}}.app.wide .body{align-items:baseline;gap:24px;display:flex}.app.wide .title{flex:1;width:auto}.app.wide .meta{flex:0 auto;justify-content:flex-end;max-width:55%;margin-top:0}.app.wide .edit{flex:1}.app.wide .edit-actions{margin-top:0}.app.wide .row{padding-top:12px;padding-bottom:12px}.app.wide .section{padding-top:22px}.app.wide .capture-inner{max-width:none}.intro{z-index:40;background:#0006;grid-template-columns:minmax(0,1fr);place-items:center;animation:.2s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.intro-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:min(480px,100%);min-width:0;padding:4px 28px 24px;box-shadow:0 20px 60px #0000002e}.intro-copy{display:grid}.intro-text{visibility:hidden;grid-area:1/1}.intro-text.on{visibility:visible;animation:.4s cubic-bezier(.2,.7,.2,1) both intro-in}.intro-text h2{margin:22px 0 8px;font-size:24px;font-weight:300}.intro-text p{color:var(--muted);font-size:15px}@keyframes intro-in{0%{opacity:0;transform:translateY(6px)}}.intro-stage{background:var(--surface);border-radius:var(--radius);justify-content:center;align-items:center;height:270px;padding:0 22px;animation:.25s fade;display:flex;position:relative;overflow:hidden}.demo-fit{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-fit>*{transform:scale(var(--fit,1));flex:none}.intro-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.btn-google{align-items:center;gap:8px;display:inline-flex}.btn-google svg{flex:none}.intro-dots{margin-left:-3px;display:flex}.intro-dots button{place-items:center;width:12px;height:22px;padding:0;display:grid}.intro-dots i{background:var(--line);border-radius:50%;width:6px;height:6px;transition:background .2s;display:block}.intro-dots button.on i{background:var(--fg)}@media (max-height:600px) and (min-width:561px){.intro{padding:16px 0}.intro-card{width:min(780px,100%);height:calc(100vh - 32px);grid-template:"bar bar""stage copy"minmax(0,1fr)"stage foot"/minmax(0,1.15fr) minmax(0,1fr);column-gap:32px;height:calc(100dvh - 32px);padding:14px 26px 18px;display:grid}.intro-card>.bar{grid-area:bar}.intro-stage{grid-area:stage;height:auto;min-height:0;margin-top:0}.intro-copy{grid-area:copy;align-self:center}.intro-foot{grid-area:foot;align-self:end;margin-top:0}.intro-text h2{margin:0 0 10px;font-size:26px}}@media (max-width:560px){.intro{background:var(--bg);place-items:stretch stretch}.intro-card{box-shadow:none;padding:calc(var(--sat) + 4px) calc(var(--gutter) + var(--sar)) calc(20px + var(--sab)) calc(var(--gutter) + var(--sal));border:0;border-radius:0;flex-direction:column;display:flex}.intro-stage{flex:1 1 0;height:auto;min-height:0;max-height:360px;margin-top:12px}.intro-foot{flex-wrap:wrap;row-gap:16px;margin-top:auto;padding-top:18px}.row-btns:has(.btn-google){flex-direction:column;flex:100%;order:-1;gap:8px}.row-btns:has(.btn-google)>.btn{width:100%}}@media (prefers-reduced-motion:reduce){.intro *,.intro :before,.intro :after{transition:none!important;animation:none!important}}.demo-type{width:100%}.demo-type .demo-input{border-bottom:1px solid var(--fg);white-space:nowrap;padding:10px 0;font-size:18px;font-weight:300;line-height:1.3;overflow:hidden}@media (max-width:560px){.demo-type .demo-input{white-space:normal;flex-direction:column;justify-content:flex-end;min-height:calc(2.6em + 20px);display:flex}.demo-chips{min-height:58px}}.demo-caret{background:var(--fg);vertical-align:-3px;width:1px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.demo-chips{flex-wrap:wrap;gap:5px;min-height:30px;margin-top:12px;display:flex}.intro-stage .chip:not(.on):not(.warn){background:var(--bg)}.demo-type .chip{animation:.2s fade}.demo-repeat{color:var(--muted);opacity:0;align-items:center;gap:6px;margin-top:12px;font-size:13px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(4px)}.demo-repeat.on{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}.demo-list{--row-y:68px;--tap-x:108px;--tap-y:40px;width:100%;height:240px;padding:6px 0;position:relative}.demo-day{letter-spacing:.12em;text-transform:uppercase;height:20px;color:var(--faint);border-bottom:1px solid var(--line);align-items:flex-end;padding-bottom:3px;font-size:10px;display:flex}.demo-row{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:12px;height:28px;padding:0 2px;font-size:14px;display:flex;overflow:hidden}.demo-title .tag{color:var(--muted);border-radius:var(--radius);margin:0 -2px;padding:1px 2px}.demo-check i{border:1px solid var(--fg);border-radius:var(--radius);background:var(--bg);place-items:center;width:14px;height:14px;display:grid}.demo-check i:after{content:"";border:solid var(--bg);border-width:0 1px 1px 0;width:4px;height:7px;transform:translateY(-1px)rotate(45deg)}.demo-row.b{animation:7s infinite demo-slide,7s infinite demo-hide}.demo-row.hide:not(.b){animation:7s infinite demo-hide}.demo-row.b .demo-check i{animation:7s step-end infinite demo-fill}.demo-row.b .demo-title{animation:7s step-end infinite demo-strike}.demo-tap{animation:7s step-end infinite demo-on}.demo-finger{background:color-mix(in srgb, var(--fg) 22%, transparent);border:1px solid color-mix(in srgb, var(--fg) 45%, transparent);pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:7s infinite demo-finger;position:absolute}@keyframes demo-slide{0%,6%{transform:none}20%{transform:translate(34%)}25%,to{transform:none}}@keyframes demo-fill{0%{background:var(--bg)}23%{background:var(--fg)}96%{background:var(--bg)}}@keyframes demo-strike{0%{color:var(--fg);text-decoration:none}23%{color:var(--faint);text-decoration:line-through}96%{color:var(--fg);text-decoration:none}}@keyframes demo-on{0%{color:var(--muted);background:0 0}42%{background:var(--fg);color:var(--bg)}96%{color:var(--muted);background:0 0}}@keyframes demo-hide{0%,44%{opacity:1;border-bottom-width:1px;height:28px}54%,90%{opacity:0;border-bottom-width:0;height:0}98%,to{opacity:1;border-bottom-width:1px;height:28px}}@keyframes demo-finger{0%{left:22%;top:var(--row-y);opacity:0}6%{left:22%;top:var(--row-y);opacity:1}20%{left:56%;top:var(--row-y);opacity:1}24%{left:56%;top:var(--row-y);opacity:0}34%{left:var(--tap-x);top:var(--tap-y);opacity:0;transform:none}39%{left:var(--tap-x);top:var(--tap-y);opacity:1;transform:scale(.75)}44%{left:var(--tap-x);top:var(--tap-y);opacity:1;transform:none}52%,to{left:var(--tap-x);top:var(--tap-y);opacity:0}}.demo-list.still *{animation:none!important}.demo-list.still .demo-row.hide{display:none}.demo-list.still .demo-tap{background:var(--fg);color:var(--bg)}.demo-list.still .demo-finger{display:none}.demo-devices{color:var(--fg);flex-direction:column;align-items:center;gap:18px;display:flex}.demo-pair{align-items:center;gap:22px;animation:6s infinite demo-center;display:flex}@keyframes demo-center{0%,40%{transform:translate(113px)}52%,92%{transform:none}to{transform:translate(113px)}}.demo-laptop,.demo-phone{border:1.5px solid var(--fg);background:var(--bg);flex-direction:column;justify-content:center;gap:9px;display:flex;position:relative}.demo-laptop{width:160px;height:102px;box-shadow:0 6px 0 -3px var(--fg);border-radius:4px;padding:0 16px}.demo-phone{border-radius:11px;width:62px;height:112px;padding:0 9px}.demo-lock{margin-left:-5.5px;position:absolute;top:8px;left:50%}.demo-line{align-items:center;gap:6px;display:flex}.demo-line i{border:1px solid var(--fg);border-radius:1px;flex:none;width:7px;height:7px}.demo-line b{background:var(--line);border-radius:2px;flex:1;height:4px}.demo-line em{color:var(--warn);display:flex}.demo-phone .demo-line em{display:none}.demo-laptop,.demo-sync,.demo-g{animation:6s infinite demo-sync-in}.demo-syncwrap{display:flex;position:relative}.demo-g{width:12px;height:12px;color:var(--fg);margin-left:-6px;position:absolute;top:-17px;left:50%}.demo-lock{animation:6s infinite demo-sync-out}.demo-lock-desk,.demo-devices.desk .demo-lock-phone{display:none}.demo-devices.desk .demo-lock-desk{display:block}.demo-devices.desk .demo-pair{animation:6s infinite demo-center-desk}.demo-devices.desk .demo-phone{animation:6s infinite demo-sync-in}.demo-devices.desk .demo-laptop{animation:none}@keyframes demo-center-desk{0%,40%{transform:translate(-64px)}52%,92%{transform:none}to{transform:translate(-64px)}}.demo-captions{text-align:center;width:100%;height:1.4em;color:var(--muted);position:relative}.demo-captions span{position:absolute;top:0;bottom:0;left:0;right:0}.demo-captions .local{animation:6s infinite demo-sync-out}.demo-captions .synced{animation:6s infinite demo-sync-in}@keyframes demo-sync-in{0%,40%{opacity:0}52%,92%{opacity:1}to{opacity:0}}@keyframes demo-sync-out{0%,40%{opacity:1}52%,92%{opacity:0}to{opacity:1}}.demo-devices.still *{animation:none!important}.demo-devices.still .demo-captions .local,.demo-devices.still .demo-lock{opacity:0}.past .list,.past .section{opacity:.75}.now.has-past{min-height:calc(100dvh - 120px)}.past-hint{color:var(--faint);min-height:32px;margin:10px auto 0;display:block}@media (hover:hover){.past-hint:hover{color:var(--fg)}}.credit{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:32px 0 8px;font-size:13px;display:flex}.credit .heart{color:var(--warn)}.credit a{width:44px;height:44px;color:var(--muted);place-items:center;display:grid}@media (hover:hover){.credit a:hover{color:var(--fg)}}.ent-inline{border-bottom:1px solid var(--fg);flex-wrap:wrap;align-items:center;gap:0 3px;padding:4px 0;display:flex}.ent-inline input{flex:1;min-width:0;padding:2px 0;font-size:16px}.ent-sym{color:var(--muted);flex:none}.ent-hint{color:var(--muted);flex-basis:100%;font-size:12px;display:block}.side-ent{position:relative}.side-acts{gap:2px;display:none;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.side-act{border-radius:var(--radius);width:28px;height:28px;color:var(--faint);place-items:center;display:grid}@media (hover:hover){.side-ent:hover .side-acts{display:flex}.side-ent:hover .side-item{padding-right:66px}.side-ent:hover .side-count{visibility:hidden}.side-act:hover{color:var(--fg)}.side-act.del:hover{color:var(--warn)}.ent-row:hover .ent-name{text-underline-offset:3px;text-decoration:underline}}.ent-back{z-index:25;background:#0006;animation:.15s fade;position:fixed;top:0;bottom:0;left:0;right:0}.ent-sheet{transform:translateY(calc(-1 * var(--kb)));background:var(--bg);border-top:1px solid var(--line);padding:18px calc(var(--gutter) + var(--sar)) calc(20px + var(--sab)) calc(var(--gutter) + var(--sal));position:absolute;bottom:0;left:0;right:0}.ent-sheet>.label{color:var(--faint);margin-bottom:12px;display:block}.ent-field{border-bottom:1px solid var(--fg);align-items:baseline;gap:2px;padding:6px 0;font-size:18px;display:flex}.ent-field input{flex:1;min-width:0;font-size:18px}.ent-sheet .ent-hint{margin-top:8px;font-size:13px}.ent-actions{align-items:center;gap:20px;margin-top:16px;display:flex}.ent-actions .btn{flex:none}.ent-actions .link:last-child{margin-left:auto}.ent-sheet .btn:disabled{opacity:.35}.ent-group{margin-top:0}.ent-group>.label{color:var(--faint);margin-bottom:4px;display:block}.ent-list{border-top:1px solid var(--line);list-style:none}.ent-list li{border-bottom:1px solid var(--line)}.ent-row{text-align:left;width:100%;min-height:44px;color:var(--fg);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:15px;display:flex}.ent-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ent-count{color:var(--muted);white-space:nowrap;flex:none;font-size:13px}.ent-row.zero,.ent-row.zero .ent-count{color:var(--faint)}.btn.danger-btn{color:var(--warn);border-color:var(--warn)}.btn.danger-btn.solid{background:var(--warn);color:var(--bg)}@media (hover:hover){.btn.danger-btn:not(.solid):hover{background:var(--warn);color:var(--bg)}}.side-more{color:var(--faint);font-size:13px}.side-filter{margin:2px 0 6px;padding:4px 0;font-size:13px}.side-empty{color:var(--faint);padding:6px 0;font-size:13px}.ent-head{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:48px;font-size:15px;display:flex}.ent-head-count{color:var(--faint);align-items:center;gap:10px;font-size:13px;display:flex}.ent-head .caret{border:1px solid;border-width:0 1px 1px 0;width:6px;height:6px;transition:transform .15s;display:inline-block;transform:translateY(-2px)rotate(45deg)}.ent-head.open .caret{transform:translateY(1px)rotate(-135deg)}.ent-search{border-bottom:1px solid var(--line);width:100%;padding:10px 0;font-size:16px}.ent-search:focus{border-bottom-color:var(--fg)}.ent-empty{color:var(--faint);padding:12px 0;font-size:14px}input[type=search]::-webkit-search-cancel-button{filter:grayscale();opacity:.5}.ref{gap:16px;width:100%;display:grid}.ref-group{gap:7px;display:grid}.ref-group>.label{color:var(--faint)}.ref-chips{flex-wrap:wrap;gap:6px;display:flex}.ref .chip{background:var(--bg);height:26px;color:var(--fg);font-family:inherit;font-size:13px}.ref .chip.warn{color:var(--warn)}.ref-pair{gap:3px;margin-right:6px;display:inline-flex}.ref-keys{width:100%}.edit-actions .link{align-items:center;gap:5px;display:inline-flex}.cal-icon{flex:none}@media (hover:hover) and (pointer:fine){.trash.cal:hover{color:var(--fg)}}.howto{color:var(--muted);gap:10px;margin-bottom:14px;font-size:14px;list-style:none;display:grid}.howto b{color:var(--fg);font-weight:500}.howto-link{background:var(--surface);border-radius:var(--radius);overflow-wrap:anywhere;margin-bottom:12px;padding:10px 12px;font:12px ui-monospace,Menlo,monospace;display:block}.howto-link span{color:var(--faint)}.capture-row{align-items:center;gap:8px;display:flex}.capture-row input{flex:1;min-width:0}.mic{width:40px;height:40px;color:var(--muted);flex:none;place-items:center;display:grid}@media (hover:hover){.mic:hover{color:var(--fg)}}.dict-head{align-items:center;gap:8px;display:flex}.dict-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.dict-dot.on{background:var(--warn);animation:1.2s ease-in-out infinite dict-pulse}@keyframes dict-pulse{50%{opacity:.3}}.dict-hint{color:var(--faint);margin:8px 0 10px;font-size:13px}.dict-blocked{margin:10px 0 16px;font-size:15px}.dict-blocked ol{gap:6px;margin:10px 0 0 20px;display:grid}.dict-blocked li{padding-left:4px}.dict-blocked .dict-note{color:var(--faint);margin-top:12px;font-size:13px}.dict-list{border-top:1px solid var(--line);max-height:40vh;margin-bottom:12px;list-style:none;overflow-y:auto}.dict-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:10px 0;display:flex}.dict-item{flex:1;gap:6px;min-width:0;font-size:15px;display:grid}.dict-item .meta{flex-wrap:wrap;gap:5px;margin:0;display:flex}.dict-x{width:32px;height:32px;color:var(--faint)}.cover{justify-items:center;gap:28px;display:grid}.cover-brand{letter-spacing:.4em;text-transform:uppercase;margin-right:-.4em;font-size:30px;font-weight:500}.cover-lines{gap:12px;width:180px;display:grid}.cover-line{align-items:center;gap:10px;display:flex}.cover-line i{border:1px solid var(--fg);border-radius:var(--radius);background:var(--bg);flex:none;place-items:center;width:13px;height:13px;display:grid}.cover-line i:after{content:"";border:solid var(--bg);border-width:0 1px 1px 0;width:3px;height:7px;transform:translateY(-1px)rotate(45deg)}.cover-line b{background:var(--line);border-radius:2px;flex:1;height:4px}.cover-line.l1 b{flex:.7}.cover-line.l2 b{flex:.85}.cover-line i{animation:7.5s infinite cover-check}.cover-line b{animation:7.5s infinite cover-fade}.cover-line.l1 i,.cover-line.l1 b{animation-delay:1.2s}.cover-line.l2 i,.cover-line.l2 b{animation-delay:2.4s}@keyframes cover-check{0%,12%{background:var(--bg)}18%,80%{background:var(--fg)}92%,to{background:var(--bg)}}@keyframes cover-fade{0%,12%{opacity:1}18%,80%{opacity:.35}92%,to{opacity:1}}.cover.still *{animation:none!important}.cover.still .cover-line i{background:var(--fg)}.cover.still .cover-line b{opacity:.35}.row.dragging{transform:translate(var(--drag-x,0px), var(--drag-y,0px)) scale(1.02);z-index:20;pointer-events:none;background:var(--bg);border-radius:var(--radius);opacity:.96;max-width:420px;padding-left:12px;padding-right:12px;box-shadow:0 10px 30px #00000026}.list:has(.row.dragging){overflow:visible}section.droppable{border-radius:var(--radius);transition:background .12s}section.droppable.drop-on{background:var(--surface)}section.droppable.drop-on .section{color:var(--fg)}.drop-empty{color:var(--faint);border-bottom:1px dashed var(--line);padding:14px 0;font-size:13px;list-style:none}.side-list li.drop-on .side-item{background:var(--surface);color:var(--fg)}.fold-body{padding:16px 0 6px}.help-fold{border-top:1px solid var(--line);margin-top:18px}.help-fold .ent-head{color:var(--muted);font-size:14px}.edit-actions .move{cursor:grab;touch-action:none}.edit-actions{flex-wrap:wrap;gap:0 18px}.edit-actions .grip{flex:none}@font-face{font-family:Doto;font-style:normal;font-display:swap;font-weight:700;src:url(./doto-latin-700-normal-5ZNn4yVk.woff2)format("woff2"),url(./doto-latin-700-normal-B677g5ff.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(./space-mono-latin-400-normal-_3DlpgIW.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(./space-mono-latin-700-normal-D7A851RN.woff)format("woff")}:root[data-look=industrial]{--bg:#eeede9;--fg:#111;--muted:#5f5e5a;--faint:#9a9892;--line:#cfcdc6;--dot:#b9b7b0;--surface:#e2e1dc;--panel:#f7f6f2;--screen:#141414;--screen-fg:#f1f0ea;--accent:#ff4f00;--on-accent:#fff;--warn:#ff4f00;--mono:"Space Mono", ui-monospace, Menlo, monospace;--dots:"Doto", "Space Mono", monospace;--radius:14px;--r:14px}@media (prefers-color-scheme:dark){:root[data-look=industrial]:not([data-theme=light]){--bg:#000;--fg:#f1f0ea;--muted:#9a9892;--faint:#5c5b57;--line:#262624;--dot:#3a3936;--surface:#161615;--panel:#0e0e0d;--screen:#1c1c1b;--screen-fg:#f1f0ea;--accent:#ff5a14;--on-accent:#000;--warn:#ff5a14}}:root[data-look=industrial][data-theme=dark]{--bg:#000;--fg:#f1f0ea;--muted:#9a9892;--faint:#5c5b57;--line:#262624;--dot:#3a3936;--surface:#161615;--panel:#0e0e0d;--screen:#1c1c1b;--screen-fg:#f1f0ea;--accent:#ff5a14;--on-accent:#000;--warn:#ff5a14}:where([data-look=industrial]) .label{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .section{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .tab{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .link{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .btn{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .chip{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .side-count{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .toast .link{font-family:var(--mono);letter-spacing:.06em}:where([data-look=industrial]) .label{font-size:11px}:where([data-look=industrial]) .section{font-size:11px}:where([data-look=industrial]) .tab{font-size:11px}:where([data-look=industrial]) .link{font-size:11px}:where([data-look=industrial]) .btn{font-size:11px}:where([data-look=industrial]) .brand{font-family:var(--dots);letter-spacing:.04em;text-transform:uppercase;font-size:26px;font-weight:700}:where([data-look=industrial]) .brand:after{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}:where([data-look=industrial]) .tab.on{border-bottom-color:var(--accent)}:where([data-look=industrial]) .tab sup{font-family:var(--mono)}:where([data-look=industrial]) main{counter-reset:sec}:where([data-look=industrial]) main section{counter-increment:sec}:where([data-look=industrial]) main section.past{counter-increment:none}:where([data-look=industrial]) .past .section>span:first-child:before{content:"00"}:where([data-look=industrial]) .section{color:var(--fg);border-bottom:0;align-items:center;gap:10px;padding:30px 0 10px}:where([data-look=industrial]) .section>span:first-child:before{content:counter(sec, decimal-leading-zero);color:var(--faint);margin-right:10px}:where([data-look=industrial]) .section:after{content:"";background:radial-gradient(circle, var(--dot) 1px, transparent 1.2px) 0 50% / 6px 2px repeat-x;flex:1;order:1;height:2px}:where([data-look=industrial]) .section>span:last-child{background:var(--fg);min-width:28px;height:20px;color:var(--bg);border-radius:999px;order:2;place-items:center;padding:0 6px;font-size:10px;display:grid}:where([data-look=industrial]) .section.warn>span:last-child{background:var(--accent);color:var(--on-accent)}:where([data-look=industrial]) .section.warn{color:var(--accent)}:where([data-look=industrial]) .list{background:var(--panel);border-radius:var(--r);margin:0;padding:0 16px}:where([data-look=industrial]) .row{background:radial-gradient(circle, var(--dot) .8px, transparent 1px) 0 100% / 5px 2px repeat-x;border-bottom:0}:where([data-look=industrial]) .row:last-child{background:0 0}:where([data-look=industrial]) .row:before{border-radius:var(--r);font-family:var(--mono);margin:0 -16px;padding:0 16px}:where([data-look=industrial]) .row:after{border-radius:var(--r);font-family:var(--mono);margin:0 -16px;padding:0 16px}:where([data-look=industrial]) .row.sel{box-shadow:inset 2px 0 0 var(--accent)}:where([data-look=industrial]) .check i{border:1.5px solid var(--fg);border-radius:50%;width:20px;height:20px}:where([data-look=industrial]) .row.done .check i{background:var(--accent);border-color:var(--accent)}:where([data-look=industrial]) .row.done .check i:after{background:var(--on-accent);border:0;border-radius:50%;width:6px;height:6px;transform:none}:where([data-look=industrial]) .row.done .title{-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}:where([data-look=industrial]) .chip{text-transform:uppercase;border:1px solid var(--line);color:var(--muted);background:0 0;height:22px;padding:0 9px;font-size:10.5px}:where([data-look=industrial]) .chip.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}:where([data-look=industrial]) .chip.warn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:where([data-look=industrial]) .chip.ghost{border:0}:where([data-look=industrial]) .title .tag{color:var(--muted)}:where([data-look=industrial]) .capture{background:0 0;border-top:0;padding-top:8px}:where([data-look=industrial]) .capture-inner{background:var(--screen) radial-gradient(circle, #ffffff12 .8px, transparent 1px) 0 0 / 6px 6px;color:var(--screen-fg);border-radius:var(--r);padding:0 18px;box-shadow:0 10px 30px #0000002e,inset 0 0 0 1px #ffffff14}:where([data-look=industrial]) .capture input{font-family:var(--mono);height:58px;color:var(--screen-fg);caret-color:var(--accent);font-size:16px}:where([data-look=industrial]) .capture input::placeholder{color:#f1f0ea73}:where([data-look=industrial]) .capture .chip{color:#f1f0eab3;border-color:#fff3}:where([data-look=industrial]) .capture .chip.on{background:var(--accent);border-color:var(--accent);color:#fff}:where([data-look=industrial]) .empty p:first-child{font-family:var(--dots);color:var(--fg);text-transform:uppercase;font-size:34px;font-weight:700}:where([data-look=industrial]) .empty p:last-child{font-family:var(--mono);font-size:12px}:where([data-look=industrial]) .toast{font-family:var(--mono);border-radius:999px;font-size:12px}:where([data-look=industrial]) .btn{border-radius:999px}:where([data-look=industrial]) .btn.solid{background:var(--fg);border-color:var(--fg);color:var(--bg)}:where([data-look=industrial]) .sheet h2{font-family:var(--dots);text-transform:uppercase;font-size:40px;font-weight:700}:where([data-look=industrial]) .sheet section{background:radial-gradient(circle, var(--dot) .8px, transparent 1px) 0 0 / 5px 2px repeat-x;border-top:0}@media (min-width:900px){:where([data-look=industrial]) .brand{font-size:32px}:where([data-look=industrial]) .capture{border-bottom:0;margin-top:18px}:where([data-look=industrial]) .capture input{height:66px;font-size:18px}}:where([data-look=industrial]) .app.wide .top{background:var(--bg) radial-gradient(circle, var(--dot) .8px, transparent 1px) 0 100% / 6px 2px repeat-x;border-bottom:0}:where([data-look=industrial]) .side-group>.label{color:var(--fg)}:where([data-look=industrial]) .side-group>.label:before{content:"■";color:var(--accent);vertical-align:1px;margin-right:8px;font-size:9px}:where([data-look=industrial]) .side-item{border-radius:999px;font-size:14px}:where([data-look=industrial]) .side-item.on{background:var(--fg);color:var(--bg)}:where([data-look=industrial]) .side-item.on .side-count{color:var(--bg)}:where([data-look=industrial]) .side-search{font-family:var(--mono);font-size:13px}@media (pointer:coarse){:where([data-look=industrial]) .side-search{font-size:16px}}:where([data-look=industrial]) .intro-dots button.on i{background:var(--accent)}:where([data-look=industrial]) .suggest{background:var(--screen);color:var(--screen-fg);border:1px solid #ffffff1f;padding:6px;box-shadow:0 10px 30px #00000040}:where([data-look=industrial]) .suggest button{font-family:var(--mono);border-radius:8px;font-size:15px}:where([data-look=industrial]) .suggest .on button{background:var(--accent);color:#fff}:where([data-look=industrial]) .suggest button:hover{background:var(--accent);color:#fff}:where([data-look=industrial]) .suggest small{color:#f1f0ea73;text-transform:uppercase;letter-spacing:.06em;font-size:10px}:where([data-look=industrial]) .suggest .on small{color:#ffffffbf}:where([data-look=industrial]) .suggest button:hover small{color:#ffffffbf}@media (min-width:900px){:where([data-look=industrial]) .suggest{top:calc(100% + 8px)}}