@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Fraunces:opsz,wght@9..144,500;600;700&family=Outfit:wght@500;600&display=swap";:root{--ink:#26332f;--soft:#61706b;--paper:#f7f2e8;--card:#fffdf8;--line:#ded8ca;--sage:#638579;--coral:#d56c55;--gold:#d6a847;--plum:#65536f;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 4%,#d6a84724,transparent 24rem),radial-gradient(circle at 95% 16%,#63857929,transparent 28rem),var(--paper);min-height:100vh;margin:0}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}main{max-width:1600px;margin:auto;padding:clamp(1.5rem,4vw,4rem)}header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}nav,.actions,.editor-row,.year-heading{align-items:center;gap:.65rem;display:flex}.date-row{align-items:flex-end;gap:.65rem;display:flex}.date-row>button{align-self:flex-end}h1,h2{letter-spacing:-.035em;margin:.1rem 0;font-family:Fraunces,serif}h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.9}h2{font-size:1.65rem}h3,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-family:Outfit,sans-serif}.eyebrow{color:var(--coral);font-size:.76rem;font-weight:600}.card,.routine,.year-panel{background:#fffdf8e8;border:1px solid #26332f1a;border-radius:1.4rem;box-shadow:0 18px 50px #39433a14}.pill,button{border:1px solid var(--line);background:var(--card);border-radius:.65rem;padding:.55rem .8rem}.logout{z-index:4;border-radius:99px;position:fixed;bottom:1rem;right:1rem;box-shadow:0 5px 20px #0002}.date-row{margin-bottom:1.25rem}label{gap:.35rem;font-size:.86rem;font-weight:500;display:grid}input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:.55rem;padding:.6rem}.dashboard{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:1.25rem;display:grid}.routines{gap:1.25rem;display:grid}.routine-category{gap:.8rem;display:grid}.category-heading{border:1px solid var(--line);text-align:left;background:#fffdf8a8;border-radius:.65rem;align-items:center;gap:.65rem;width:100%;padding:.6rem .7rem .6rem 1rem;display:flex}.category-heading h2{letter-spacing:.1em;text-transform:uppercase;flex:1;font-family:Outfit,sans-serif;font-size:.9rem}.category-heading small{color:var(--soft)}.category-heading button,.routine-heading button{width:2.25rem;height:2.25rem;color:var(--ink);background:linear-gradient(145deg,#fffefb,#f8f2e7);border-color:#d8d0c1;border-radius:.75rem;flex:none;place-items:center;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 2px 5px #26332f0d,inset 0 1px #fff}.category-heading button:hover,.routine-heading button:hover{border-color:#b9ad9b;transform:translateY(-1px);box-shadow:0 4px 10px #26332f17,inset 0 1px #fff}.category-heading button:focus-visible,.routine-heading button:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.chevron{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.category-routines{gap:1.25rem;display:grid}.routine{--accent:var(--sage);padding:1.4rem;overflow:hidden}.routine:nth-child(2n){--accent:var(--plum)}.routine.active h2:before{background:#d92d20;animation:1.15s ease-out infinite pulse;box-shadow:0 0 #d92d2073}.routine h2:before{content:"";background:var(--accent);width:.65rem;height:.65rem;box-shadow:0 0 0 .35rem color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;margin-right:.7rem;display:inline-block}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 .55rem #d92d2000}}.routine-heading{align-items:center;gap:1rem;width:100%;display:flex}.routine-heading h2{flex:1}.routine-heading span{color:var(--soft);letter-spacing:.015em;font-variant-numeric:lining-nums tabular-nums;font-family:Fraunces,serif;font-size:.95rem;font-weight:500}.routine.off-day{opacity:.72}.routine.off-day .check{cursor:not-allowed}.routine.off-day .check input{cursor:not-allowed;background:#eceae4}.sections{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin-top:1rem;display:grid}.section{border:1px solid var(--line);background:#fff9;border-radius:1rem;padding:.9rem}.section h3{color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:.6rem;font-size:.75rem}.check{border-radius:.4rem;grid-template-columns:auto 1fr;align-items:start;gap:.6rem;padding:.35rem;font-weight:400;display:flex;position:relative}.check:hover{background:#63857912}.check input{appearance:none;border:1.5px solid #999;flex:none;width:1.1rem;height:1.1rem;padding:0}.check input:checked{border-color:var(--accent);background:var(--accent)}.check input:checked:after{content:"✓";color:#fff;text-align:center;font-size:.8rem;line-height:1rem;display:block}.check:has(input:checked) .check-copy>span{color:var(--soft);opacity:.65;text-decoration:line-through}.check-copy{gap:.08rem;min-width:0;display:grid}.check-copy small{color:var(--soft);font-size:.68rem;font-weight:500}.check.nested{margin-left:calc(var(--nest-depth) * 1.15rem);border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:0 .4rem .4rem 0}.check.nested:before{content:"";border-top:2px solid color-mix(in srgb,var(--accent) 45%,transparent);width:.55rem;position:absolute;top:.9rem;left:-1px;transform:translate(-100%)}.year-panel{padding:1.2rem;position:sticky;top:1rem}.year-heading{justify-content:center}.year-heading button{background:0 0;border:0;font-size:1.6rem}.dot-grid{grid-template-columns:repeat(19,1fr);gap:clamp(3px,.35vw,6px);margin:1rem 0;display:grid}.dot{aspect-ratio:1;background:#c9c8c1;border:0;border-radius:50%;width:100%;padding:0}.dot.complete,.key i.complete{background:#5f916c}.dot.partial,.key i.partial{background:#d6a847}.dot.low,.key i.low{background:#d56c55}.dot.none,.key i.none{background:#c9c8c1}.dot.selected{outline:2px solid var(--ink);outline-offset:2px}.key{color:var(--soft);flex-wrap:wrap;gap:.6rem 1rem;font-size:.72rem;display:flex}.key span{align-items:center;gap:.3rem;display:flex}.key i{border-radius:50%;width:.65rem;height:.65rem}.empty{color:var(--soft);padding:2rem}.error{color:#a32d24}.login{place-items:center;min-height:100vh;display:grid}.login-card{gap:1rem;width:min(430px,100%);padding:2rem;display:grid}.login-card h1{margin-bottom:1rem;font-size:3.5rem}.manage-layout{grid-template-columns:260px 1fr;align-items:start;gap:1rem;display:grid}.routine-list,.editor{padding:1.25rem}.routine-list{gap:.5rem;display:grid;position:sticky;top:1rem}.routine-list button{text-align:left}.selected-row{border-color:var(--sage);background:#dfe9e2}.editor{gap:1rem;display:grid}.editor-help{max-width:62ch;color:var(--soft);margin:.35rem 0 0;font-size:.82rem}.form-grid{grid-template-columns:2fr 1.5fr repeat(3,1fr);gap:.75rem;display:grid}fieldset{border:1px solid var(--line);border-radius:.8rem}.day{align-items:center;gap:.25rem;margin:.35rem;display:inline-flex}.section-editor{border:1px solid var(--line);border-radius:1rem;padding:1rem}.editor-row{margin-bottom:.55rem}.section-editor-heading>input{flex:1}.section-sortable{position:relative}.section-sortable.dragging,.item-sortable.dragging{z-index:3;opacity:.58}.section-sortable.dragging .section-editor,.item-sortable.dragging .item-row{border-color:var(--sage);background:var(--card);box-shadow:0 12px 30px #26332f24}.drag-handle{width:2.5rem;height:2.5rem;color:var(--soft);cursor:grab;touch-action:manipulation;flex:none;align-content:center;gap:3px;padding:.55rem;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle span{pointer-events:none;background:currentColor;border-radius:2px;height:2px;display:block}.drag-handle:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.item-editor-list{gap:.45rem;margin:.8rem 0;display:grid}.item-sortable{position:relative}.item-sortable.nested{margin-left:1.75rem}.item-sortable.nested:before{content:"";border-bottom:2px solid #63857966;border-left:2px solid #63857966;border-radius:0 0 0 .5rem;width:.75rem;position:absolute;top:-.5rem;bottom:.4rem;left:-.9rem}.item-row{background:#fffaf1;border:1px solid #e7e0d3;border-radius:.8rem;align-items:flex-start;margin:0;padding:.55rem}.item-fields{flex:1;grid-template-columns:minmax(160px,1fr) minmax(170px,.65fr);align-items:end;gap:.5rem;min-width:0;display:grid}.parent-picker{color:var(--soft);grid-template-columns:auto 1fr;align-items:center;gap:.4rem;display:grid}.parent-picker select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:.55rem;padding:.6rem}.parent-cue{color:var(--sage);grid-column:1/-1;font-size:.72rem;font-weight:600}.item-remove{flex:none}.danger{color:#9d332a}.loading{place-items:center;min-height:100vh;display:grid}@media (width<=900px){.dashboard,.manage-layout{grid-template-columns:1fr}.year-panel,.routine-list{position:static}}@media (width<=600px){header{flex-direction:column;align-items:flex-start}.sections,.form-grid,.item-fields{grid-template-columns:1fr}.dot-grid{grid-template-columns:repeat(14,1fr)}.editor-row{flex-wrap:wrap}.item-sortable.nested{margin-left:1rem}.parent-picker{grid-template-columns:1fr}.section-editor{padding:.75rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}