:root{--cream: #FBF5E8;--paper: #FFFDF8;--navy: #1B3A5C;--navy-deep: #0F2740;--gold: #C9A84C;--gold-soft: #E4D3A4;--gold-wash: #F3E6BF;--gold-text: #7A5F1C;--gold-text-deep: #5E4813;--muted: #4F6378;--line: #EFE3C2;--on-navy-muted: #D9E1EA;--serif: "Cormorant Garamond", Georgia, serif;--sans: Arimo, "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--navy);text-underline-offset:3px}a:hover{color:var(--navy-deep)}button{font-family:var(--sans);color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--cream)}@media (min-width: 520px){body{background:#f1e8d3}.shell{box-shadow:0 0 0 1px var(--gold-soft)}}.screen{flex:1 1 auto;padding:40px 22px 120px;display:flex;flex-direction:column;gap:22px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500;color:var(--gold-text);text-transform:uppercase}.label{font-size:12px;letter-spacing:1.5px;font-weight:500;color:var(--gold-text);text-transform:uppercase}.title{margin:0;font-family:var(--serif);font-size:34px;font-weight:600;line-height:1.1}.h2{margin:0;font-family:var(--serif);font-size:22px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.5}.body{font-size:15px;line-height:1.55}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap18{gap:18px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.p0{margin:0}.card{background:var(--paper);border:1px solid var(--gold-soft);border-radius:18px;padding:16px 18px}.card.gold{border-color:var(--gold)}.card.navy{background:var(--navy);border-color:var(--navy);color:var(--cream)}.card.wash{background:var(--gold-wash);border-color:var(--gold-wash)}.rule{height:1px;background:var(--gold);width:32px}.question{margin:0;font-family:var(--serif);font-style:italic;font-weight:500;font-size:29px;line-height:1.22}.btn{min-height:48px;border-radius:24px;border:0;background:var(--navy);color:var(--cream);font-size:15px;font-weight:500;padding:0 22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover{background:var(--navy-deep);color:var(--cream)}.btn[disabled]{opacity:.55;cursor:default}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--gold-soft)}.btn.ghost:hover{background:var(--paper);color:var(--navy)}.btn.ghost.on-navy{color:var(--cream);border-color:var(--gold)}.btn.small{min-height:44px;font-size:14px;padding:0 16px}.btn.dashed{background:transparent;color:var(--navy);border:1.5px dashed var(--gold);border-radius:18px}.btn.dashed:hover{background:var(--paper);color:var(--navy)}.linkbtn{background:none;border:0;padding:0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--navy)}.iconbtn{width:44px;height:44px;border-radius:22px;border:1px solid var(--gold-soft);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy)}.iconbtn[disabled]{opacity:.35;cursor:default}.plainbtn{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:500}.input,.textarea{width:100%;border:1px solid var(--gold-soft);border-radius:14px;background:var(--paper);padding:0 14px;font-family:var(--sans);font-size:16px;color:var(--navy)}.input{height:50px}.textarea{padding:14px;line-height:1.5;resize:vertical;min-height:150px}.checkcircle{width:26px;height:26px;border-radius:13px;flex:none;display:inline-flex;align-items:center;justify-content:center}.checkcircle.on{background:var(--gold)}.checkcircle.off{border:1.5px solid var(--gold)}.habitrow{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 14px;border-radius:14px;border:1px solid var(--gold-soft);background:var(--paper);text-align:left;cursor:pointer;width:100%;font-size:15px}.weekgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.daybtn{height:44px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.daybtn[disabled]{cursor:default;opacity:.35}.dot{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center}.dot.on{background:var(--gold)}.dot.off{border:1.5px solid var(--gold-soft)}.pill{min-height:44px;padding:0 18px;border-radius:22px;font-size:14px;cursor:pointer;border:1px solid var(--gold-soft);background:transparent;color:var(--navy)}.pill.on{background:var(--navy);color:var(--cream);border-color:var(--navy);font-weight:500}.badge{font-size:12px;font-weight:700;background:var(--navy);color:var(--cream);border-radius:12px;padding:4px 10px;white-space:nowrap}.avatar{width:42px;height:42px;border-radius:21px;background:var(--gold-wash);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:600;flex:none}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--gold-soft);background:var(--paper);padding:6px 8px calc(10px + env(safe-area-inset-bottom));z-index:10}.nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.nav button.active{color:var(--navy);font-weight:700}.nav .bar{width:18px;height:2px;border-radius:1px}.nav button.active .bar{background:var(--gold)}.toggle{width:46px;height:28px;border-radius:14px;padding:3px;display:flex;flex:none}.toggle.on{background:var(--navy);justify-content:flex-end}.toggle.off{background:var(--gold-soft);justify-content:flex-start}.toggle span{width:22px;height:22px;border-radius:11px;background:var(--paper)}.toggle.on span{background:var(--gold)}.error{color:#8a2d1f;font-size:14px;line-height:1.45}.center{text-align:center}.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;font-style:italic;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f274059;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--cream);border-radius:22px 22px 0 0;padding:24px 22px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto}