:root{--blue:#002aff;--orange:#ff4400;--pink:#ffc7eb;--cream:#f4e5d0;--maroon:#5e1a16;--hair:rgba(255,199,235,0.45);--hair-soft:rgba(255,199,235,0.16);--font:"Google Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--label:10px;--tracking-label:0.22em}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--blue);color:var(--pink);font-family:var(--font);-webkit-font-smoothing:antialiased;padding:10px}button,input{font:inherit;color:inherit;background:none;border:none}:focus-visible{outline:2px solid currentColor;outline-offset:2px}.frame{height:100%;border:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,26vw,380px);grid-template-rows:auto minmax(0,1fr)}.header{grid-column:1/-1;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px}.brand{display:flex;align-items:flex-end;gap:14px;min-width:0}.brand svg{width:clamp(96px,10vw,132px);height:auto;color:var(--pink);display:block}.brand .sub{font-size:var(--label);letter-spacing:.18em;text-transform:uppercase;opacity:.75;padding-bottom:4px;white-space:nowrap}.headerRight{gap:18px;white-space:nowrap}.clock,.headerRight{display:flex;align-items:center}.clock{gap:14px}.clock .time{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock .date{font-size:var(--label);letter-spacing:.18em;opacity:.75;line-height:1.55}.clock .date,.ghostBtn{text-transform:uppercase}.ghostBtn{font-size:9px;letter-spacing:.16em;border:1px solid var(--hair);padding:6px 11px;cursor:pointer;transition:background .15s,color .15s}.ghostBtn:hover,.ghostBtn[aria-pressed=true]{background:var(--pink);color:var(--blue)}.ghostBtn[aria-pressed=true]{border-color:var(--pink)}.links{flex-direction:column;border-right:1px solid var(--hair);overflow:hidden}.links,.sect{display:flex;min-height:0}.sect{flex:1 1;flex-direction:column;padding:14px 20px 16px}.sect+.sect{border-top:1px solid var(--hair)}.sect.blue{background:var(--blue);color:var(--pink)}.sect.orange{background:var(--orange);color:var(--pink);border-top-color:var(--pink)}.sect.cream{background:var(--cream);color:var(--maroon);border-top-color:var(--maroon)}.sectHead{font-size:var(--label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:12px}.sectHead .rule{flex:1 1;height:1px;background:currentColor;opacity:.3}.sectHead .n{font-weight:400;opacity:.55;letter-spacing:.14em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:8px;flex:1 1}.grid,.tile{gap:8px;min-height:0}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,currentColor 34%,transparent);padding:12px 6px;transition:background .15s,color .15s,border-color .15s,transform .15s}.tile svg{width:clamp(22px,2.6vh,32px);height:clamp(22px,2.6vh,32px);flex:none}.tile .lbl{font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;overflow-wrap:anywhere}.tile.unset{border-style:dashed;opacity:.6}.sect.blue a.tile:hover{background:var(--pink);color:var(--blue);border-color:var(--pink)}.sect.orange a.tile:hover{background:var(--pink);color:var(--orange);border-color:var(--pink)}.sect.cream a.tile:hover{background:var(--maroon);color:var(--cream);border-color:var(--maroon)}a.tile:hover{transform:translateY(-1px)}.tile.editing{cursor:default}.urlInput{width:100%;font-size:9px;letter-spacing:.04em;text-align:center;border-bottom:1px solid color-mix(in srgb,currentColor 45%,transparent);padding:3px 2px}.urlInput::placeholder{color:currentColor;opacity:.45}.urlInput.invalid{border-bottom-color:currentColor;border-bottom-width:2px}.tasks{display:flex;flex-direction:column;min-height:0;padding:14px 18px 16px}.addRow{display:flex;align-items:center;gap:9px;border:1px solid var(--hair);padding:9px 11px;margin-bottom:12px}.addRow input{flex:1 1;font-size:12px;letter-spacing:.03em;min-width:0}.addRow input::placeholder{color:var(--pink);opacity:.45;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.addRow button{cursor:pointer;font-size:17px;line-height:1;opacity:.7;padding:0 2px}.addRow button:hover{opacity:1}.list{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}.list::-webkit-scrollbar{width:4px}.list::-webkit-scrollbar-thumb{background:var(--hair)}.task{display:flex;align-items:flex-start;gap:10px;padding:8px 2px;border-bottom:1px solid var(--hair-soft)}.task .box{width:14px;height:14px;flex:none;margin-top:1px;border:1px solid var(--pink);cursor:pointer;display:grid;place-items:center;transition:background .12s}.task .box svg{width:9px;height:9px;opacity:0;color:var(--blue)}.task .txt{flex:1 1;font-size:12px;line-height:1.45;letter-spacing:.02em;overflow-wrap:anywhere}.task .del{opacity:0;cursor:pointer;font-size:13px;line-height:1;padding:2px 3px;flex:none;transition:opacity .12s}.task .del:focus-visible,.task:hover .del{opacity:.55}.task .del:hover{opacity:1}.task.done .box{background:var(--pink)}.task.done .box svg{opacity:1}.task.done .txt{text-decoration:line-through;opacity:.42}.task.pending{opacity:.55}.empty{font-size:var(--label);letter-spacing:.14em;opacity:.4;padding:18px 2px;line-height:1.7}.empty,.foot{text-transform:uppercase}.foot{margin-top:12px;padding-top:11px;border-top:1px solid var(--hair);font-size:9px;letter-spacing:.13em;opacity:.6;display:flex;justify-content:space-between;align-items:center;gap:10px}.foot .cd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.foot button{cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline;text-underline-offset:3px}.foot button:hover{opacity:1}.login{height:100%;border:1px solid var(--hair);display:grid;place-items:center;padding:24px}.loginInner{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(320px,100%);text-align:center}.loginInner svg{width:160px;height:auto;color:var(--pink)}.loginInner form{display:flex;flex-direction:column;gap:10px;width:100%}.loginInner input{border:1px solid var(--hair);padding:11px 13px;font-size:13px;letter-spacing:.06em;text-align:center;width:100%}.loginInner input::placeholder{color:var(--pink);opacity:.45;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.loginInner button{border:1px solid var(--pink);background:var(--pink);color:var(--blue);padding:11px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.loginInner button:hover{background:transparent;color:var(--pink)}.loginError{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}@media (max-height:560px),(max-width:900px){body,html{overflow:auto}.frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;height:auto;min-height:100%}.links{border-right:none;border-bottom:1px solid var(--hair)}.header{flex-wrap:wrap;gap:14px}}