html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;min-height:100vh}:root{--ink:#1f2b25;--muted:#607067;--paper:#f7f8f4;--card:#fff;--line:#dfe5dd;--sage:#3f6653;--sage-dark:#294b3a;--sage-soft:#e4eee7;--amber:#f2d28b;--danger:#9b2929;--shadow:0 12px 35px #1f2b2514}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;padding:.65rem .9rem;font-weight:700}button:hover{background:var(--sage-soft)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #bd7a12}button:disabled{opacity:.6}.primary{background:var(--sage);color:#fff;border-color:var(--sage);box-shadow:0 4px 14px #3f665333}.primary:hover{background:var(--sage-dark)}.quiet{background:0 0}.wide{width:100%}.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.danger-text{color:var(--danger)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.5rem;font-family:Georgia,serif;font-size:clamp(2rem,8vw,3.5rem);line-height:1.05}h2{margin-bottom:.75rem;font-family:Georgia,serif;font-size:1.45rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--sage);margin-bottom:.5rem;font-size:.75rem;font-weight:800}.auth-shell{background:radial-gradient(circle at top left,#e4eee7,transparent 45%),var(--paper);place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);width:min(100%,480px);box-shadow:var(--shadow);border-radius:24px;padding:clamp(1.5rem,7vw,3rem)}.auth-brand{align-items:center;gap:.65rem;margin-bottom:1.4rem;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;display:flex}.auth-brand img{border-radius:12px;width:44px;height:44px}form{gap:1rem;display:grid}label{gap:.4rem;font-weight:700;display:grid}input,textarea,select{color:#111;background:#fff;border:1px solid #aab7ae;border-radius:10px;width:100%;min-height:46px;padding:.65rem .75rem}textarea{resize:vertical;min-height:96px}.error{color:#751c1c;border-left:4px solid var(--danger);background:#fde8e8;padding:.75rem}.app{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#f7f8f4f2;justify-content:space-between;align-items:center;height:64px;padding:0 max(1rem,50vw - 480px);display:flex;position:sticky;top:0}.brand-lockup{align-items:center;display:flex}.brand{font-family:Georgia,serif;font-size:1.2rem;font-weight:700}.brand-mark{border-radius:10px;width:36px;height:36px;margin-right:.6rem;display:block}.app main{width:min(100% - 2rem,960px);margin:auto;padding:1.5rem 0 3rem}.page-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.page-head p{color:var(--muted);margin-bottom:0}.add{white-space:nowrap}.panel,.card,.empty{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:1rem 0;padding:1.2rem;box-shadow:0 4px 16px #1f2b250a}.modal{border:2px solid var(--sage);box-shadow:var(--shadow)}.section-title,.form-actions,.button-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.section-title h2,.section-title h3{margin:0}.form-actions{justify-content:flex-end}.hint{color:var(--muted);font-size:.88rem}.timeline{border-left:2px solid var(--line);margin-left:2.9rem}.entry{grid-template-columns:4.4rem 1fr;gap:1rem;margin:1.25rem 0 1.25rem -3rem;display:grid}.entry time{color:var(--muted);background:var(--paper);text-align:center;padding:.3rem 0;font-size:.8rem}.entry>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem}.entry h3{margin:0 0 .35rem}.entry-actions{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.entry-actions button{min-height:38px;padding:.35rem .65rem}.reflection{margin-top:2.5rem}fieldset{border:0;margin:1.4rem 0;padding:0}legend{margin-bottom:.5rem;font-weight:800}.score-anchors{color:var(--muted);justify-content:space-between;font-size:.7rem;display:flex}.scores{grid-template-columns:repeat(6,1fr);gap:.35rem;margin-top:.5rem;display:grid}.scores button{min-width:44px;padding:.3rem}.scores button.selected{background:var(--sage);color:#fff;border:3px double #fff}.episode{border:1px solid var(--line);border-radius:14px;padding:1rem}.bottom-nav{z-index:20;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f2b2514}.bottom-nav button{background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.25rem;font-size:.7rem;display:flex}.bottom-nav button span{font-size:1.15rem}.bottom-nav button[aria-current=page]{color:var(--sage-dark);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.history-day{margin:2rem 0}.card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem}.week{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.day{text-align:center;background:var(--paper);border-radius:10px;gap:.2rem;min-width:0;padding:.5rem .1rem;display:grid}.day strong{font-size:1.5rem}.day small{overflow:hidden}.milestones{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.milestones div{text-align:center;border:1px dashed #98a49d;border-radius:12px;padding:.8rem .25rem;display:grid}.milestones .earned{background:var(--sage-soft);border-style:solid}.check{grid-template-columns:24px 1fr;align-items:start}.check input{width:20px;min-height:20px;margin-top:.2rem}.warning{background:#fff5dc;border-left:5px solid #a66b08;margin:1rem 0;padding:1rem}.danger-zone{border-color:#d8a1a1}.danger-zone h2{color:var(--danger)}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=520px){.page-head{flex-direction:column;align-items:stretch}.add{width:100%}.card{flex-direction:column;align-items:flex-start}.scores{grid-template-columns:repeat(4,1fr)}.score-anchors span:nth-child(2){display:none}.button-row{flex-direction:column;align-items:stretch}.button-row button{width:100%}.app main{width:min(100% - 1rem,960px)}.topbar{padding:0 .75rem}.milestones{grid-template-columns:repeat(2,1fr)}}@media (width>=760px){.bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;width:520px;left:50%;transform:translate(-50%)}.scores{grid-template-columns:repeat(11,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){button,.panel,.card{border:2px solid canvastext}.selected{outline:3px solid highlight}}