:root{--ink:#17332e;--muted:#6b7d78;--paper:#f5f2ea;--card:#fffdf7;--sage:#dbe7df;--sage2:#edf3ef;--accent:#b95d47;--gold:#c89b4b;--line:#d9ded8;--shadow:0 12px 32px rgba(24,55,48,.08)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef3ee 0,#f7f3eb 55%,#efe9df 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.app-shell{width:min(100%,560px);margin:auto;min-height:100vh;background:rgba(250,248,242,.82);backdrop-filter:blur(16px);padding:22px 20px 104px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand-lockup{display:flex;align-items:center;gap:12px}.logo-mark{width:50px;height:50px;border-radius:17px;background:var(--ink);position:relative;display:grid;place-items:center;box-shadow:var(--shadow)}.star{color:#f4c86d;font-size:25px;z-index:2}.orbit{position:absolute;width:32px;height:32px;border:1px solid rgba(255,255,255,.34);border-radius:50%;transform:rotate(35deg)}.orbit:after{content:"";position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;right:-2px;top:10px}.eyebrow{font-size:.67rem;letter-spacing:.16em;font-weight:800;color:var(--muted);margin:0 0 5px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:1.45rem;margin-bottom:0}h2{font-family:Georgia,serif;font-size:2rem;line-height:1.12;margin-bottom:12px}h3{font-family:Georgia,serif;font-size:1.35rem;margin-bottom:0}.icon-button,.small-button{border:0;background:var(--sage);color:var(--ink);border-radius:12px;padding:9px 12px;font-weight:800}.view{display:none}.view.active{display:block}.hero-card{background:var(--ink);color:white;padding:28px;border-radius:28px;box-shadow:var(--shadow);margin-bottom:28px;position:relative;overflow:hidden}.hero-card:after{content:"✦";position:absolute;right:18px;bottom:-20px;font-size:95px;color:rgba(255,255,255,.06)}.hero-card .eyebrow{color:#bad1c8}.text-button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:0;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:27px 2px 12px}.card-list,.quote-list,.trap-list,.insight-list{display:grid;gap:10px}.value-card,.quote-card,.trap-card,.insight-card,.routine-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 17px;box-shadow:0 4px 14px rgba(24,55,48,.04)}.value-card{display:flex;justify-content:space-between;gap:12px}.value-card button,.quote-card button,.trap-card button{border:0;background:none;color:var(--muted)}.quote-card{font-family:Georgia,serif;font-size:1.08rem;line-height:1.45;border-left:4px solid var(--gold)}.day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.day-head h2{font-size:1.85rem;margin-bottom:0}.progress-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ink) 0deg,var(--sage) 0deg);position:relative}.progress-ring:after{content:"";position:absolute;width:54px;height:54px;background:var(--paper);border-radius:50%}.progress-ring span{z-index:1;font-weight:800;font-size:.85rem}.cue-card{padding:17px 18px;border-radius:18px;background:linear-gradient(135deg,#e6eee9,#f5eee1);margin-bottom:20px;font-family:Georgia,serif;line-height:1.4}.routine-group{margin:22px 0}.routine-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.routine-item{display:flex;gap:12px;align-items:flex-start}.routine-item input{appearance:none;width:24px;height:24px;border:2px solid #9fb0aa;border-radius:8px;margin:0;flex:0 0 auto}.routine-item input:checked{background:var(--ink);border-color:var(--ink);position:relative}.routine-item input:checked:after{content:"✓";color:white;position:absolute;margin-left:4px;margin-top:-1px;font-weight:900}.routine-item label{line-height:1.4}.routine-item.done label{text-decoration:line-through;color:var(--muted)}.trap-card{background:#fff8f3;border-color:#ead7cc}.trap-card strong{display:block;color:var(--accent);margin-bottom:4px}.reflection-card{background:var(--sage2);padding:18px;border-radius:22px;margin-top:24px}.reflection-card label{font-family:Georgia,serif;font-size:1.2rem;font-weight:700;display:block;margin-bottom:10px}textarea,input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;font:inherit;color:var(--ink)}textarea{resize:vertical}.primary-button,.secondary-button{border:0;border-radius:13px;padding:13px 18px;font-weight:800}.primary-button{background:var(--ink);color:#fff}.reflection-card .primary-button{width:100%;margin-top:10px}.secondary-button{width:100%;background:var(--sage);color:var(--ink);margin-top:24px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px 12px;text-align:center}.metric-card span{font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.metric-card p{font-size:.72rem;color:var(--muted);margin:5px 0 0}.week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:150px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:20px}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar{width:100%;min-height:4px;background:var(--ink);border-radius:8px 8px 3px 3px}.bar-col small{font-size:.65rem;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.94);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.nav-item{border:0;background:none;color:var(--muted);display:grid;place-items:center;gap:3px;padding:8px}.nav-item span{font-size:1.25rem}.nav-item.active{color:var(--ink);font-weight:800}.nav-item.active span{transform:scale(1.12)}dialog{border:0;border-radius:22px;padding:0;width:min(90vw,430px);box-shadow:0 24px 80px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(17,39,34,.45);backdrop-filter:blur(4px)}#editorForm{padding:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:16px}@media(max-width:390px){.app-shell{padding-left:15px;padding-right:15px}.metrics-grid{grid-template-columns:1fr}.metric-card{text-align:left}.metric-card span{display:block}}