:root{--ink:#30281f;--muted:#776c60;--cream:#f8f3ea;--paper:#fffdf8;--gold:#a77b35;--gold2:#dcc28c;--rose:#d9aaa1;--green:#6f806b;--line:#e9dfd1;--shadow:0 18px 50px rgba(67,48,24,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#f9f4eb 0,#f4ede3 55%,#f8f5ef 100%)}button,input,select,textarea{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(70px);opacity:.3;pointer-events:none}.a1{width:280px;height:280px;background:#f2d7a4;top:-110px;right:-90px}.a2{width:260px;height:260px;background:#e8c4bd;bottom:-120px;left:-100px}.app-shell{width:min(100%,520px);min-height:100vh;margin:auto;background:rgba(255,253,248,.78);position:relative;box-shadow:0 0 80px rgba(72,54,32,.08);padding-bottom:98px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:10;background:rgba(255,253,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,194,140,.28)}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.brand img{width:150px;height:48px;object-fit:contain;object-position:left}.brand span{display:none}.avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold2);background:linear-gradient(145deg,#f4e5c5,#fff);color:#6f4a15;font-weight:800}main{padding:22px 18px 36px;outline:none}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:800;margin:0 0 8px;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:34px;line-height:1.03;margin:0 0 10px;font-weight:500}.muted{color:var(--muted);line-height:1.55}.hero-card{margin-top:22px;background:linear-gradient(140deg,#463422,#796039);color:#fff9ed;border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-70px;box-shadow:0 0 0 22px rgba(255,255,255,.035)}.progress-row{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.ring{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f4cf84 calc(var(--p)*1%),rgba(255,255,255,.15) 0);flex:0 0 auto}.ring:before{content:"";width:72px;height:72px;background:#51402a;border-radius:50%;position:absolute}.ring strong,.ring small{position:relative;z-index:1}.ring strong{font-size:25px}.ring small{font-size:11px}.ring>div{display:flex;flex-direction:column;align-items:center}.hero-card h2{font-family:Georgia,serif;font-size:25px;margin:4px 0}.hero-card p{margin:0;color:#eadfc9;font-size:13px}.primary,.secondary{border:0;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#c49a4b,#936925);color:white;box-shadow:0 8px 20px rgba(143,106,45,.23)}.secondary{background:#f3eadc;color:#704e1d}.wide{width:100%}.hero-card .primary{margin-top:20px;background:#fff7e7;color:#62451b;position:relative;z-index:1}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 14px}.section-head h2{font-family:Georgia,serif;font-size:24px;margin:0}.text-btn{border:0;background:none;color:var(--gold);font-weight:800;padding:6px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day-dot{border:1px solid var(--line);background:white;border-radius:13px;padding:9px 2px;color:var(--muted);font-size:11px}.day-dot strong{display:block;font-size:14px;color:var(--ink);margin-top:4px}.day-dot.done{background:#7a875d;border-color:#7a875d;color:white}.day-dot.done strong{color:white}.day-dot.today{outline:2px solid var(--gold);outline-offset:2px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 8px 28px rgba(67,48,24,.06)}.quick b{display:block;margin:8px 0 5px}.quick p{font-size:12px;margin:0;color:var(--muted);line-height:1.4}.quick .icon{font-size:24px}.phase{margin-bottom:28px}.phase-title{display:flex;gap:13px;align-items:center;margin-bottom:13px}.phase-no{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#ead8b2;color:#6d4a18;font-weight:900}.phase-title h2{font-family:Georgia,serif;font-size:22px;margin:0}.phase-title p{font-size:12px;color:var(--muted);margin:2px 0}.day-list{display:grid;gap:10px}.day-card{width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:18px;padding:13px;cursor:pointer}.day-card.done{background:#f0f4ec;border-color:#c9d5c3}.day-number{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#f1e4ce;color:#80591f;font-weight:900}.day-card.done .day-number{background:#75866e;color:white}.day-card h3{font-size:15px;margin:0 0 4px}.day-card p{font-size:12px;color:var(--muted);margin:0}.chev{color:var(--gold);font-size:22px}.detail-head{margin:-22px -18px 22px;padding:22px 20px 28px;background:linear-gradient(150deg,#4c3926,#8e7042);color:white;border-radius:0 0 30px 30px}.back{border:0;background:rgba(255,255,255,.12);color:white;border-radius:12px;padding:9px 12px}.detail-head .eyebrow{color:#f4d99e;margin-top:23px}.detail-head h1{font-family:Georgia,serif;font-size:31px;margin:0 0 8px}.meta{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:11px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13)}.content-card{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;margin:13px 0}.content-card h2{font-family:Georgia,serif;font-size:21px;margin:0 0 11px}.content-card p{line-height:1.6;color:var(--muted)}.steps{counter-reset:step;display:grid;gap:14px;padding:0;margin:0;list-style:none}.steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;gap:12px;line-height:1.48}.steps li:before{content:counter(step);width:34px;height:34px;border-radius:12px;background:#f1e2c5;color:#75501a;display:grid;place-items:center;font-weight:900}.caution{background:#fff4e2;border-color:#ecd3a4}.success{background:#eef4eb;border-color:#cfddc9}.title-page h1{font-family:Georgia,serif;font-size:34px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:16px 8px;text-align:center}.stat strong{font-size:24px;display:block;color:#75511d}.stat small{color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-day{aspect-ratio:1;border-radius:13px;border:1px solid var(--line);display:grid;place-items:center;background:white;font-size:13px}.cal-day.done{background:#76866e;color:white;border-color:#76866e}.checkin-list{display:grid;gap:9px}.checkin-item{background:white;border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;justify-content:space-between;gap:12px}.checkin-item p{margin:3px 0 0;font-size:12px;color:var(--muted)}.guide-hero{background:#eee0c6;border-radius:25px;padding:23px;margin:20px 0}.guide-hero h2{font-family:Georgia,serif;margin:0 0 8px}.accordion{background:white;border:1px solid var(--line);border-radius:18px;margin:10px 0;overflow:hidden}.accordion summary{cursor:pointer;padding:17px;font-weight:800}.accordion div{padding:0 17px 17px;line-height:1.6;color:var(--muted)}.accordion ul{padding-left:20px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);height:78px;padding:8px 13px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,253,248,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:20}.bottom-nav button{border:0;background:none;color:#8a7d70;font-size:10px;font-weight:700}.bottom-nav span{font-size:21px;display:block;margin-bottom:3px}.bottom-nav button.active{color:var(--gold)}.modal{width:min(calc(100% - 28px),460px);border:0;border-radius:28px;padding:0;background:var(--paper);box-shadow:0 30px 100px rgba(32,24,14,.35)}.modal::backdrop{background:rgba(41,32,23,.62);backdrop-filter:blur(5px)}.modal form{padding:27px}.modal h2{font-family:Georgia,serif;font-size:28px;margin:0 0 7px}.modal-mark{width:62px;height:62px;border-radius:21px;background:linear-gradient(145deg,#c79d50,#77521f);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;margin-bottom:20px}.modal label{display:block;font-size:12px;font-weight:800;margin:17px 0}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink)}.modal textarea{min-height:80px;resize:vertical}.moods{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.moods button{border:1px solid var(--line);background:white;border-radius:14px;padding:10px 3px;font-size:22px}.moods small{display:block;font-size:9px;margin-top:4px}.legal{font-size:11px;line-height:1.55;color:#897d70;margin-top:24px;padding:16px;border-top:1px solid var(--line)}@media(min-width:600px){body{padding:18px 0}.app-shell{min-height:calc(100vh - 36px);border-radius:30px;overflow:hidden}.bottom-nav{bottom:18px;border-radius:0 0 30px 30px}.topbar{border-radius:30px 30px 0 0}}@media(prefers-reduced-motion:no-preference){.day-card,.quick,.primary{transition:transform .18s,box-shadow .18s}.day-card:hover,.quick:hover{transform:translateY(-2px)}.primary:active{transform:scale(.98)}}