@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{--font-body:"Inter", "Segoe UI", sans-serif;--font-display:"Lora", Georgia, serif;--color-nat-bg:#fdfcf8;--color-nat-surface:#fff;--color-nat-sidebar:#f3f0e8;--color-nat-text:#2c2c2c;--color-nat-muted:#7a766c;--color-nat-green:#8ba888;--color-nat-green-hover:#7a9677;--color-nat-green-dark:#5c735a;--color-nat-olive:#5a5a40;--color-nat-border:#e0dccf;font-family:var(--font-body);color:var(--color-nat-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f3f0e8fa,#0000 24%),radial-gradient(circle at 100% 0,#fff6ddb3,#0000 18%),linear-gradient(#fdfcf8 0%,#f7f3eb 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:var(--font-body)}button,input,textarea,select{font:inherit}button{border:0}img{max-width:100%;display:block}#root{min-height:100vh}.loading-shell{min-height:100vh;color:var(--color-nat-green-dark);justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex}.app-shell{max-width:1520px;margin:0 auto;padding:28px}.hero{grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:24px;margin-bottom:24px;display:grid}.hero-kicker,.section-kicker,.step-kicker{color:var(--color-nat-green-dark);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.72rem;font-weight:700;display:inline-flex}.hero h1,.panel-head h2,.ranking-overview h2,.stage-header h2,.form-block-head h3,.family-card-head h3,.sidebar-card h2,.route-footer h2,.brand-spotlight__copy h3{font-family:var(--font-display);color:var(--color-nat-olive);margin:0}.hero h1{max-width:760px;font-size:clamp(3rem,6vw,4.9rem);font-style:italic;font-weight:500;line-height:.95}.hero-text,.stage-subtitle,.panel-helper,.side-note,.member-banner p,.voice-card p,.voice-lines p,.save-copy span,.save-copy strong,.salon-tile small,.route-copy small,.profile-copy small,.profile-meta small,.overview-tile small,.overview-row small,.ranking-overview p,.brand-spotlight__copy p{color:var(--color-nat-muted)}.hero-text{max-width:760px;margin:16px 0 0;font-size:1rem;line-height:1.72}.hero-status,.profiles-panel,.ranking-overview,.sidebar-card,.salon-tile,.stage,.voice-card,.leader-row,.overview-tile,.overview-row,.route-stop-card,.brand-spotlight,.trip-toggle{border:1px solid var(--color-nat-border);background:#ffffffe0;box-shadow:0 18px 40px #483f250f}.hero-status{border-radius:30px;padding:22px}.hero-status span,.family-score-card span,.overview-tile span{color:var(--color-nat-green-dark);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.hero-status strong,.family-score-card strong,.overview-tile strong{color:var(--color-nat-olive);margin-top:12px;display:block}.hero-status strong{font-size:1.28rem}.hero-status small,.family-score-card small,.overview-tile small{margin-top:8px;display:block}.profiles-panel,.ranking-overview,.sidebar-card,.stage,.route-footer{border-radius:34px}.profiles-panel{background:#f3f0e8d1;margin-bottom:18px;padding:22px}.profiles-panel.is-collapsed{padding-bottom:16px}.panel-head,.route-footer__head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel-helper{text-align:right;max-width:280px;margin:0;font-size:.92rem;line-height:1.55}.profiles-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.profiles-selected{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.profiles-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid;overflow:hidden}.profile-chip{color:var(--color-nat-text);text-align:left;cursor:pointer;background:#fdfcf8eb;border:1px solid #0000;border-radius:24px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.profile-chip--summary{flex:1}.profile-chip:hover,.salon-tile:hover,.star-pick:hover,.choice-tile:hover,.hint-chip:hover,.overview-row:hover,.route-stop-card:hover,.trip-toggle:hover{transform:translateY(-2px)}.profile-chip.is-active{background:color-mix(in srgb, var(--member-halo) 78%, white);border-color:color-mix(in srgb, var(--member-accent) 44%, white);box-shadow:0 12px 26px #5c735a1a}.profile-chip--family.is-active{color:#fff;background:#5a5a40f2;border-color:#5a5a40f2}.profile-avatar,.voice-avatar{background:var(--member-halo,#f3f0e8e6);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.75rem;display:inline-flex}.profile-avatar--crown{color:#a56d00;background:#ffefc7f2}.profile-copy,.profile-meta,.route-copy,.salon-stats-row,.voice-head>div,.overview-row>div,.mini-ranking-row>div,.leader-row>div{gap:4px;display:grid}.profile-copy strong,.profile-meta strong,.salon-tile strong,.route-copy strong,.voice-head strong,.leader-row strong,.mini-ranking-row strong,.overview-row strong,.member-banner strong,.save-copy strong,.overview-tile strong,.brand-spotlight__copy strong{color:var(--color-nat-text)}.profile-meta{justify-items:end}.profile-meta strong{font-size:1.12rem}.ghost-button,.trip-toggle,.route-check,.stage-pill--toggle{min-height:46px;color:var(--color-nat-olive);cursor:pointer;background:#ffffffdb;border:1px solid #e0dccff2;border-radius:999px;padding:0 16px;font-weight:700}.ghost-button:hover,.route-check:hover,.stage-pill--toggle:hover{background:#f3f0e8f0}.ranking-overview{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr) minmax(320px,1fr);gap:16px;margin-bottom:20px;padding:22px;display:grid}.ranking-overview__lead p{max-width:420px;margin:14px 0 0;line-height:1.7}.ranking-overview__stats,.ranking-overview__board{gap:12px;display:grid}.overview-tile,.overview-row{border-radius:24px;padding:16px 18px}.overview-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.overview-row>span,.mini-ranking-row>span,.leader-row>span:first-child{width:34px;height:34px;color:var(--color-nat-green-dark);background:#8ba88824;border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.workspace{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:20px;display:grid}.sidebar{gap:18px;display:grid}.sidebar-card{padding:22px}.sidebar-card--olive{background:#5c735aeb;border-color:#5c735ae6}.sidebar-card--olive .section-kicker,.sidebar-card--olive h2,.sidebar-card--olive .side-note,.sidebar-card--olive .steps-list{color:#fff}.steps-list{margin:0;padding-left:18px;line-height:1.85}.side-note{margin:14px 0 0;line-height:1.7}.mini-ranking,.leaderboard-list{gap:12px;display:grid}.mini-ranking-row{background:#f3f0e8c7;border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.trip-toggle{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.trip-toggle.is-done,.stage-pill--toggle.is-done{color:var(--color-nat-green-dark);background:#e7eedcf5;border-color:#8ba8889e}.content{gap:16px;display:grid}.salon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.salon-tile{color:inherit;text-align:left;cursor:pointer;border-radius:26px;gap:10px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.salon-tile.is-selected{background:#f3f0e8f2;border-color:#8ba8888c}.salon-tile-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.salon-badge,.review-state{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:.74rem;font-weight:800;display:inline-flex}.salon-badge{min-width:32px;color:var(--color-nat-green-dark);background:#8ba88824;padding:0}.review-state{color:#9d7c38;background:#faf3e4eb}.review-state.is-done{color:var(--color-nat-green-dark);background:#e6efdceb}.salon-tile small{line-height:1.5}.salon-stats-row{color:var(--color-nat-green-dark);grid-template-columns:1fr auto;align-items:end;font-size:.86rem;font-weight:700}.stage{padding:24px}.stage-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px;display:flex}.stage-header h2{max-width:760px;font-size:clamp(2rem,4vw,3.15rem);font-style:italic;font-weight:500;line-height:.98}.stage-subtitle{margin:10px 0 0;font-size:1rem}.stage-badges{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.stage-pill{min-height:40px;color:var(--color-nat-green-dark);background:#f3f0e8e6;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.stage-pill--warm{color:#8c6b24;background:#fff6ddf2}.brand-spotlight{border-radius:28px;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px;padding:16px;display:grid}.brand-spotlight__image{object-fit:cover;object-position:center;border-radius:20px;width:100%;height:156px}.brand-spotlight__copy{align-content:start;gap:10px;display:grid}.brand-spotlight__copy h3{font-size:clamp(1.35rem,2.4vw,1.75rem);font-style:italic;line-height:1.14}.brand-spotlight__copy p{margin:0;font-size:.96rem;line-height:1.64}.brand-sticker{color:#8c6b24;letter-spacing:.08em;text-transform:uppercase;background:#fff6ddf0;border-radius:999px;align-items:center;width:fit-content;min-height:38px;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.review-layout{grid-template-columns:minmax(0,1.25fr) 340px;align-items:start;gap:20px;display:grid}.review-form,.family-board,.family-summary,.family-card{gap:16px;display:grid}.form-block{background:#fdfcf8e6;border:1px solid #e0dccfcc;border-radius:28px;padding:20px}.form-block-head{margin-bottom:14px}.form-block-head h3{font-size:1.5rem;font-style:italic;font-weight:500}.member-banner{background:linear-gradient(135deg, var(--member-halo), #ffffffeb);border-radius:24px;align-items:center;gap:16px;padding:18px;display:flex}.member-emoji{background:#ffffffe6;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:inline-flex}.member-banner p{margin:6px 0 0;line-height:1.6}.stars-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.star-pick,.choice-tile,.hint-chip,.upload-box,.save-button,.clear-button{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.star-pick{color:#d0c9bc;cursor:pointer;background:#fff;border:1px solid #e0dccff2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;font-weight:800;display:inline-flex}.star-pick.is-active{color:var(--color-nat-green-dark);background:#e7eedcf5;border-color:#8ba8889e}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.choice-tile{color:var(--color-nat-text);cursor:pointer;text-align:left;background:#fff;border:1px solid #e0dccff2;border-radius:24px;padding:16px}.choice-tile strong,.choice-tile small,.upload-box strong,.upload-box small{display:block}.choice-tile small,.upload-box small{margin-top:6px;line-height:1.5}.choice-tile.is-active{background:#e7eedcf5;border-color:#8ba8889e}.choice-tile--price{align-items:start;gap:12px;display:flex}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.text-area-card{gap:10px;display:grid}.text-area-card>span{color:var(--color-nat-text);font-weight:700}.text-area-card textarea{width:100%;color:var(--color-nat-text);font:inherit;resize:vertical;background:#fff;border:1px solid #e0dccff2;border-radius:22px;padding:16px;line-height:1.6}.text-area-card textarea:focus{border-color:#8ba888d1;outline:none;box-shadow:0 0 0 4px #8ba88814}.hint-row{flex-wrap:wrap;gap:8px;display:flex}.hint-chip{min-height:34px;color:var(--color-nat-green-dark);cursor:pointer;background:#f3f0e8b3;border:1px solid #e0dccff2;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:700}.photo-row{grid-template-columns:270px minmax(0,1fr);gap:14px;display:grid}.upload-box,.photo-empty,.photo-preview{border-radius:24px;min-height:190px}.upload-box{color:var(--color-nat-green-dark);cursor:pointer;background:#f3f0e8a8;border:1px dashed #8ba8889e;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:14px;padding:18px;display:grid}.upload-box input{display:none}.photo-preview{object-fit:cover;width:100%}.photo-empty{color:var(--color-nat-muted);background:#ffffffbf;border:1px dashed #e0dccff2;justify-content:center;align-items:center;font-weight:600;display:flex}.save-row{grid-template-columns:260px 220px minmax(0,1fr);align-items:center;gap:16px;display:grid}.save-button,.clear-button{cursor:pointer;border-radius:20px;min-height:58px;font-weight:800}.save-button{background:var(--color-nat-green);color:#fff;border:0;box-shadow:0 14px 26px #8ba88838}.save-button:hover{background:var(--color-nat-green-hover)}.clear-button{color:var(--color-nat-olive);background:#f3f0e8b8;border:1px solid #e0dccff2;justify-content:center;align-items:center;gap:10px;display:inline-flex}.save-button:disabled,.clear-button:disabled{cursor:not-allowed;opacity:.64;box-shadow:none}.save-copy{gap:6px;line-height:1.5;display:grid}.family-side,.family-summary{gap:16px;display:grid}.family-card{background:#fdfcf8e6;border:1px solid #e0dccfcc;border-radius:28px;padding:20px}.family-score-card{background:linear-gradient(135deg,#e7eedcf5,#fffffff5);border:1px solid #8ba88857;border-radius:24px;padding:20px}.family-score-card strong{font-size:1.22rem}.family-score-card--large strong{font-size:2rem}.family-voices{gap:12px;display:grid}.family-voices--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-card{background:linear-gradient(180deg, #fffffffa, var(--member-halo,#f3f0e8cc));border-radius:24px;padding:16px}.voice-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.voice-avatar{border-radius:16px;width:52px;height:52px}.voice-card p{margin:0;line-height:1.6}.voice-lines{gap:8px;display:grid}.voice-lines p strong{color:var(--color-nat-text)}.leaderboard-list{gap:10px}.leader-row{border-radius:22px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.leader-row.is-current{background:#f3f0e8f2;border-color:#8ba8888c}.route-footer{border:1px solid var(--color-nat-border);background:#ffffffb8;margin-top:20px;padding:22px}.route-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.route-stop-card{border-radius:24px;grid-template-columns:48px 12px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:16px;display:grid}.route-stop-card.is-current{background:#f3f0e8f2;border-color:#8ba8888c}.route-stop-card.is-done{background:#e7eedcb8}.route-check{min-height:42px;padding:0}.route-dot{border-radius:999px;width:12px;height:12px}.route-dot--home{background:#cb7a68}.route-dot--food{background:#d7a14a}.route-dot--salon{background:var(--color-nat-green)}.route-stop-card svg{color:var(--color-nat-muted)}@media (width<=1380px){.ranking-overview,.review-layout,.route-footer__grid{grid-template-columns:1fr}.salon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-spotlight{grid-template-columns:1fr}}@media (width<=1080px){.hero,.workspace,.panel-head,.route-footer__head,.stage-header{grid-template-columns:1fr;display:grid}.panel-helper{text-align:left;max-width:none}.choice-grid,.note-grid,.photo-row,.family-voices--wide,.save-row{grid-template-columns:1fr}.profiles-selected{flex-direction:column;align-items:stretch}}@media (width<=760px){.app-shell{padding:14px}.profiles-grid,.salon-grid,.stars-row,.choice-grid,.route-footer__grid{grid-template-columns:1fr}.profile-chip{grid-template-columns:58px minmax(0,1fr)}.profile-meta{grid-column:2;justify-items:start}.route-stop-card{grid-template-columns:48px 12px minmax(0,1fr)}.route-stop-card svg{display:none}}