:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#17324d;background:radial-gradient(circle at top left,rgba(218,107,45,.18),transparent 28%),radial-gradient(circle at 85% 8%,rgba(24,64,110,.1),transparent 22%),linear-gradient(180deg,#f7f4ec,#f3efe4);line-height:1.5;font-weight:400;color-scheme:light;--ink: #17324d;--accent: #da6b2d;--surface: rgba(255, 255, 255, .82);--surface-strong: #fffdf8;--border: rgba(23, 50, 77, .12);--muted: #5f6c7c;--shadow: 0 18px 40px rgba(23, 50, 77, .08);--shadow-strong: 0 26px 60px rgba(23, 50, 77, .14);--accent-soft: rgba(218, 107, 45, .12);--ink-soft: rgba(23, 50, 77, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink)}button,input,textarea,select{font:inherit}button{border:none;border-radius:999px;background:var(--accent);color:#fff;padding:.75rem 1.15rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,background .16s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:inset 0 2px 8px #0000001f}button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:#17324d14;color:var(--ink)}input,textarea,select{width:100%;padding:.75rem .9rem;border-radius:16px;border:1px solid var(--border);background:#ffffffeb}textarea{min-height:88px;resize:vertical}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}.hero{display:grid;grid-template-columns:2.1fr 1fr;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.hero-main{position:relative}.hero-badge-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;letter-spacing:-.04em;margin:0 0 1rem;max-width:11ch}.hero-copy{font-size:1.05rem;max-width:64ch}.hero-mini-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#17324d14;color:var(--ink);font-size:.82rem;font-weight:700}.hero-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.hero-highlight-chip{padding:.95rem 1rem;border-radius:18px;background:linear-gradient(180deg,#ffffffe0,#ffffffa8);border:1px solid rgba(23,50,77,.1);box-shadow:var(--shadow)}.hero-highlight-chip span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero-highlight-chip strong{display:block;margin-top:.28rem;font-size:1.05rem}.hero-card,.panel,.subpanel,.metric-card,.recipe-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card,.panel{border-radius:28px}.hero-card{padding:1.2rem}.hero-visual-card{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(218,107,45,.22),transparent 28%),linear-gradient(180deg,#16304af0,#1d3d60eb);color:#fff;box-shadow:var(--shadow-strong)}.hero-card-copy,.hero-visual-card .small-note,.hero-visual-card p,.hero-visual-card strong{position:relative;z-index:1}.hero-visual-card p,.hero-visual-card .small-note{color:#ffffffd1}.hero-orbit{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.2)}.hero-orbit-large{width:240px;height:240px;right:-88px;top:-34px}.hero-orbit-small{width:120px;height:120px;right:40px;top:56px}.hero-stride-lines{position:absolute;right:34px;bottom:32px;display:grid;gap:.45rem}.hero-stride-lines span{display:block;height:6px;border-radius:999px;background:#ffffff47}.hero-stride-lines span:nth-child(1){width:84px}.hero-stride-lines span:nth-child(2){width:58px}.hero-stride-lines span:nth-child(3){width:34px}.hero-visual-metrics{position:relative;z-index:1;display:grid;gap:.75rem;margin:1.15rem 0 1rem}.hero-visual-pill{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .95rem;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.hero-visual-pill span{color:#ffffffb8;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.identity-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-.25rem 0 1rem;padding:.9rem 1.15rem;border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c7;border:1px solid var(--border);box-shadow:var(--shadow)}.identity-banner strong{font-size:1.05rem}.panel{padding:1.3rem;margin-bottom:1.25rem}.panel-header,.subpanel-header,.tabs,.stack-actions,.form-actions,.auth-form{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.auth-form{align-items:stretch}.auth-card-form{display:grid;gap:.75rem}.auth-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);margin:0 0 .3rem}.small-note,small{color:var(--muted)}.callout{margin:.75rem 0 0;padding:.8rem .95rem;border-radius:16px;border:1px solid transparent}.compact-callout{margin-top:.55rem;padding:.45rem .65rem;font-size:.82rem}.callout-info{background:#1a67d214;border-color:#1a67d22e;color:#1a4f95}.callout-success{background:#2e8b571f;border-color:#2e8b5738;color:#1f6b45}.callout-warning{background:#da6b2d1f;border-color:#da6b2d3d;color:#9f4d1c}.callout-error{background:#ab34281f;border-color:#ab342833;color:#8e2f24}.tabs{flex-wrap:wrap;margin-bottom:1rem;gap:.85rem}.tabs button{background:#ffffffb8;color:var(--ink);border:1px solid rgba(23,50,77,.08);box-shadow:0 8px 18px #17324d0f;padding-inline:1rem 1.15rem}.tabs button.active{background:var(--ink);color:#fff}.tab-label{display:inline-flex;align-items:center;gap:.55rem;font-weight:600}.nav-icon{width:1.2rem;height:1.2rem;flex:0 0 1.2rem}.grid-form,.summary-grid,.recipe-grid,.calendar-list,.journal-columns{display:grid;gap:1rem}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.45fr);gap:1rem}.onboarding-form{align-content:start}.onboarding-visual-panel{background:radial-gradient(circle at top right,rgba(218,107,45,.18),transparent 24%),linear-gradient(180deg,#fffdf8f5,#f7f4ecb8)}.onboarding-badge-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.onboarding-step-pill{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:#17324d14;color:var(--ink);font-size:.8rem;font-weight:700}.onboarding-visual-panel h3{margin-bottom:.6rem;font-size:1.5rem;max-width:16ch}.onboarding-visual-stack{position:relative;height:220px;margin:1rem 0 1.1rem;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#17324d14,#17324d05),#fff9;border:1px solid rgba(23,50,77,.08)}.onboarding-silhouette{position:absolute;width:90px;height:150px;left:50%;top:42px;transform:translate(-50%);border-radius:999px 999px 24px 24px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.95),rgba(255,255,255,.28) 42%,transparent 43%),linear-gradient(180deg,#17324d38,#17324d0f)}.onboarding-silhouette:before,.onboarding-silhouette:after{content:"";position:absolute;background:#17324d2e;border-radius:999px}.onboarding-silhouette:before{width:20px;height:86px;left:-14px;top:44px;transform:rotate(18deg)}.onboarding-silhouette:after{width:20px;height:92px;right:-14px;top:44px;transform:rotate(-18deg)}.onboarding-wave,.onboarding-grid{position:absolute;inset:auto}.onboarding-wave{left:-10%;right:-10%;height:100px;border-radius:50%;border:1px solid rgba(218,107,45,.18)}.onboarding-wave-one{bottom:-32px}.onboarding-wave-two{bottom:10px;transform:scaleX(.84)}.onboarding-grid{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,50,77,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,77,.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 70%)}.onboarding-checkpoints{display:grid;gap:.8rem}.onboarding-checkpoint{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}.onboarding-checkpoint strong{display:block;margin-bottom:.18rem}.onboarding-checkpoint p{margin:0;color:var(--muted)}.grid-form label{display:grid;gap:.45rem}.span-2{grid-column:span 2}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.text-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.journal-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);margin-top:1rem}.subpanel,.metric-card,.recipe-card{border-radius:24px;padding:1rem;position:relative;overflow:hidden}.subpanel:before,.metric-card:before,.recipe-card:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#da6b2de6,#17324d2e)}.metric-card strong{display:block;font-size:2rem;margin-top:.4rem}.metric-card{background:radial-gradient(circle at top right,rgba(218,107,45,.12),transparent 24%),#ffffffd1}.list-item,.editable-row,.vacation-row,.session-card,.glossary-item{display:grid;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.list-item,.editable-row,.vacation-row{align-items:center}.list-item{grid-template-columns:1fr auto}.editable-row,.log-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-stack{display:grid;gap:.35rem;min-width:0}.field-stack span{font-size:.78rem;font-weight:600;color:var(--muted)}.field-stack input,.field-stack textarea{min-width:0}.field-stack input[type=date]{padding-right:2.6rem;min-width:0;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-stack input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;margin-left:.35rem}.field-span-all{grid-column:1 / -1}.field-span-all textarea,.field-span-all input{min-height:56px}.vacation-row{grid-template-columns:repeat(3,minmax(0,1fr))}.detailed-item{align-items:start}.instruction-list{margin:.5rem 0 0;padding-left:1.1rem}.instruction-list li+li{margin-top:.35rem}.section-actions{margin-top:.75rem}.section-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border)}.section-footer-actions .small-note{margin:0}.compact-field{min-width:0;width:100%;max-width:220px}.session-card{background:#ffffff85;border-radius:18px;padding-top:0;border-top:none}.glossary-item p{margin:.25rem 0 0}.session-action-card{border-radius:18px;padding:.85rem;border-top:none;background:#ffffff73}.session-action-card-completed{background:#2e8b571f}.session-action-card-missed{background:#ab34281a}.guide-title,.section-title{display:flex;align-items:center;gap:.75rem}.guide-title h3,.section-title h3{margin:0}.guide-title p{margin:.2rem 0 0}.guide-copy{margin-top:.9rem}.section-icon-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#da6b2d24,#da6b2d14);border:1px solid rgba(218,107,45,.24);box-shadow:inset 0 1px #ffffff80}.section-icon{width:1.15rem;height:1.15rem;color:var(--ink)}.empty-state-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin-top:.9rem;padding:.95rem 1rem;border-radius:18px;background:linear-gradient(180deg,#17324d0d,#ffffff85);border:1px dashed rgba(23,50,77,.18)}.empty-state-card strong{display:block;margin-bottom:.25rem;font-size:.98rem}.empty-state-card p{margin:0;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:999px;font-size:.8rem;text-transform:capitalize}.status-planned{background:#17324d14}.status-completed{background:#2e8b572e}.status-lightened{background:#da6b2d2e}.status-missed{background:#ab342829}.segmented-control{display:flex;gap:.5rem;flex-wrap:wrap}.segmented-control button.active{background:var(--ink);color:#fff}.chart-panel{margin-bottom:1rem}.reports-visual-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:1rem;align-items:stretch;margin-bottom:1rem;background:radial-gradient(circle at top right,rgba(23,50,77,.12),transparent 26%),linear-gradient(180deg,#fffdf8f5,#f7f4ecb8)}.reports-visual-copy h3{margin-bottom:.55rem;font-size:1.45rem;max-width:20ch}.reports-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.reports-highlight-chip{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;padding:.8rem .9rem;border-radius:18px;background:#ffffffa6;border:1px solid rgba(23,50,77,.08)}.reports-highlight-chip strong,.reports-highlight-chip span{display:block}.reports-highlight-chip span{color:var(--muted);font-size:.82rem}.reports-visual-art{position:relative;overflow:hidden;border-radius:24px;min-height:220px;background:linear-gradient(180deg,#16304af0,#1d3d60eb);box-shadow:var(--shadow-strong)}.reports-ring{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.reports-ring-large{width:230px;height:230px;right:-70px;top:-32px}.reports-ring-small{width:120px;height:120px;left:28px;bottom:24px}.reports-bars{position:absolute;left:34px;right:34px;bottom:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:end}.reports-bars span{display:block;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#da6b2df5,#ffffff59)}.reports-bars span:nth-child(1){height:54px}.reports-bars span:nth-child(2){height:88px}.reports-bars span:nth-child(3){height:124px}.reports-bars span:nth-child(4){height:156px}.chart-wrapper{overflow-x:auto;margin-top:.75rem}.trend-chart{width:100%;min-width:640px;height:auto}.chart-axis{stroke:#17324d38;stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--accent)}.chart-label{font-size:11px;fill:var(--muted)}.chart-value{font-size:12px;fill:var(--ink);font-weight:700}a{color:var(--accent)}.latest-metric-card{max-width:420px}.photo-strip{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.photo-strip img,.photo-strip figure img{width:132px;height:132px;object-fit:cover;border-radius:20px;border:1px solid var(--border)}.photo-strip figure{margin:0}.photo-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.photo-compare figure{margin:0;display:grid;gap:.75rem}.photo-compare img,.photo-placeholder{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px;border:1px solid var(--border)}.photo-placeholder{display:grid;place-items:center;background:#ffffff80;color:var(--muted);text-align:center;padding:1rem;gap:.65rem}.placeholder-icon{width:1.8rem;height:1.8rem;color:#17324d6b}.photo-compare figcaption{display:grid;gap:.2rem}.photo-compare figcaption span{color:var(--muted);font-size:.95rem}.photo-upload-form{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:.9rem;align-items:end;margin-top:1rem}.photo-upload-form>*{min-width:0}.photo-upload-form button{width:100%}.photo-upload-button{grid-column:1 / -1;justify-self:start;width:min(100%,240px)}.photo-file-field input[type=file]{padding:.9rem 1rem;min-width:0;max-width:100%}.overview-auth-card{margin-bottom:1rem}.overview-auth-form{margin-top:.9rem}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 900px){.hero,.summary-grid,.text-grid,.journal-columns,.onboarding-shell,.grid-form,.editable-row,.vacation-row,.log-grid,.metrics-grid,.list-item{grid-template-columns:1fr}.span-2{grid-column:span 1}.hero h1{max-width:14ch}.hero-highlight-grid,.reports-highlight-row{grid-template-columns:1fr}.identity-banner{align-items:flex-start;flex-direction:column}.section-footer-actions,.photo-upload-form,.photo-compare{grid-template-columns:1fr}.section-footer-actions{align-items:stretch}.compact-field,.photo-file-field,.field-stack input[type=date]{max-width:100%}.photo-upload-button{width:100%}}