:root{--bg:#f6f5f1;--surface:#fff;--text:#1f2a28;--text-muted:#5c6b67;--border:#e2e1da;--primary:#2c7a6e;--primary-dark:#1f5f56;--danger:#b6503f;--sev-low:#4f9d61;--sev-mid:#d08a2f;--sev-high:#bf4f3f;--zone:#dcebe5;--zone-selected:#2c7a6e;--radius:12px;--shadow:0 1px 3px #1c282514}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:8px;max-width:760px;margin:0 auto;padding:10px 16px 4px;display:flex}.app-title{letter-spacing:-.02em;color:var(--primary);font-size:1.15rem;font-weight:800}.app-header-right{align-items:center;gap:6px;min-width:0;display:flex}.app-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.78rem;overflow:hidden}.app-nav{gap:2px;max-width:760px;margin:0 auto;padding:0 10px;display:flex;overflow-x:auto}.nav-link{color:var(--text-muted);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px}.app-footer{max-width:760px;color:var(--text-muted);text-align:center;margin:0 auto;padding:16px;font-size:.75rem}.app-footer p{margin:0 0 6px}.footer-brand a{color:var(--text-muted);font-weight:600}.page-loading{text-align:center;color:var(--text-muted);padding:60px 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card h1{margin:0 0 12px;font-size:1.3rem}.field{margin-bottom:16px;display:block}.field>span,.field-label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.field-grid{grid-template-columns:1fr;gap:0}}.form-error{color:var(--danger);font-size:.9rem}.hint{color:var(--text-muted);font-size:.85rem}.hint.warn{color:var(--sev-mid)}.disclaimer-hint{text-align:center;padding:0 10px}.btn{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-outline{border-color:var(--border);background:var(--surface)}.btn-ghost{color:var(--text-muted)}.btn-danger-ghost{color:var(--danger)}.btn-block{width:100%;display:flex}.btn-lg{padding:14px 20px;font-size:1.05rem}.btn-sm{padding:6px 10px;font-size:.8rem}.btn-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.segmented{border:1px solid var(--border);border-radius:10px;width:fit-content;display:flex;overflow:hidden}.segmented button{background:var(--surface);cursor:pointer;color:var(--text-muted);border:none;padding:9px 16px;font-family:inherit;font-size:.9rem;font-weight:600}.segmented button+button{border-left:1px solid var(--border)}.segmented button.selected{background:var(--primary);color:#fff}.segmented button.selected-yes{background:var(--sev-high)}.segmented-lg button{padding:12px 26px;font-size:1rem}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:9px 14px;font-family:inherit;font-size:.9rem;font-weight:600}.chip.selected{background:var(--primary);border-color:var(--primary);color:#fff}.chip-wide{margin:10px auto 0;display:block}.chip-sm{padding:6px 11px;font-size:.82rem}.severity-slider input[type=range]{width:100%;height:34px}.severity-readout{text-align:center;font-size:2.2rem;font-weight:800;line-height:1}.severity-scale{color:var(--text-muted);font-size:1rem;font-weight:600}.severity-legend{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.head-figures{justify-content:center;gap:24px;display:flex}.head-figures figure{text-align:center;margin:0}.head-figures figcaption{color:var(--text-muted);font-size:.8rem;font-weight:600}.head-outline{fill:none;stroke:var(--border);stroke-width:2px}.zone{cursor:pointer}.zone rect,.zone ellipse,.zone circle{fill:var(--zone);stroke:#b4cec5;stroke-width:1px;transition:fill .1s}.zone:hover rect,.zone:hover ellipse,.zone:hover circle{stroke:var(--primary)}.zone.selected rect,.zone.selected ellipse,.zone.selected circle{fill:var(--zone-selected);stroke:var(--primary-dark)}.zone:focus{outline:none}.zone:focus-visible rect,.zone:focus-visible ellipse,.zone:focus-visible circle{stroke:var(--primary-dark);stroke-width:2.5px}.zone text{fill:#38534c;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600}.zone.selected text{fill:#fff}.zone-label{fill:var(--text-muted);text-anchor:middle;font-size:11px;font-weight:700}.head-readout{text-align:center;min-height:1.2em;margin:10px 0 0}.sidedness{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.sidedness .field-label{margin:0}.quick-entry-title{margin:0 0 16px;font-size:1.5rem}.saved-panel{text-align:center;padding:12px 0}.saved-panel h2{color:var(--sev-low);margin:0 0 6px}.saved-panel .btn-row{justify-content:center}.incomplete-nudge h3{margin:0 0 8px;font-size:1rem}.incomplete-nudge ul{margin:0;padding-left:20px}.incomplete-nudge li{margin-bottom:4px}.nav-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nav-card{color:var(--text);flex-direction:column;gap:4px;margin-bottom:0;text-decoration:none;display:flex}.nav-card:hover{border-color:var(--primary)}.nav-card span{color:var(--text-muted);font-size:.82rem}@media (width<=520px){.nav-cards{grid-template-columns:1fr}}.entry-card{color:var(--text);margin-bottom:10px;padding:12px 14px;text-decoration:none;display:block}.entry-card:hover{border-color:var(--primary)}.entry-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.severity-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:inline-flex}.entry-card-date{font-weight:700}.tag{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.tag-prostrating{color:var(--danger);background:#f6e7e3}.tag-incomplete{color:#8f6c1c;background:#f5eedb}.entry-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:.82rem;display:flex}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-header h2{margin:0;font-size:1.1rem}.calendar-grid{border-collapse:collapse;table-layout:fixed;width:100%}.calendar-grid th{color:var(--text-muted);padding:4px 0;font-size:.7rem;font-weight:600}.calendar-grid td{padding:1px}.calendar-day{aspect-ratio:1;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:.85rem;display:flex}.calendar-day:hover{background:var(--bg)}.calendar-day.today .calendar-daynum{color:var(--primary);font-weight:800}.calendar-day.selected{outline:2px solid var(--primary);background:#e3efe9}.calendar-dot{border-radius:50%;width:10px;height:10px}.calendar-dot.prostrating{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--danger)}.calendar-legend{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:.78rem;display:flex}.calendar-legend .dot{border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.calendar-legend .dot.ring{background:var(--text-muted);box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--danger)}.day-detail h3{margin:4px 0 10px;font-size:1rem}.filter-row{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.checkbox{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.checkbox select{width:auto;padding:6px 8px}.empty-state{text-align:center;color:var(--text-muted)}.summary-toggle{margin:0 auto 14px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=520px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg);text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:12px 8px;display:flex}.stat-value{font-size:1.3rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.top-lists{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.top-list h4{margin:0 0 6px;font-size:.85rem}.top-list ul{margin:0;padding-left:18px;font-size:.85rem}.top-list .count{color:var(--text-muted)}.logging-since{font-size:.95rem}.trend-chart{margin-top:20px}.trend-chart h4{margin:0 0 8px;font-size:.9rem}.trend-svg{background:var(--bg);border-radius:8px;width:100%;height:130px}.trend-svg .bar{fill:#abcec4}.trend-svg .bar-prostrating{fill:var(--primary-dark)}.trend-labels{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.72rem;display:flex}.resource-list{margin:0;padding:0;list-style:none}.resource-list li{border-bottom:1px solid var(--border);padding:12px 0}.resource-list li:last-child{border-bottom:none}.resource-list a{color:var(--primary);font-weight:700;text-decoration:none}.resource-list a:hover{text-decoration:underline}.resource-list p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.landing{flex-direction:column;max-width:760px;min-height:100dvh;margin:0 auto;padding:20px 16px 0;display:flex}.landing-hero{text-align:center;padding:48px 12px 32px}.landing-hero h1{color:var(--primary);letter-spacing:-.03em;margin:0;font-size:2.6rem}.landing-tagline{margin:8px 0 12px;font-size:1.25rem;font-weight:700}.landing-sub{color:var(--text-muted);max-width:520px;margin:0 auto 22px;line-height:1.5}.landing-cta{justify-content:center}.landing-cta .btn{text-decoration:none}.landing-counter{color:var(--text-muted);margin-top:18px;font-size:.85rem;font-weight:600}.landing-features{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (width<=560px){.landing-features{grid-template-columns:1fr}}.landing-feature{margin-bottom:0}.landing-feature p{color:var(--text-muted);margin:6px 0 0;font-size:.88rem}.landing-why h2{margin:0 0 10px;font-size:1.15rem}.landing-why p{line-height:1.55}.landing .app-footer{margin-top:auto}.login-back{color:var(--text-muted);margin-bottom:10px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.login-back:hover{color:var(--primary)}.login-purpose{text-align:center;color:var(--text-muted);margin:-12px 0 20px;font-size:.85rem}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:400px;padding:28px}.login-title{text-align:center;color:var(--primary);letter-spacing:-.02em;margin:0}.login-tagline{text-align:center;color:var(--text-muted);margin:4px 0 20px;font-size:.9rem}.login-form{margin-bottom:12px}.login-form .btn{margin-top:4px}.login-card .btn-block+.btn-block{margin-top:10px}.login-fineprint{color:var(--text-muted);text-align:center;margin-top:16px;font-size:.75rem}