:root{--bg: #FBF3EC;--surface: #FFFFFF;--surface-soft: #FBE7EC;--plum: #4B1528;--plum-soft: #6B2740;--pink: #F4C0D1;--pink-deep: #E091AC;--gold: #9C7A45;--gold-soft: #C9A876;--green: #97C459;--green-deep: #173404;--ink: #3A2523;--muted: #8C7C79;--line: rgba(75, 21, 40, .12);--shadow: 0 12px 32px rgba(75, 21, 40, .12);--shadow-sm: 0 4px 14px rgba(75, 21, 40, .08);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 8px;--font-display: "Fraunces", Georgia, serif;--font-body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;background:var(--bg)}.screen{flex:1;display:flex;flex-direction:column;padding:24px 20px 100px;animation:fadeUp .32s ease both}.screen--nav{padding-bottom:96px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.eyebrow{font-family:var(--font-body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum-soft);font-weight:600}h1,h2,h3{font-family:var(--font-display);color:var(--plum);margin:0;line-height:1.15}h1{font-size:30px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:19px;font-weight:500}p{line-height:1.6}.muted{color:var(--muted);font-size:14px}.flame{display:inline-block;filter:drop-shadow(0 2px 6px rgba(75,21,40,.15))}.flame--lit .flame-tip{animation:flicker 2.4s ease-in-out infinite;transform-origin:50% 85%}@keyframes flicker{0%,to{transform:scaleY(1) rotate(0)}30%{transform:scaleY(1.06) rotate(-2deg)}60%{transform:scaleY(.96) rotate(2deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 22px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{width:100%;background:var(--plum);color:var(--pink);box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.45}.btn-ghost{background:transparent;color:var(--plum-soft);font-weight:500;padding:10px 12px}.btn-outline{border:1.5px solid var(--line);background:var(--surface);color:var(--plum)}.login-hero{display:flex;justify-content:center;margin:28px 0 20px}.login-card{background:var(--surface);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow);margin-top:auto;margin-bottom:auto}.login-brand{text-align:center;font-family:var(--font-display);font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.field{margin-top:20px}.field label{display:block;font-size:13px;color:var(--plum-soft);margin-bottom:8px;font-weight:600}.field input{width:100%;padding:15px 16px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--bg);font-size:16px;color:var(--ink)}.field-error{color:#a5334a;font-size:13px;margin-top:8px}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.progress-wrap{margin-bottom:22px}.progress-track{height:8px;border-radius:999px;background:var(--surface-soft);overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pink-deep),var(--gold));border-radius:999px;transition:width .4s ease}.phase-block{margin-bottom:22px}.phase-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.day-cell{aspect-ratio:1;border-radius:var(--radius-md);border:none;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:var(--shadow-sm);position:relative;transition:transform .15s ease}.day-cell:active{transform:scale(.95)}.day-cell .num{font-family:var(--font-display);font-size:20px;color:var(--plum);font-weight:600}.day-cell .status-icon{font-size:14px}.day-cell.is-done{background:linear-gradient(155deg,var(--pink),var(--pink-deep))}.day-cell.is-done .num{color:var(--plum)}.day-cell.is-redo{background:var(--surface);border:1.5px dashed var(--gold-soft)}.day-cell.is-skipped{background:var(--surface-soft);opacity:.7}.day-cell.is-skipped .num{text-decoration:line-through;color:var(--muted)}.day-cell.is-today{box-shadow:0 0 0 2.5px var(--gold),var(--shadow)}.day-cell.is-checkin{background:var(--plum)}.day-cell.is-checkin .num{color:var(--pink)}.day-cell.is-checkin.is-done{background:linear-gradient(155deg,var(--plum),var(--plum-soft))}.bottom-nav{position:sticky;bottom:0;left:0;right:0;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted);padding:6px 14px;border-radius:var(--radius-sm)}.nav-item.active{color:var(--plum);background:var(--surface-soft)}.daily-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.icon-btn{width:40px;height:40px;border-radius:999px;background:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.daily-banner{border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--pink) 0%,var(--surface) 78%);padding:22px 20px 20px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.day-tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--plum-soft)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card h3{margin-bottom:10px}.skrip-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.skrip-item{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skrip-text{font-size:14.5px;line-height:1.55;color:var(--ink)}.copy-btn{flex-shrink:0;font-size:12px;font-weight:700;color:var(--plum);background:var(--pink);padding:7px 12px;border-radius:999px;white-space:nowrap}.copy-btn.copied{background:var(--green);color:var(--green-deep)}.status-row{display:flex;gap:8px}.status-btn{flex:1;padding:13px 8px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;text-align:center;color:var(--plum-soft);display:flex;flex-direction:column;align-items:center;gap:4px}.status-btn.selected.done{background:var(--pink);border-color:var(--pink-deep);color:var(--plum)}.status-btn.selected.redo{background:var(--surface-soft);border-color:var(--gold-soft);color:var(--plum)}.status-btn.selected.skip{background:var(--surface);border-color:var(--muted);color:var(--muted)}.sticky-cta{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,rgba(251,243,236,0) 0%,var(--bg) 32%);margin-top:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a25238c;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:480px;background:var(--surface);border-radius:26px 26px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));animation:slideUp .26s cubic-bezier(.2,.8,.2,1) both;max-height:88vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.chip{padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);font-size:13px;color:var(--ink)}.chip.selected{background:var(--pink);border-color:var(--pink-deep);color:var(--plum);font-weight:600}textarea.journal-input{width:100%;min-height:90px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--bg);padding:13px 14px;font-size:14.5px;resize:vertical;color:var(--ink)}.journal-entry{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:12px}.journal-entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.journal-day-badge{font-size:11px;font-weight:700;color:var(--plum);background:var(--surface-soft);padding:3px 9px;border-radius:999px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.compare-row{display:flex;gap:10px;margin:16px 0}.compare-col{flex:1;background:var(--bg);border-radius:var(--radius-md);padding:14px;border:1px solid var(--line)}.cta-option{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:16px;margin-top:12px;background:var(--surface)}.cta-option h3{margin-bottom:6px;font-size:16px}