:root{--bg: #0c0f12;--text: #e6e7ea;--text-light: #888888;--text-lighter: #666666;--accent: #7cc3ff;--accent-dark: #8C9CAA;--accent-bg: rgba(124, 195, 255, .12);--accent-text: var(--bg);--accent-hover: #ffffff;--code: #ffffff;--preformatted: var(--text-lighter);--disabled: var(--accent-dark);--marked: var(--accent);--border: #333333;--code-bg: #12161b;--border-width: 2px;--border-radius: 4px;--border-radius-mid: 8px;--border-radius-big: 6px;--standard-border-radius: var(--border-radius);--accent-hover: #666666}body{background:var(--bg);color:var(--text)}h2{font-size:2rem}a,a:visited{color:var(--accent-dark)}input{border:2px solid var(--text-light)}::placeholder{color:var(--text-lighter);opacity:1}::-ms-input-placeholder{color:var(--text-lighter)}kbd{background:var(--code-bg);padding:0 .3rem;border-radius:var(--border-radius);color:var(--text-light)}button,.button,a.button,input[type=submit],input[type=reset],input[type=button]{background-color:var(--accent-dark);border-color:var(--accent-dark)}.button{padding:.6rem 1.2rem;border-radius:var(--border-radius);border:none;cursor:pointer}.button.primary{background:var(--accent);color:#000}.button.secondary{background:rgba(0,0,0,0);border:1px solid var(--border)}.quiet-btn{cursor:pointer;outline:0;display:inline-block;font-weight:400;line-height:1.5;text-align:center;background-color:rgba(0,0,0,0);border:1px solid var(--bg);padding:6px 12px;font-size:1.15rem;border-radius:var(--border-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:var(--text-light);border-color:var(--bg)}.quiet-btn:hover{color:var(--text);background-color:var(--border);border-color:var(--accent)}a.back-btn{background-color:var(--bg);color:var(--text-light);border-color:var(--bg)}.btn[disabled],button[disabled]{opacity:.6;cursor:not-allowed}#add_todo_btn{width:21%;background-color:var(--text-lighter);border-color:var(--text-lighter)}#add_todo_btn:hover{background-color:var(--accent);border-color:var(--accent)}input.complete-btn:hover{background-color:var(--accent) !important;border-color:var(--accent) !important}main{min-width:700px;max-width:900px;margin-inline:auto;padding:1rem}.stack{display:grid;gap:1rem;min-width:50%}.card{border:1px solid var(--border);border-radius:var(--border-radius-mid);padding:1rem;background:var(--bg);text-align:center}.card.no-border{border:none !important}.card.no-padding-lr{padding-left:0;padding-right:0}.card.plan{padding:1.25rem}.card.plan.highlight{border-color:var(--accent);box-shadow:0 6px 24px rgba(0,0,0,.25)}.controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}header.app{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1rem;position:relative}header.app h1{margin:0;font-size:1.2rem}header nav{line-height:1.2;padding:6px 0 6px 0}header nav a{margin:0 .35rem}.brand{color:var(--accent-dark);text-decoration-line:none;text-decoration:none;font-size:1.2rem}.brand a{text-decoration:none;text-decoration-line:none}.nav-toggle{display:none;font-size:1.6rem;background:none;border:0;cursor:pointer;color:var(--text-light)}.nav-menu a{margin-left:1rem}.nav-backdrop{display:none}nav.footer a{color:var(--text-light);margin:0 .5rem}#flash-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem}.flash{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;padding:10px 16px;width:700px;border-radius:var(--border-radius-big);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .5s ease,transform .5s ease;text-align:center}.flash.notice{background:#173024;color:#d9ffe8;border:1px solid #1f4333}.flash.alert{background:#3b1212;color:#ffd4d4;border:1px solid #532020}.flash.fade-out{opacity:0;transform:translateY(12px)}.todo-main-view{grid-column-start:1;grid-column-end:-1}.todo-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background-color 120ms ease;position:relative;z-index:auto;min-height:4.5rem}.todo-row.completed-anim{animation:todoComplete 320ms ease forwards;background-color:#0f141a}.todo-title{flex:1;display:inline-block;will-change:transform,filter,opacity}.todo-actions{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.todo-input{flex:1}.complete-toggle{z-index:auto}.complete-toggle input{z-index:auto}.complete-toggle input[type=checkbox]{cursor:pointer}.newtodo{width:100%;flex:1}.new-todo{position:sticky;bottom:0;background:var(--bg);padding:1rem 0;border-top:1px solid var(--border)}.input-row{display:flex;gap:.5rem}#new_todo_title{color:var(--text);border-color:var(--text-lighter)}#new_todo_title:hover{border-color:var(--accent-dark)}.hashtag{color:var(--accent);font-weight:600}.tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}.tag-pills label{display:inline-block;margin:.25rem .4rem .25rem 0;padding:.3rem .7rem;border:1px solid var(--border);border-radius:999px;cursor:pointer;background:var(--code-bg);color:var(--text-light);user-select:none}.tag-pills input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}.tag-pills input[type=radio]:checked+span{background:var(--accent-bg);color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--code-bg);color:var(--text-light);text-decoration:none;font-size:.9rem;cursor:pointer;user-select:none}.pill.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--code-bg);color:var(--accent-dark);cursor:pointer;margin-bottom:0}.pill-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.focus-card{text-align:center;padding:2rem 1rem;border:3px solid var(--border);border-radius:var(--border-radius-mid);background:var(--bg);display:flex;flex-direction:column;align-items:center}.focus-card .todo-title{font-size:1.8rem;margin-bottom:1rem}.focus-card .actions{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}#todos.card{text-align:center}#todos .actions{margin-top:.75rem;display:flex;gap:.6rem;justify-content:center}.autocomplete{position:relative;z-index:1001;width:77%}.autocomplete ul{position:absolute;top:100%;left:0;right:auto;z-index:10001;background:var(--border);border:1px solid var(--border);border-radius:var(--border-radius-mid);margin:.25rem 0 0;padding:.25rem 0;list-style:none}.autocomplete li{padding:.4rem .6rem;cursor:pointer}.autocomplete li.active,.autocomplete li:hover{background:#16202a}.autocomplete .autocomplete-menu{position:absolute;top:100%;left:0;right:auto;background:#0f141a;border:1px solid var(--border);border-radius:var(--border-radius-mid);box-shadow:0 6px 18px rgba(0,0,0,.12);margin:.25rem 0 0;padding:.25rem 0;z-index:1001}.autocomplete .autocomplete-menu.hidden{display:none !important}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.25rem;align-items:stretch}.price{font-size:2rem;margin:.25rem 0 .75rem}.price .period{font-size:.9rem;opacity:.75;margin-left:.25rem}.features{list-style:none;padding-left:0}.features li{margin:.4rem 0}.badge{padding:.25rem .5rem;border-radius:999px;font-size:.85rem}.badge.success{background:var(--accent-bg);color:var(--accent)}.badge.neutral{background:var(--muted-border-color);color:var(--text)}.vertical-middle{vertical-align:middle}.float_left{float:left}.mmb2{margin-bottom:40px}.mmb2.card .controls{display:flex;gap:8px;align-items:center}.muted{color:var(--text-light)}.radio-row label{margin-right:.5rem}.empty-state{padding:2rem;color:var(--text-light);font-size:1.2rem}.hint{font-size:.85rem;margin-top:.5rem;color:var(--text-light)}.hidden{display:none}.center,.align-center{text-align:center}.no-border{border:none !important}.no-padding-lr{padding-left:0;padding-right:0}@keyframes todoComplete{0%{transform:scale(1);opacity:1}60%{transform:scale(0.98);opacity:.6}100%{transform:translateY(-6px);opacity:0}}@keyframes fadeUpBlur{0%{opacity:1;filter:blur(0px);transform:translateY(0) scale(1)}100%{opacity:0;filter:blur(8px);transform:translateY(-8px) scale(0.98)}}@keyframes vanish-out{from{opacity:1;transform:scale(1)}60%{opacity:.25;transform:scale(0.985)}to{opacity:0;transform:scale(0.97)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes menuSlideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vanish{animation:vanish-out 180ms ease-in forwards;will-change:opacity,transform;pointer-events:none}@media(prefers-reduced-motion: reduce){.vanish{animation:none !important}}@media only screen and (max-width: 700px){main{width:100%;min-width:initial;max-width:initial;padding:0;grid-column-start:1;grid-column-end:-1}section{min-width:initial;max-width:initial;margin:0;padding:0}section.plan-grid{border:none}.stack{min-width:initial;max-width:initial}.flash{width:350px}.focus-card{border:none;padding:2rem 10px}.card{border:none;padding:1rem 10px}.card.plan{border:1px solid var(--border);border-radius:var(--border-radius-mid)}#new-todo-title{width:100%}#add_todo_btn{width:100%}.autocomplete{width:100%}}@media(max-width: 600px){.nav-toggle{display:inline-block}.nav-menu{position:absolute;top:3.25rem;right:0;left:0;display:none;flex-direction:column;gap:.5rem;background:var(--bg);border-top:1px solid var(--border);padding:1rem;z-index:1002}.nav-menu.open{display:flex;animation:menuSlideDown 160ms ease-out}.nav-menu a{padding:.4rem 0;margin:0}.nav-backdrop{position:fixed;inset:0;display:none;background:rgba(0,0,0,.8);z-index:1001}.nav-backdrop.show{display:block;animation:fadeIn 120ms ease-out}}aside{padding:15px !important}header.hero{text-align:center;padding:3.5rem 0 2.2rem}.hook{font-size:clamp(2rem,5vw,3.2rem);margin:.25rem 0 .75rem}.subhook{max-width:60ch;margin:0 auto 1.25rem;color:var(--text-light)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-weight:700}.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cta a[role=button]{border-color:var(--accent)}.cta a.secondary{background:rgba(0,0,0,0);border:1px solid var(--border)}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.card{border:1px solid var(--border);border-radius:.6rem;padding:1rem;background:var(--bg)}.muted{color:var(--text-light)}.demo{border:1px dashed var(--border);border-radius:.6rem;padding:1rem;background:var(--code-bg)}.illus-wrap{display:flex;justify-content:center;margin:1rem 0 2rem}.illus{width:min(680px,92%);border:1px solid var(--border);border-radius:.6rem;background:var(--code-bg)}.autocomplete{position:relative;z-index:1000}.autocomplete ul{position:absolute;top:100%;left:0;right:auto;z-index:1001;background:#333;border:1px solid #333;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.08);list-style-type:none;margin-top:2px;padding-left:6px}.autocomplete li{padding:6px 10px;cursor:pointer}.autocomplete li.active,.autocomplete li:hover{background:#666}.hidden{display:none}