/* Reference-led, original white/rose system shared by live, studio and account pages. */
:root{--journey-accent:#c00062;--journey-ink:#26343f;--journey-muted:#78838c;--journey-surface:#fff;--journey-canvas:#f5f6f8}
body{background:var(--journey-canvas);color:var(--journey-ink)}
.card,.compact-ui .card{background:#fff;border:1px solid #eceef1;box-shadow:0 3px 12px #2537470a;border-radius:20px}
.side{background:#fff;border-color:#eceef1;box-shadow:3px 0 12px #25374708}.sidefoot{background:#faf4f7;box-shadow:none}
.primary,.compact-ui .primary,.nav.has-3d-icon.active,.nav.active,.mode.selected,.compact-ui .mode.selected,#director .director-tools button.primary,.flow-steps button.active{background:#c00062!important;color:#fff!important;border-color:#c00062!important;box-shadow:0 3px 0 #8f0049!important}
.secondary,.pill,.nav.has-3d-icon,.mode.has-3d-icon{background:#fff;border-color:#e6e8ee;box-shadow:0 2px 5px #25374712}
.compact-ui .compact-profile .profile-actions button,.compact-ui .compact-setting-group{border-color:#eceef1}.compact-package,.badge,.compact-tabs{background:#fce7f1;color:#9d0050}
.compact-tabs button[aria-pressed=true],.compact-ui #compact-gps[aria-pressed=true],.compact-ui #compact-gps[aria-checked=true]{background:#c00062;color:#fff}.compact-notice-row.unread{border-left:3px solid #c00062}
.mapcard .map-controls button,.journey-map-select,.mapcard .journey-map-toolbar .environment-controls button{background:#fff!important;color:#a70056!important;border-color:#e9dce3!important;box-shadow:0 2px 5px #24333d22!important}
#director{background:#f5f6f8;color:#26343f}#director .flow-header{background:#fff;border-bottom:1px solid #eceef1;color:#26343f}#director .flow-header>span{color:#7a8189}#director .flow-header .close-director{background:#fff;color:#c00062;border-color:#eddce5}
#director .director-tools{background:#fff;border-color:#eceef1}#director .director-tools p,#director .director-tools label{color:#6d7883}#director .flow-step h3,#director .director-tools h2{color:#26343f}
#director .director-tools button,#director .director-tools input,#director .director-tools select,#director .director-tools select option{background:#f6f7f9;color:#26343f;border-color:#e7e9ee}
#director .flow-steps{background:#fff}#director .director-hud,#director .director-stats{background:#fffffff2;color:#26343f;border-color:#eceef1}#director .director-hud h3,#director .director-stats strong{color:#26343f}#director .director-hud .director-badge{background:#fce7f1;color:#b0005a}#director .director-stats #director-next{color:#a90056;border-bottom-color:#eee2e8}
#director .flow-map-zoom button,#director .flow-cinema-bar button{background:#fff;color:#b0005a;border:1px solid #efdfE7;box-shadow:0 2px 5px #24333d22;border-radius:14px}
#director .flow-record-help{background:#fff0f7;color:#7f2751}#director .flow-map-zoom{top:130px}.compact-ui footer{color:#8a949d}
/* V40: keep the map visible on narrow phones. */
#director .director-hud{max-width:calc(100% - 76px);padding:7px 9px;border-radius:12px}
#director .director-hud h3{font-size:13px!important;margin:2px 0!important}
#director .director-stats{padding:7px 10px;gap:4px;border-radius:12px}
#director .director-stats strong{font-size:18px;line-height:1.25}
#director .director-stats #director-next{font-size:11px;padding-bottom:4px;margin-bottom:0;line-height:1.35}
#director-route-caption{font-size:10px;line-height:1.3}
@media(max-width:600px){.compact-ui .main{padding:12px}.compact-ui .top{margin-bottom:10px}.compact-ui .heading{margin-bottom:8px}.compact-ui .modes{gap:6px;margin-bottom:10px}.compact-ui .mode{padding:7px 9px;min-height:48px}.compact-ui .mode .emoji{font-size:21px}.compact-ui .panel{padding:12px}.compact-ui .mapcard{min-height:58dvh;border-radius:14px}.compact-ui .stat b{font-size:19px}#director .flow-map-zoom{top:105px;gap:6px}#director .flow-map-zoom button{width:42px;min-height:40px}#director .flow-header{padding:7px 10px}}
#director .director-intro-choice{display:flex;align-items:center;gap:8px;font-size:12px;margin:8px 0}
#director .director-intro-choice input{width:18px;height:18px;min-height:0;margin:0;flex:0 0 18px;accent-color:#c00062}
#director.flow-live .director-intro-choice{display:none}