:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page: #f4f3ee;--card: #fcfbf8;--border: #d9d6cf;--text: #111111;--muted: #66625d;--muted-deep: #4d4b47;--green: #98e116;--green-soft: #eef6cf;--green-deep: #52674a;--shadow: 0 10px 30px rgba(27, 25, 22, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);color:var(--text)}button,input{font:inherit}button{color:inherit}.web-shell{min-height:100vh;display:flex;justify-content:center;padding:0;background:var(--page)}.phone-shell{width:min(100vw,430px);min-height:100vh;background:var(--page);position:relative;overflow:hidden}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 8px;font-size:.92rem;font-weight:700;color:var(--muted-deep)}.status-icons{display:flex;gap:8px;font-size:.84rem}.screen-scroll{padding:4px 18px 174px}.screen-stack{display:grid;gap:18px}.hero-card,.detail-card,.segmented-card,.bottom-sheet{border:1px solid var(--border);border-radius:32px;background:var(--card);box-shadow:var(--shadow)}.hero-card,.detail-card{position:relative;overflow:hidden;padding:22px 22px 24px}.accent-top-right:after{content:"";position:absolute;width:170px;height:170px;border-radius:999px;right:-42px;top:-38px;background:radial-gradient(circle at center,var(--green-soft),rgba(238,246,207,.2) 72%,transparent 73%);pointer-events:none}.accent-wash-top-left:before,.soft-glow-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 18%,rgba(235,241,204,.9),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.6),transparent 55%);pointer-events:none}.faded-behind{opacity:.58}.eyebrow,.section-label,.stat-pill span,.split-stat span,.mini-badge{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;color:var(--muted-deep)}.olive{color:var(--green-deep)}.hero-title,.hero-subtitle,.panel-title,.sheet-title{position:relative;z-index:1;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;color:var(--text)}.hero-title{font-size:clamp(2.45rem,9vw,3.45rem);line-height:.92;font-weight:700}.hero-subtitle{font-size:1.6rem;line-height:1.03;font-weight:700}.sheet-title{font-size:clamp(2.2rem,8vw,3rem)}.sheet-subtitle{font-size:1.5rem}.hero-meta,.panel-body,.form-intro,.trail-detail,.pairing-row{position:relative;z-index:1;margin:12px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.42}.large-meta{font-size:1.18rem}.panel-title{font-family:Inter,system-ui,sans-serif;font-size:2rem;line-height:1.04;font-weight:800}.sans-tight{line-height:1}.triple-metrics,.chip-row,.cta-row,.section-head,.pairings-head,.trail-row{position:relative;z-index:1}.triple-metrics{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-pill,.split-stat,.callout-pill,.chip,.ghost-button,.store-input,.segment-pill,.pairings-card,.nested-card,.stepper-card,.split-stats-card,.mini-badge{border:1px solid var(--border);background:#ffffffc2}.stat-pill,.split-stat{min-height:78px;border-radius:24px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stat-pill strong,.split-stat strong,.trail-row strong,.trail-score{margin-top:6px;font-size:1.18rem;font-weight:800;color:var(--text)}.split-stats-card{margin-top:18px;border-radius:26px;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.split-stat{align-items:flex-start;text-align:left;padding-left:14px;padding-right:14px}.stepper-card{margin-top:16px;border-radius:26px;padding:16px 10px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.stepper-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#80807d;position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;width:calc(100% - 22px);height:2px;top:18px;left:58%;background:#d5d4cf}.stepper-step.active:not(:last-child):after{background:#98e11673}.step-circle{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#e8e7e2;color:var(--muted-deep);font-weight:800}.stepper-step.active .step-circle{background:var(--green);color:var(--text)}.stepper-step strong{font-size:.86rem;color:inherit}.cta-row{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.two-up{display:grid;grid-template-columns:1fr 1fr}.compact-actions .accent-button,.compact-actions .ghost-button,.stack-actions .accent-button,.stack-actions .ghost-button{min-width:0}.accent-button,.ghost-button{min-height:60px;border-radius:24px;padding:0 22px;font-size:1rem;font-weight:800;cursor:pointer;position:relative}.accent-button{border:0;background:var(--green);color:var(--text);box-shadow:0 8px 18px #98e11640}.ghost-button{background:#ffffffe6;color:var(--text)}.active-underline{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:28px;height:5px;border-radius:999px;background:#111}.callout-pill{margin-top:16px;border-radius:24px;padding:14px 16px;font-size:1rem;font-weight:700;color:var(--text)}.chip-row{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.wrap-top-gap{margin-top:18px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;font-weight:700;color:var(--text)}.roomy-top{margin-top:18px}.segmented-card{padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.segment-pill{min-height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px 16px;color:var(--muted-deep);font-weight:800;cursor:pointer;position:relative}.segment-pill.active{background:var(--green);border-color:transparent;color:var(--text)}.segment-icon,.dock-icon,.spark-badge{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;border:1px solid var(--border);font-size:1rem;color:var(--text)}.spark-badge{color:var(--green-deep);border-color:#52674a24;background:#e7eedfe6}.pairings-card,.nested-card{border-radius:26px;padding:16px}.pairings-head,.section-head,.trail-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pairings-head h3,.nested-headline{margin:0;font-size:1.16rem;font-weight:800;color:var(--text)}.mini-badge{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 12px;font-size:.72rem}.trail-row{margin-top:18px}.trail-score{color:var(--green-deep)}.progress-track{margin-top:14px;width:100%;height:14px;border-radius:999px;background:#dedcd5;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#31412d,#607956)}.form-intro{margin-top:0;font-weight:600}.field-label{display:block;margin-top:18px;font-size:.95rem;font-weight:800;color:var(--text)}.store-input{width:100%;min-height:70px;margin-top:10px;border-radius:24px;padding:0 20px;font-size:1.15rem;color:var(--muted);outline:none}.store-input::placeholder{color:var(--muted)}.stack-actions{flex-direction:column;align-items:flex-start}.bottom-dock{position:fixed;left:50%;bottom:28px;transform:translate(-50%);width:min(calc(100vw - 28px),394px);padding:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border:1px solid var(--border);border-radius:34px;background:#fcfbf8f5;box-shadow:0 18px 30px #1111111f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.dock-item{min-height:92px;border:0;background:transparent;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#73706a;position:relative;cursor:pointer}.dock-item.active{background:var(--green);color:var(--text)}.dock-item.active .dock-icon{background:#fffffff5}.dock-label{font-size:.82rem;font-weight:800}.gesture-pill{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:120px;height:5px;border-radius:999px;background:#3a3937;opacity:.75;z-index:35}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#f4f3eedb;z-index:60}.sheet-stack{position:absolute;top:0;right:0;bottom:0;left:0;padding:36px 18px 0;display:grid;gap:16px}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;min-height:56vh;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:12px 18px 150px;background:#fcfbf8fa}.sheet-handle{width:48px;height:7px;border:0;border-radius:999px;background:#8a8680;display:block;margin:4px auto 18px;cursor:pointer}.inside-sheet{padding:20px}.lounge-stepper{border:1px solid var(--border);border-radius:24px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffffd1}.lounge-node{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#edf4d2;color:var(--text);font-weight:800}.lounge-node.active{background:var(--green)}.lounge-line{flex:1;height:2px;background:#98e11673}.clickable{cursor:pointer}@media(max-width:380px){.screen-scroll{padding-left:14px;padding-right:14px}.hero-title,.sheet-title{font-size:2.2rem}.hero-subtitle,.sheet-subtitle,.panel-title{font-size:1.4rem}.triple-metrics,.segmented-card,.split-stats-card{gap:8px}}