:root{--paper:#ece9e2;--paper-soft:#faf8f4;--surface:#fff;--surface-warm:#fffaf2;--ink:#232220;--muted:#56524b;--subtle:#8c8377;--border:#e0dcd2;--border-strong:#c4beb2;--accent:#3d6b4e;--accent-soft:#eef3ef;--accent-border:#cfe0d3;--blue-muted:#4f6d8a;--gold-muted:#c2843f;--error:#b5705a;--error-soft:#faf2ef;--shadow:0 18px 50px #26221c14;--radius:14px;--radius-sm:8px;--font-body:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, monospace;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 1px 1px, #1e1c180d 1px, transparent 0), var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:28px 28px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}button{border-radius:var(--radius-sm);color:#fff;background:var(--accent);cursor:pointer;border:0;min-height:40px;padding:0 16px}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:var(--muted);background:var(--paper-soft);border:1px solid var(--border)}button.ghost{color:var(--accent);border:1px solid var(--accent-border);background:0 0}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f4e6;flex-direction:column;min-height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);align-items:center;gap:10px;margin-bottom:30px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);border-radius:6px;width:22px;height:22px;box-shadow:inset 7px 7px #fff,inset -7px -7px #fff}.nav-list{gap:6px;display:grid}.nav-list a{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-list a.router-link-active{color:var(--ink);background:#e6e2d8}.nav-dot{border:1px solid;border-radius:999px;width:7px;height:7px}.router-link-active .nav-dot{border-color:var(--accent);background:var(--accent)}.user-pill{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px;text-decoration:none;display:flex}.user-pill>span{color:#fff;background:var(--accent);border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.user-pill strong,.user-pill small{display:block}.user-pill div{min-width:0}.user-pill strong{font-size:.9rem}.user-pill small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-shell{width:min(100%,1180px);padding:40px 32px 64px}.auth-shell{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.auth-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:min(100%,460px);box-shadow:var(--shadow);background:#fffffff5;gap:22px;padding:clamp(24px,5vw,38px);display:grid}.auth-brand{width:fit-content;margin:0}.auth-heading{gap:10px;display:grid}.auth-heading h1,.startup-card h1{font-size:clamp(2rem,8vw,3rem)}.auth-form{gap:16px;display:grid}.auth-form button{width:100%;margin-top:2px}.auth-switch{text-align:center;font-size:.92rem}.auth-switch a{color:var(--accent);font-weight:650}.field-error{color:var(--error);font-size:.82rem}.startup-card{justify-items:start}.startup-card button{min-width:120px}.startup-error{color:var(--error);background:var(--error-soft);border-style:solid;border-color:#ecdcd5}.view-stack{gap:20px;display:grid}.view-header,.section-heading,.routine-row,.button-row,.meta-row,.goal-chip-list{align-items:center;gap:12px;display:flex}.view-header,.section-heading,.routine-row{justify-content:space-between}.view-header{margin-bottom:4px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;max-width:760px;font-size:clamp(2rem,4vw,3.35rem);font-weight:600;line-height:1.04}h2{font-size:1.04rem;font-weight:650}h3{font-size:.95rem;font-weight:650}.panel,.metric,.notice,.state-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel{box-shadow:var(--shadow);gap:16px;padding:20px;display:grid}.summary-grid{grid-template-columns:1.3fr repeat(2,minmax(0,.75fr));gap:12px;display:grid}.metric{gap:8px;min-height:118px;padding:18px;display:grid}.metric span,.muted,.field span,.routine-meta,.helper-text{color:var(--subtle)}.metric strong{font-family:var(--font-mono);font-size:2rem;line-height:1}.progress-track{background:#e2ddd3;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .16s}.notice{padding:12px 14px}.notice.error{color:var(--error);background:var(--error-soft);border-color:#ecdcd5}.notice.success{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.item-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.item-list li,.routine-row{min-width:0}.item-list>li{background:var(--surface);border:1px solid #e8e3da;border-radius:12px;padding:14px}.routine-row{min-height:74px}.routine-main{align-items:center;gap:12px;min-width:0;display:flex}.routine-check{border:1.5px dashed var(--border-strong);width:28px;height:28px;color:var(--subtle);background:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.routine-row.is-done .routine-check{color:#fff;border-color:var(--accent);background:var(--accent)}.routine-row.is-skipped .routine-check{color:var(--subtle);background:var(--paper-soft);border-style:solid}.routine-title{overflow-wrap:anywhere}.routine-row.is-done .routine-title,.routine-row.is-skipped .routine-title{color:var(--subtle);text-decoration:line-through}.routine-meta{flex-wrap:wrap;gap:8px;margin-top:4px;font-size:.86rem;display:flex}.mono{font-family:var(--font-mono)}.goal-chip-list{flex-wrap:wrap;margin-top:8px}.goal-chip,.streak-badge,.kind-chip{min-height:26px;color:var(--muted);background:var(--paper-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;display:inline-flex}.goal-chip:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px}.button-row{flex-shrink:0}.segmented-list{flex-wrap:wrap;gap:8px;display:flex}.segmented-list button{min-height:36px}.segmented-list button.selected{color:#fff;border-color:var(--accent);background:var(--accent)}.icon-button{width:40px;min-width:40px;font-family:var(--font-mono);place-items:center;padding:0;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.review-form{grid-template-columns:repeat(4,minmax(0,1fr))}.field{gap:6px;display:grid}.compact-field{min-width:164px}.wide-field{grid-column:1/-1}input,select,textarea{border-radius:var(--radius-sm);width:100%;color:var(--ink);background:var(--surface);border:1px solid #cfcabf;padding:10px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}select[multiple]{min-height:124px}input[type=range]{height:4px;accent-color:var(--accent);background:#e2ddd3;border:0;border-radius:3px;padding:0}.rating-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.rating-field{border:1px solid var(--border);background:var(--paper-soft);border-radius:12px;padding:14px}.rating-value{font-family:var(--font-mono);color:var(--accent);font-size:1.35rem}.state-block{text-align:center;justify-items:center;gap:12px;padding:28px 20px;display:grid}.state-icon{width:42px;height:42px;color:var(--accent);border:1.5px dashed var(--border-strong);border-radius:12px;place-items:center;display:grid}.state-block.error .state-icon{color:var(--error);background:var(--error-soft);border-style:solid;border-color:#ecdcd5}.account-panel{max-width:620px}.account-identity{align-items:center;gap:14px;display:flex}.account-avatar{color:#fff;background:var(--accent);width:52px;height:52px;font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.account-signout{width:fit-content}.skeleton-line{background:#efece5;border-radius:6px;height:12px}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);border-radius:18px;padding:8px;position:fixed;inset:auto 12px 12px}.brand,.user-pill{display:none}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.nav-list a{justify-items:center;gap:4px;min-height:50px;padding:8px 6px;font-size:.78rem;display:grid}.content-shell{padding:24px 16px 96px}.auth-shell{padding:18px 12px}.auth-card{padding:24px 18px}.view-header,.routine-row{flex-direction:column;align-items:stretch}.summary-grid,.form-grid,.review-form,.rating-grid{grid-template-columns:1fr}.button-row{justify-content:stretch}.button-row button{flex:1}}