/* ============================================================= JIMINY-SITE-APPEARANCE-001 — site-wide Light and Dark appearance. /css/appearance.css (load LAST, after the page stylesheet) Light is exactly what Jiminy ships today: this file changes nothing while html[data-theme="light"] (the default) is in effect, except the Plan Disneyland and Walt Disney World pages, which are dark-native and get an intentional Light treatment (section 4). Dark is intentionally styled from the Plan Disneyland reference (midnight navy page, soft-cream type, navy Liquid Glass containers, celestial-blue and champagne-gold accents); it is never an inversion of Light. Navy Liquid Glass containers, logos, artwork and the gold and blue accents are never recolored. 1. Semantic tokens 2. Appearance control 3. Dark surfaces (generated from the shipped stylesheets, see below) 4. Dark and Light polish and the dark-native Plan pages Section 3 is generated by tools/gen_dark.py from the shipped stylesheets so that every light surface, dark-ink text and light hairline is re-pointed at the Dark tokens; it never edits those stylesheets. Cache note: loaded as /css/appearance.css?v2. Any later change to this file must bump that token on every page. ============================================================= */ /* ---- 1. Semantic tokens (Light = today's values) ---- */ :root { --ap-text: #0b1736; --ap-text-2: #66708a; --ap-link: #1d5fcd; --ap-surface: #ffffff; --ap-surface-2: #f4f7fb; --ap-surface-3: #fbf7ee; --ap-surface-rgb: 255, 255, 255; --ap-line: #e8edf5; --ap-accent: #f4b825; --ap-focus: #1d5fcd; --ap-control-bg: #ffffff; --ap-control-edge: #cdd7e6; --ap-control-active: #fff4d6; } html[data-theme="dark"] { --ap-bg: #020d22; --ap-bg-2: #04162f; --ap-text: #eef3fb; --ap-text-2: #a9bbd6; --ap-link: #8cc2ff; --ap-surface: #0b2145; --ap-surface-2: #09193a; --ap-surface-3: #071530; --ap-surface-rgb: 11, 33, 69; --ap-line: rgba(125, 175, 240, 0.24); --ap-accent: #f4c24a; --ap-focus: #8cc2ff; --ap-control-bg: #0b2145; --ap-control-edge: rgba(125, 175, 240, 0.38); --ap-control-active: rgba(244, 184, 37, 0.16); /* The existing semantic tokens, re-pointed for Dark. --navy (brand navy, also a text color) is NOT re-pointed: text uses are handled per rule in section 3 so navy backgrounds, buttons and the sidebar stay navy. */ --card: var(--ap-surface); --ink: var(--ap-text); --muted: var(--ap-text-2); --line: var(--ap-line); --soft: var(--ap-surface-2); --cream: var(--ap-surface-3); --shadow: 0 22px 60px rgba(0, 0, 0, 0.5); } /* ---- 2. Appearance control (Account > My Settings > Appearance) ---- */ .acc-appearance-options { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0 6px; } .acc-appearance-option { position: relative; display: inline-flex; align-items: center; gap: 12px; min-width: 148px; min-height: 52px; padding: 8px 18px 8px 10px; border: 1px solid var(--ap-control-edge); border-radius: 16px; background: var(--ap-control-bg); color: var(--ap-text); font-weight: 800; cursor: pointer; } .acc-appearance-option input { position: absolute; opacity: 0; width: 100%; height: 100%; inset: 0; margin: 0; cursor: pointer; } .acc-appearance-option__swatch { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 11px; border: 1px solid rgba(7, 31, 65, 0.25); } .acc-appearance-option__swatch--light { background: linear-gradient(135deg, #fff8e7 0%, #f6f9ff 54%, #ffffff 100%); } .acc-appearance-option__swatch--dark { background: linear-gradient(135deg, #04162f 0%, #020d22 100%); border-color: rgba(125, 175, 240, 0.5); } .acc-appearance-option:hover { border-color: var(--ap-accent); } .acc-appearance-option:has(input:checked) { border-color: var(--ap-accent); background: var(--ap-control-active); box-shadow: 0 0 0 2px var(--ap-accent); } .acc-appearance-option:has(input:focus-visible) { outline: 3px solid var(--ap-focus); outline-offset: 3px; } .acc-appearance-status { display: block; min-height: 1.2em; color: var(--ap-text-2); } /* ---- 3. Dark surfaces (generated) ---- */ /* ---- from css/shared.css ---- */ html[data-theme="dark"]{background:var(--ap-surface)} html[data-theme="dark"] body{color:var(--ap-text);background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 54%,var(--ap-surface) 100%)} html[data-theme="dark"] .collapse-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .topbar{background:rgba(var(--ap-surface-rgb),0.95);border-bottom:1px solid var(--ap-line)} html[data-theme="dark"] .mobile-menu{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .hey-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .card{background:rgba(var(--ap-surface-rgb),0.88)} html[data-theme="dark"] .hero-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 46%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .eyebrow{background:var(--ap-surface)} html[data-theme="dark"] .title{color:var(--ap-text)} html[data-theme="dark"] .lead{color:var(--ap-text)} html[data-theme="dark"] .secondary{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .metric{background:var(--ap-surface)} html[data-theme="dark"] .metric b{color:var(--ap-text)} html[data-theme="dark"] .screen{background:var(--ap-surface)} html[data-theme="dark"] .screen-head{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .screen-head h3{color:var(--ap-text)} html[data-theme="dark"] .quick{background:var(--ap-surface)} html[data-theme="dark"] .quick b{color:var(--ap-text)} html[data-theme="dark"] .list-item{background:var(--ap-surface)} html[data-theme="dark"] .thumb{background:var(--ap-surface-2)} html[data-theme="dark"] .mini-tabs{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .section-title h2{color:var(--ap-text)} html[data-theme="dark"] .day{background:var(--ap-surface)} html[data-theme="dark"] .mapbox{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .map-panel{background:rgba(var(--ap-surface-rgb),0.94)} html[data-theme="dark"] .food-list .row{background:var(--ap-surface)} html[data-theme="dark"] .price{color:var(--ap-text)} html[data-theme="dark"] .feature{background:var(--ap-surface)} html[data-theme="dark"] .feature h3{color:var(--ap-text)} html[data-theme="dark"] .plan-day,html[data-theme="dark"] .calendar-btn{background:var(--ap-surface)} html[data-theme="dark"] .plan-day b{color:var(--ap-text)} html[data-theme="dark"] .calendar-btn{color:var(--ap-text)} html[data-theme="dark"] .surprise-card{background:linear-gradient(135deg,var(--ap-surface),var(--ap-surface))} html[data-theme="dark"] .surprise-card b{color:var(--ap-text)} html[data-theme="dark"] .surprise-card p{color:var(--ap-text)} html[data-theme="dark"] .plan-add input{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .price-tag{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .plan-empty{background:var(--ap-surface)} html[data-theme="dark"] .story-phone-head{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .story-phone-head h3{color:var(--ap-text)} html[data-theme="dark"] .story-stat{background:var(--ap-surface)} html[data-theme="dark"] .story-stat b{color:var(--ap-text)} html[data-theme="dark"] .photo-tile{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .rank-card,html[data-theme="dark"] .review-card{background:var(--ap-surface)} html[data-theme="dark"] .rank-card b,html[data-theme="dark"] .review-card b{color:var(--ap-text)} html[data-theme="dark"] .saved-pill{background:var(--ap-surface-2)} html[data-theme="dark"] .story-hero{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 45%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .story-card{background:var(--ap-surface)} html[data-theme="dark"] .story-card b{color:var(--ap-text)} html[data-theme="dark"] .memory-tile{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .bottom-nav-btn{color:var(--ap-text)} html[data-theme="dark"] .bottom-nav-btn:hover{color:var(--ap-text)} html[data-theme="dark"] .hey-prompt{background:linear-gradient(135deg,var(--ap-surface),var(--ap-surface));color:var(--ap-text)} html[data-theme="dark"] .hey-input{background:var(--ap-surface)} html[data-theme="dark"] .hey-input input{color:var(--ap-text)} html[data-theme="dark"] .more-sheet{background:var(--ap-surface)} html[data-theme="dark"] .more-sheet button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .prompt-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 48%,var(--ap-surface) 100%)} html[data-theme="dark"] .prompt-card-head h3{color:var(--ap-text)} html[data-theme="dark"] .prompt-badge{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .bubble.jiminy{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .prompt-footer{background:rgba(var(--ap-surface-rgb),0.72)} html[data-theme="dark"] .expand-prompts-btn{background:var(--ap-surface);color:var(--ap-text)} @media(max-width:620px){ html[data-theme="dark"] .profile-header-btn{background:var(--ap-surface)} } html[data-theme="dark"] .mode-card{background:var(--ap-surface)} html[data-theme="dark"] .mode-card.public{background:linear-gradient(135deg,var(--ap-surface),var(--ap-surface-2))} html[data-theme="dark"] .mode-card.private{background:linear-gradient(135deg,var(--ap-surface),var(--ap-surface))} html[data-theme="dark"] .mode-card h4{color:var(--ap-text)} html[data-theme="dark"] .mode-pill.public{background:var(--ap-surface-2);color:var(--ap-text);border:1px solid var(--ap-line)} html[data-theme="dark"] .mode-pill.private{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .signin-note{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .filter-chip{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .quick-list-card{background:var(--ap-surface)} html[data-theme="dark"] .quick-list-card b{color:var(--ap-text)} html[data-theme="dark"] .jiminy-load-status{background:rgba(var(--ap-surface-rgb),0.82)} html[data-theme="dark"] .jiminy-action-sheet{background:var(--ap-surface)} html[data-theme="dark"] .jiminy-action-sheet h3{color:var(--ap-text)} html[data-theme="dark"] .jiminy-action-sheet .sheet-close{color:var(--ap-text)} html[data-theme="dark"] .jiminy-share-preview{background:var(--ap-surface)} html[data-theme="dark"] .jiminy-share-status{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .jiminy-status-line{background:rgba(var(--ap-surface-rgb),0.76)} html[data-theme="dark"] .rating-dialog-v395{background:var(--ap-surface)} html[data-theme="dark"] .rating-dialog-v395 h3{color:var(--ap-text)} html[data-theme="dark"] .rating-question-v395{background:var(--ap-surface)} html[data-theme="dark"] .rating-question-v395 b{color:var(--ap-text)} html[data-theme="dark"] .rating-dialog-v401{background:var(--ap-surface)} html[data-theme="dark"] .rating-dialog-v401 h3{color:var(--ap-text)} html[data-theme="dark"] .rating-question-v401{background:var(--ap-surface)} html[data-theme="dark"] .rating-question-v401 b{color:var(--ap-text)} html[data-theme="dark"] .rating-dialog-actions-v401 [data-v401-rating-clear]{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .profile-header-btn{background:var(--ap-surface) !important} html[data-theme="dark"] .auth-drawer{background:var(--ap-surface)} html[data-theme="dark"] .auth-drawer-title{color:var(--ap-text)} html[data-theme="dark"] .auth-drawer-close:hover{background:var(--ap-surface-3)} html[data-theme="dark"] .auth-tab.active{color:var(--ap-text)} html[data-theme="dark"] .auth-field label{color:var(--ap-text)} html[data-theme="dark"] .auth-field input{color:var(--ap-text);background:var(--ap-surface)} html[data-theme="dark"] .auth-password-toggle{color:var(--ap-text)} html[data-theme="dark"] .auth-password-toggle:hover{background:rgba(255,255,255,0.096)} html[data-theme="dark"] .auth-signed-in-msg{color:var(--ap-text)} html[data-theme="dark"] .jiminy-explorer-page{background-color:var(--ap-surface-2)} html[data-theme="dark"] .explore-dialog-question{background:linear-gradient(145deg,rgba(var(--ap-surface-rgb),0.94),rgba(var(--ap-surface-rgb),0.9))} html[data-theme="dark"] .explore-dialog-question::before{background:linear-gradient(135deg,rgba(var(--ap-surface-rgb),0.96) 0 49%,transparent 50%)} html[data-theme="dark"] .explore-dialog-heading{color:var(--ap-text)} html[data-theme="dark"] .explore-dialog-art{background:rgba(var(--ap-surface-rgb),0.95)} /* ---- from css/home.css ---- */ html[data-theme="dark"] #page-home .home-tip-board-trigger::after{background:var(--ap-surface-2)} html[data-theme="dark"] #page-home .home-tip-board-trigger__label{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-tip-board-trigger:hover::after{background:var(--ap-surface-2)} html[data-theme="dark"] #page-home .home-tip-board-trigger:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] #page-home .home-advisor__actions a:focus-visible,html[data-theme="dark"] #page-home .home-advisor__actions button:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] #page-home .home-advisor__link:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] #page-home .home-advisor__secondary-actions-divider{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-hero{background:rgba(var(--ap-surface-rgb),0.94)} html[data-theme="dark"] #page-home .home-v456-content{color:var(--ap-text);background:rgba(var(--ap-surface-rgb),0.94)} html[data-theme="dark"] #page-home .home-v456-eyebrow{border:1px solid var(--ap-line);background:rgba(255,255,255,0.072);color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-hero h1{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-start-story.is-disabled{background:rgba(255,255,255,0.144)} html[data-theme="dark"] #page-home .home-v456-ask h2{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-ask p{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-search{background:var(--ap-surface)} html[data-theme="dark"] #page-home .home-v456-section-head h2,html[data-theme="dark"] #page-home .home-v456-planning h2,html[data-theme="dark"] #page-home .home-v456-creator h2,html[data-theme="dark"] #page-home .home-v456-final h2{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-link{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-snapshot-card{background:var(--ap-surface)} html[data-theme="dark"] #page-home .home-v456-snapshot-card b{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-bars i.dim{background:var(--ap-surface-3)} html[data-theme="dark"] #page-home .home-v456-food-photo{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-3))} html[data-theme="dark"] #page-home .home-v456-planning h3,html[data-theme="dark"] #page-home .home-v456-creator h3{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-planning p,html[data-theme="dark"] #page-home .home-v456-creator p{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-v456-progress{background:var(--ap-surface-3)} html[data-theme="dark"] #page-home .home-v456-weekly{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 56%,var(--ap-surface) 100%)} html[data-theme="dark"] #page-home .home-v456-weekly-grid span{border-left:1px solid var(--ap-line);color:var(--ap-text)} @media(max-width:620px){ html[data-theme="dark"] #page-home .home-v456-content{background:rgba(var(--ap-surface-rgb),0.94) !important} html[data-theme="dark"] #page-home .home-v456-weekly-grid span{border-top:1px solid var(--ap-line) !important} } html[data-theme="dark"] #page-home .home-entry__action{border-color:var(--ap-line)} html[data-theme="dark"] #page-home .home-entry__action:focus-visible{outline:3px solid var(--ap-line)} html[data-theme="dark"] body:has(#page-home) .auth-field input::placeholder{color:var(--ap-text-2)} html[data-theme="dark"] body:has(#page-home) .auth-submit{border-color:var(--ap-line)} html[data-theme="dark"] body:has(#page-home) .home-onboarding :focus-visible{outline:3px solid var(--ap-line)} html[data-theme="dark"] .home-story-starts__pattern{background-image:radial-gradient(circle at 12% 18%, var(--ap-surface) 0, transparent 1.4px), radial-gradient(circle at 82% 12%, var(--ap-surface) 0, transparent 1.4px), radial-gradient(circle at 65% 78%, var(--ap-surface) 0, transparent 1.4px), radial-gradient(circle at 30% 85%, var(--ap-surface) 0, transparent 1.4px), repeating-radial-gradient(circle at 50% 50%, transparent 0, transparent 46px, rgba(244,184,37,.5) 47px, transparent 48px)} html[data-theme="dark"] .home-story-starts__cta:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .purchase-dialog{color:var(--ap-text)} html[data-theme="dark"] .purchase-dialog__title{color:var(--ap-text)} html[data-theme="dark"] .purchase-destination__label{color:var(--ap-text)} html[data-theme="dark"] .purchase-destination__option{color:var(--ap-text)} html[data-theme="dark"] .purchase-dialog__status{color:var(--ap-text)} html[data-theme="dark"] .purchase-dialog__status--error{color:var(--ap-text)} html[data-theme="dark"] .purchase-option__check{border:1.5px solid var(--ap-line)} html[data-theme="dark"] .purchase-product--food .purchase-product__button{background:var(--ap-surface-3);color:var(--ap-text)} html[data-theme="dark"] .purchase-product__button:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .purchase-dialog__restore{color:var(--ap-text)} html[data-theme="dark"] .purchase-dialog__restore:focus-visible{outline:2px solid var(--ap-focus)} html[data-theme="dark"] #page-home .home-companion__progress{background:rgba(255,255,255,0.2)} html[data-theme="dark"] #page-home .home-companion__progress i{background:linear-gradient(90deg,var(--ap-surface-3),#7effd9)} html[data-theme="dark"] .home-list-sheet__primary:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .home-list-chooser-item:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .home-tip-board-banner::after{background:var(--ap-surface-2)} html[data-theme="dark"] .home-tip-board-banner__name{color:var(--ap-text)} html[data-theme="dark"] .home-tip-board-row::after{background:var(--ap-surface-2)} html[data-theme="dark"] .home-tip-board-row:nth-child(even)::after{background:var(--ap-surface-3)} html[data-theme="dark"] .home-tip-board-row__name{color:var(--ap-text)} html[data-theme="dark"] .home-tip-board-row__location{color:var(--ap-text)} html[data-theme="dark"] .home-tip-board-wait--very-high .home-tip-board-row__value{color:var(--ap-text)} html[data-theme="dark"] #page-home .home-greeting h1{color:var(--ap-text)} /* ---- from css/home-park-pass.css ---- */ html[data-theme="dark"] .park-pass-hero__cta{border:1px solid var(--ap-line)} html[data-theme="dark"] .park-pass-action--primary{border-color:var(--ap-line)} html[data-theme="dark"] .park-pass-buy{border:1px solid var(--ap-line)} /* ---- from css/home-story-starts.css ---- */ html[data-theme="dark"] #page-home .home-story-starts__toggle:hover{border-color:var(--ap-line)} /* ---- from css/account.css ---- */ html[data-theme="dark"] .jiminy-auth-signed-in-panel{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-state-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .account-state-card h3{color:var(--ap-text)} html[data-theme="dark"] .account-state-card p{color:var(--ap-text)} html[data-theme="dark"] .jiminy-form-field input,html[data-theme="dark"] .jiminy-form-field textarea,html[data-theme="dark"] .jiminy-form-field select{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-pill.public{background:var(--ap-surface-2);color:var(--ap-text);border-color:var(--ap-line)} html[data-theme="dark"] .account-pill.private{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .library-item-card{background:var(--ap-surface)} html[data-theme="dark"] .library-item-card h4{color:var(--ap-text)} html[data-theme="dark"] .guest-sync-banner-v255{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 54%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .guest-sync-banner-v255 b{color:var(--ap-text)} html[data-theme="dark"] .guest-sync-banner-v255 span{color:var(--ap-text)} html[data-theme="dark"] body.jiminy-signed-in .guest-sync-banner-v255{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 54%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .account-item-card-v369{background:var(--ap-surface)} html[data-theme="dark"] .account-item-icon-v369{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-item-card-v369 b{color:var(--ap-text)} html[data-theme="dark"] .account-item-pill-v369{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-item-pill-v369.gold{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-empty-v369{background:var(--ap-surface)} html[data-theme="dark"] .account-v430-card{background:var(--ap-surface)} html[data-theme="dark"] .account-v430-icon{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-v430-info b{color:var(--ap-text)} html[data-theme="dark"] .account-v430-badge{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-v430-badge.gold{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-v430-badge.green{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-v430-empty{background:var(--ap-surface)} html[data-theme="dark"] .account-v430-toolbar button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-hero-v367{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 48%,var(--ap-surface) 100%)} html[data-theme="dark"] .account-hero-v367 h3,html[data-theme="dark"] .account-panel-title-v367 h3{color:var(--ap-text)} html[data-theme="dark"] .account-quick-card-v367,html[data-theme="dark"] .account-list-card-v367{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-quick-card-v367:hover,html[data-theme="dark"] .account-list-card-v367:hover{background:var(--ap-surface)} html[data-theme="dark"] .account-quick-card-v367 b,html[data-theme="dark"] .account-list-card-v367 b{color:var(--ap-text)} html[data-theme="dark"] .account-empty-v367{background:var(--ap-surface)} html[data-theme="dark"] .account-stories-v370-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 54%,var(--ap-surface) 100%)} html[data-theme="dark"] .account-stories-v370-head h3{color:var(--ap-text)} html[data-theme="dark"] .account-trip-card-v370{background:var(--ap-surface)} html[data-theme="dark"] .account-trip-card-v370:hover{background:var(--ap-surface)} html[data-theme="dark"] .account-trip-card-v370 b{color:var(--ap-text)} html[data-theme="dark"] .account-trip-pill-v370{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-route-card-v382{background:var(--ap-surface)} html[data-theme="dark"] .account-route-card-v382 h4{color:var(--ap-text)} html[data-theme="dark"] .account-route-stop-v382{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-builder-v387{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .account-builder-v387 h3{color:var(--ap-text)} html[data-theme="dark"] .account-v387-accordion{background:var(--ap-surface)} html[data-theme="dark"] .account-v387-accordion-toggle{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%);color:var(--ap-text)} html[data-theme="dark"] .account-v387-field select,html[data-theme="dark"] .account-v387-field input{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-v387-status{background:rgba(var(--ap-surface-rgb),0.76)} html[data-theme="dark"] #accountMustDoListV369 .account-item-card-v391,html[data-theme="dark"] #accountFavoritesListV369 .account-item-card-v391{background:var(--ap-surface)} html[data-theme="dark"] .account-item-card-v391 .account-item-icon-v391{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-item-card-v391 b{color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v391{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-clear-cache-v392{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-builder-v393{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .account-builder-v393 h3{color:var(--ap-text)} html[data-theme="dark"] .account-accordion-v393{background:var(--ap-surface)} html[data-theme="dark"] .account-accordion-toggle-v393{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%);color:var(--ap-text)} html[data-theme="dark"] .account-field-v393 select,html[data-theme="dark"] .account-field-v393 input{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-status-v393{background:rgba(var(--ap-surface-rgb),0.76)} html[data-theme="dark"] .account-clear-v393{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v393{background:var(--ap-surface)} html[data-theme="dark"] .account-card-icon-v393{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v393 b{color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v393{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-empty-v393{background:var(--ap-surface)} html[data-theme="dark"] .account-clear-v394{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v394{background:var(--ap-surface)} html[data-theme="dark"] .account-card-icon-v394{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v394 b{color:var(--ap-text)} html[data-theme="dark"] .account-badge-v394{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-empty-v394{background:var(--ap-surface)} html[data-theme="dark"] .account-review-body-v394{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #accountMustDoListV393 .account-card-v397,html[data-theme="dark"] #accountFavoritesListV393 .account-card-v397{background:var(--ap-surface)} html[data-theme="dark"] .account-card-icon-v397{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v397 b{color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v397{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #accountMustDoListV393 .account-card-v403,html[data-theme="dark"] #accountFavoritesListV393 .account-card-v403{background:var(--ap-surface)} html[data-theme="dark"] .account-card-icon-v403{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-v403 b{color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v403{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #accountMustDoListV393 .account-card-badge-rated-v405,html[data-theme="dark"] #accountFavoritesListV393 .account-card-badge-rated-v405,html[data-theme="dark"] #accountMustDoListV393 .account-card-badge-reviewed-v405,html[data-theme="dark"] #accountFavoritesListV393 .account-card-badge-reviewed-v405{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #accountMustDoListV393 .account-card-badge-rated-v409,html[data-theme="dark"] #accountFavoritesListV393 .account-card-badge-rated-v409,html[data-theme="dark"] #accountMustDoListV393 .account-card-badge-reviewed-v409,html[data-theme="dark"] #accountFavoritesListV393 .account-card-badge-reviewed-v409{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #accountMustDoListV393 .account-card-v410,html[data-theme="dark"] #accountFavoritesListV393 .account-card-v410{background:var(--ap-surface)} html[data-theme="dark"] .account-card-icon-v410{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-main-v410 b{color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v410{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-card-badge-v410.blue{background:var(--ap-surface-2);color:var(--ap-text);border-color:var(--ap-line)} html[data-theme="dark"] #accountMustDoListV393 .account-card-v410 .account-card-badge-v410,html[data-theme="dark"] #accountFavoritesListV393 .account-card-v410 .account-card-badge-v410{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #accountMustDoListV393 .account-card-complete-v414{background:var(--ap-surface)} html[data-theme="dark"] #accountMustDoListV393 .account-card-complete-v414.is-complete{background:var(--ap-surface-2)} html[data-theme="dark"] .acc-hub-card{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .acc-hub-card b{color:var(--ap-text)} html[data-theme="dark"] .acc-back-btn{color:var(--ap-text)} html[data-theme="dark"] .acc-clear-btn:hover{color:var(--ap-text)} html[data-theme="dark"] .acc-card{background:var(--ap-surface)} html[data-theme="dark"] .acc-card-icon{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .acc-card-info b{color:var(--ap-text)} html[data-theme="dark"] .acc-badge{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .acc-badge.gold{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .acc-badge.green{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .acc-story-create input{color:var(--ap-text);background:var(--ap-surface)} html[data-theme="dark"] .acc-trip-card{background:var(--ap-surface)} html[data-theme="dark"] .acc-trip-info b{color:var(--ap-text)} html[data-theme="dark"] .acc-route-card{background:var(--ap-surface)} html[data-theme="dark"] .acc-settings-item{background:var(--ap-surface)} html[data-theme="dark"] .acc-settings-item b{color:var(--ap-text)} html[data-theme="dark"] .acc-rating-dialog{background:var(--ap-surface)} html[data-theme="dark"] .acc-rating-head h3{color:var(--ap-text)} html[data-theme="dark"] .acc-rating-question b{color:var(--ap-text)} html[data-theme="dark"] .story-select-dialog-v430{background:var(--ap-surface)} html[data-theme="dark"] .story-select-dialog-v430 h3{color:var(--ap-text)} html[data-theme="dark"] .story-select-option-v430{background:var(--ap-surface)} html[data-theme="dark"] .story-select-option-v430:hover{background:var(--ap-surface-2)} html[data-theme="dark"] .story-select-option-v430 span{color:var(--ap-text)} html[data-theme="dark"] .account-dashboard-page{--jiminy-cream:var(--ap-surface-2);--jiminy-paper:var(--ap-surface);--jiminy-text:var(--ap-text);--jiminy-muted:var(--muted, var(--ap-text))} html[data-theme="dark"] .account-dashboard-page .account-page-intro h2{color:var(--ap-text)} html[data-theme="dark"] .account-page-intro__greeting{color:var(--ap-text)} html[data-theme="dark"] .account-section-card{border:1px solid var(--ap-line)} html[data-theme="dark"] .account-stories-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)} html[data-theme="dark"] .account-story-tile{background:var(--ap-surface);border:1px solid var(--ap-line);color:var(--ap-text)} html[data-theme="dark"] .account-story-tile__art{background:linear-gradient(135deg, var(--jiminy-cream) 0%, var(--ap-surface) 100%)} html[data-theme="dark"] .account-story-tile__name{color:var(--ap-text)} html[data-theme="dark"] .account-story-tile--add .account-story-tile__name{color:var(--ap-text)} html[data-theme="dark"] .account-stories-empty b{color:var(--ap-text)} html[data-theme="dark"] .account-content-link{color:var(--ap-text)} html[data-theme="dark"] .account-content-link span:last-child{color:var(--ap-text)} html[data-theme="dark"] .account-passport-button--view{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .account-passport-button--edit{background:var(--ap-surface)} html[data-theme="dark"] .account-settings-link{color:var(--ap-text)} html[data-theme="dark"] .account-settings-link__icon{border:1px solid var(--ap-line);color:var(--ap-text)} html[data-theme="dark"] .account-settings-link__text{color:var(--ap-text)} html[data-theme="dark"] .account-upgrade-dialog{background:var(--ap-surface)} html[data-theme="dark"] .account-upgrade-head h3{color:var(--ap-text)} html[data-theme="dark"] .account-upgrade-current strong{color:var(--ap-text)} html[data-theme="dark"] .account-upgrade-tier{border:1px solid var(--ap-line)} html[data-theme="dark"] .account-upgrade-tier b{color:var(--ap-text)} html[data-theme="dark"] .account-upgrade-tier--featured{background:var(--ap-surface)} html[data-theme="dark"] .pin-digitizer-card{background:rgba(var(--ap-surface-rgb),0.7);border:1px solid var(--ap-line)} html[data-theme="dark"] .pin-digitizer-right{background:rgba(var(--ap-surface-rgb),0.6)} html[data-theme="dark"] .pin-digitizer-right h4{color:var(--ap-text)} html[data-theme="dark"] .pin-digitizer-step-icon{background:var(--ap-surface)} html[data-theme="dark"] .pin-digitizer-step b{color:var(--ap-text)} html[data-theme="dark"] .pin-digitizer-note{border-top:1px solid var(--ap-line)} html[data-theme="dark"] .pin-collection-head h3{color:var(--ap-text)} html[data-theme="dark"] .pin-card{background:rgba(var(--ap-surface-rgb),0.75);border:1px solid var(--ap-line)} html[data-theme="dark"] .pin-card-art{background:linear-gradient(135deg, var(--ap-surface) 0%, var(--ap-surface-2) 100%)} html[data-theme="dark"] .pin-card-name{color:var(--ap-text)} html[data-theme="dark"] .pin-card-action-btn{color:var(--ap-text)} html[data-theme="dark"] .pin-card-action-btn:hover{background:rgba(255,255,255,0.072)} html[data-theme="dark"] .pin-collection-empty h4{color:var(--ap-text)} html[data-theme="dark"] .pin-upload-dialog{background:var(--ap-surface)} html[data-theme="dark"] .pin-upload-head h3{color:var(--ap-text)} html[data-theme="dark"] .pin-upload-dropzone b{color:var(--ap-text)} html[data-theme="dark"] .pin-upload-step h4{color:var(--ap-text)} html[data-theme="dark"] .pin-processing-list li::before{border:2px solid var(--ap-line)} html[data-theme="dark"] .pin-processing-list li.is-done{color:var(--ap-text)} html[data-theme="dark"] .pin-processing-done{color:var(--ap-text)} html[data-theme="dark"] .pin-review-fields label{color:var(--ap-text)} html[data-theme="dark"] .pin-review-fields input[type="text"],html[data-theme="dark"] .pin-review-fields textarea{color:var(--ap-text)} html[data-theme="dark"] .pin-review-visibility legend{color:var(--ap-text)} html[data-theme="dark"] .pin-action-sheet-dialog{background:var(--ap-surface)} html[data-theme="dark"] .pin-action-item{color:var(--ap-text)} html[data-theme="dark"] .pin-action-item:hover{background:rgba(255,255,255,0.072)} html[data-theme="dark"] .pin-action-item--danger{color:var(--ap-text)} html[data-theme="dark"] .pin-view-dialog{background:var(--ap-surface)} html[data-theme="dark"] .pin-view-dialog h3{color:var(--ap-text)} html[data-theme="dark"] .pin-view-notes{color:var(--ap-text)} html[data-theme="dark"] .account-merch-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)} html[data-theme="dark"] .account-merch-tile{background:var(--ap-surface);border:1px solid var(--ap-line);color:var(--ap-text)} html[data-theme="dark"] .account-merch-tile__art{background:linear-gradient(135deg, var(--jiminy-cream, var(--ap-surface-2)) 0%, var(--ap-surface) 100%)} html[data-theme="dark"] .account-merch-tile__name{color:var(--ap-text)} html[data-theme="dark"] .account-merch-tile__price{color:var(--jiminy-muted, var(--ap-text))} html[data-theme="dark"] .account-merch-empty{color:var(--jiminy-muted, var(--ap-text))} html[data-theme="dark"] .account-merch-empty b{color:var(--ap-text)} html[data-theme="dark"] .account-merch-note{color:var(--jiminy-muted, var(--ap-text))} html[data-theme="dark"] .account-data-sources__heading h3{color:var(--ap-text)} html[data-theme="dark"] .account-data-source-row{background:var(--ap-surface)} html[data-theme="dark"] .account-data-source-row strong{color:var(--ap-text)} html[data-theme="dark"] .account-data-source-row a{color:var(--ap-text)} /* ---- from css/hub.css ---- */ html[data-theme="dark"] .hub-title{color:var(--ap-text)} html[data-theme="dark"] .hub-pulse-avatar{border:2px solid var(--ap-line)} html[data-theme="dark"] .hub-pulse-dot{background:var(--ap-surface-3)} html[data-theme="dark"] .hub-search-bar{background:var(--ap-surface);border:1.5px solid var(--ap-line)} html[data-theme="dark"] .hub-search-input{color:var(--ap-text)} html[data-theme="dark"] .hub-section-title{color:var(--ap-text)} html[data-theme="dark"] .hub-explorer-card{background:rgba(var(--ap-surface-rgb),0.94);border:1px solid var(--ap-line)} html[data-theme="dark"] .hub-explorer-name{color:var(--ap-text)} html[data-theme="dark"] .hub-explorer-handle{color:var(--ap-text)} html[data-theme="dark"] .hub-explorer-stats span{color:var(--ap-text)} html[data-theme="dark"] .hub-trend-play{background:rgba(var(--ap-surface-rgb),0.92);color:var(--ap-text)} html[data-theme="dark"] .hub-trend-avatar{border:1.5px solid var(--ap-line)} /* ---- from css/hey-jiminy.css ---- */ html[data-theme="dark"].hey2-companion-embed .hey2-conversation:empty::before{background:linear-gradient(180deg,rgba(var(--ap-surface-rgb),0.96),rgba(139,202,237,.94));color:var(--ap-text)} html[data-theme="dark"] .hey2{--hey2-glass:rgba(var(--ap-surface-rgb),0.62);--hey2-glass-strong:rgba(var(--ap-surface-rgb),0.82);--hey2-glass-border:var(--ap-line)} html[data-theme="dark"] .hey2-log-btn:hover{background:rgba(var(--ap-surface-rgb),0.8)} html[data-theme="dark"] .hey2-spinner{border:2.5px solid var(--ap-line)} html[data-theme="dark"] .hey2-panel p{color:var(--ap-text)} html[data-theme="dark"] .hey2-panel__eyebrow{color:var(--ap-text)} html[data-theme="dark"] .hey2-panel__list li{color:var(--ap-text)} html[data-theme="dark"] .hey2-upnext-preview{background:rgba(255,255,255,0.042);border:1px solid var(--ap-line)} html[data-theme="dark"] .hey2-upnext-preview__body{color:var(--ap-text)} html[data-theme="dark"] .hey2-turn__link{color:var(--ap-text)} html[data-theme="dark"] .hey2-turn__action{background:linear-gradient(180deg, rgba(var(--ap-surface-rgb),0.96), rgba(var(--ap-surface-rgb),0.92));color:var(--ap-text)} html[data-theme="dark"] .hey2-turn__action:hover:not(:disabled){background:linear-gradient(180deg, var(--ap-surface), var(--ap-surface-3))} html[data-theme="dark"] .hey2-turn__action:disabled{border-color:var(--ap-line);background:rgba(var(--ap-surface-rgb),0.72);color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card{background:linear-gradient(160deg, rgba(var(--ap-surface-rgb),0.9) 0%, rgba(var(--ap-surface-rgb),0.72) 100%);border:1px solid var(--ap-line)} html[data-theme="dark"] .hey2-living-card__title{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card__stat{background:rgba(255,255,255,0.054);border:1px solid var(--ap-line)} html[data-theme="dark"] .hey2-living-card__stat strong{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card__opportunity{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card__freshness--stale{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card__why-title{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card__why li{color:var(--ap-text)} html[data-theme="dark"] .hey2-btn--outline{background:rgba(var(--ap-surface-rgb),0.55);color:var(--ap-text);border:1.5px solid var(--ap-line)} html[data-theme="dark"] .hey2-living-card--exploring{background:linear-gradient(160deg, rgba(7,31,65,.05) 0%, rgba(var(--ap-surface-rgb),0.86) 45%)} html[data-theme="dark"] .hey2-living-card__eta{color:var(--ap-text)} html[data-theme="dark"] .hey2-living-card--complete{background:linear-gradient(160deg, rgba(244,184,37,.08) 0%, rgba(var(--ap-surface-rgb),0.9) 55%)} html[data-theme="dark"] .hey2-living-card__progress{background:rgba(255,255,255,0.084)} html[data-theme="dark"] .hey2-living-card__watching{color:var(--ap-text)} html[data-theme="dark"] .hey2-watch-panel{background:rgba(var(--ap-surface-rgb),0.62)} html[data-theme="dark"] .hey2-watch-panel__heading{color:var(--ap-text)} html[data-theme="dark"] .hey2-watch-item{background:rgba(var(--ap-surface-rgb),0.72);border:1px solid var(--ap-line)} html[data-theme="dark"] .hey2-watch-item strong{color:var(--ap-text)} html[data-theme="dark"] .hey2-upnext-card__title{color:var(--ap-text)} html[data-theme="dark"] .hey2-upnext-card__reason{color:var(--ap-text)} html[data-theme="dark"] .hey2-upnext-card__cta:not(:disabled){background:linear-gradient(180deg, var(--ap-surface-2), var(--ap-surface-3));color:var(--ap-text)} html[data-theme="dark"] .hey2-upnext-card__cta:not(:disabled):hover{background:linear-gradient(180deg, var(--ap-surface-2), var(--ap-surface-3))} html[data-theme="dark"] .hey2-upnext-card__cta:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .hey2-ondeck-toggle{background:rgba(255,255,255,0.048);color:var(--ap-text)} html[data-theme="dark"] .hey2-ondeck-card h4{color:var(--ap-text)} html[data-theme="dark"] .hey2-composer__row input{background:rgba(var(--ap-surface-rgb),0.96);color:var(--ap-text)} html[data-theme="dark"] .hey2-composer__row input::placeholder{color:var(--ap-text)} html[data-theme="dark"] .hey2-composer__row .hey2-btn--primary{background:linear-gradient(180deg, var(--ap-surface-3), var(--ap-surface-3));border:1px solid var(--ap-line);color:var(--ap-text)} html[data-theme="dark"] .hey2-composer__context-row select{background:rgba(var(--ap-surface-rgb),0.94);color:var(--ap-text)} html[data-theme="dark"] .hey2-log-scrim{background:rgba(255,255,255,0.2)} html[data-theme="dark"] .hey2-log-drawer{background:var(--ap-surface)} html[data-theme="dark"] .hey2-log-drawer__head h2{color:var(--ap-text)} html[data-theme="dark"] .hey2-log-drawer__close{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .hey2-log-ambient__icon{background:var(--ap-surface)} html[data-theme="dark"] .hey2-log-ambient__body{color:var(--ap-text)} html[data-theme="dark"] .hey2-log-ambient__body strong{color:var(--ap-text)} html[data-theme="dark"] .hey2-log-decision__body{background:rgba(255,255,255,0.048)} html[data-theme="dark"] .hey2-log-decision__title{color:var(--ap-text)} /* ---- from css/book-your-trip.css ---- */ html[data-theme="dark"] .byt-back-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .byt-header-text h1{color:var(--ap-text)} html[data-theme="dark"] .byt-trusted-badge{color:var(--ap-text)} html[data-theme="dark"] .byt-trusted-badge svg{color:var(--ap-link)} html[data-theme="dark"] .byt-trusted-badge strong{color:var(--ap-link)} html[data-theme="dark"] .byt-card,html[data-theme="dark"] .byt-section-card,html[data-theme="dark"] .byt-cta-card{background:var(--ap-surface)} html[data-theme="dark"] .byt-trip-icon{border:1.5px solid var(--ap-line);background:rgba(255,255,255,0.048);color:var(--ap-text)} html[data-theme="dark"] .byt-destination-name{color:var(--ap-text)} html[data-theme="dark"] .byt-edit-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .byt-section-head h3{color:var(--ap-text)} html[data-theme="dark"] .byt-section-icon--summary{background:rgba(255,255,255,0.096);color:var(--ap-text)} html[data-theme="dark"] .byt-option-info b{color:var(--ap-text)} html[data-theme="dark"] .byt-change-btn{color:var(--ap-text)} html[data-theme="dark"] .byt-addon-info b{color:var(--ap-text)} html[data-theme="dark"] .byt-toggle span{background:var(--ap-surface-3)} html[data-theme="dark"] .byt-toggle span::before{background:var(--ap-surface)} html[data-theme="dark"] .byt-summary-total span:first-child{color:var(--ap-text)} html[data-theme="dark"] .byt-summary-total-val{color:var(--ap-text)} html[data-theme="dark"] .byt-cta-partner-text b{color:var(--ap-text)} html[data-theme="dark"] .byt-cta-body p b{color:var(--ap-text)} html[data-theme="dark"] .byt-trust-item b{color:var(--ap-text)} /* ---- from css/creator.css ---- */ html[data-theme="dark"] .rec-card,html[data-theme="dark"] .creator-link-card{background:var(--ap-surface)} html[data-theme="dark"] .rec-card h3,html[data-theme="dark"] .creator-link-card h3{color:var(--ap-text)} @media(max-width:760px){ html[data-theme="dark"] .rec-card,html[data-theme="dark"] .creator-link-card{background:var(--ap-surface)} html[data-theme="dark"] .rec-card h3,html[data-theme="dark"] .creator-link-card h3{color:var(--ap-text)} } html[data-theme="dark"] .creator-profile-preview{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 48%,var(--ap-surface) 100%)} html[data-theme="dark"] .creator-profile-head h3{color:var(--ap-text)} html[data-theme="dark"] .creator-share-item{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-search-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 48%,var(--ap-surface) 100%)} html[data-theme="dark"] .creator-search-result{background:var(--ap-surface)} html[data-theme="dark"] .creator-v232-public{background:var(--ap-surface)} html[data-theme="dark"] .creator-v232-avatar{border:4px solid var(--ap-line)} html[data-theme="dark"] .creator-v232-name-row h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v232-bio{color:var(--ap-text)} html[data-theme="dark"] .creator-v232-stat b{color:var(--ap-text)} html[data-theme="dark"] .creator-v232-grid-tab{color:var(--ap-text)} html[data-theme="dark"] .creator-v232-photo-tile{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2));color:var(--ap-text)} html[data-theme="dark"] .creator-v232-owner{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .creator-v232-owner-head h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v232-content-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v232-content-card b{color:var(--ap-text)} html[data-theme="dark"] .creator-v318-stat-button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v318-stat-button b{color:var(--ap-text)} html[data-theme="dark"] .creator-v318-detail-head h2{color:var(--ap-text)} html[data-theme="dark"] .creator-v318-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v318-card h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v318-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v318-pill.gold{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v318-pill.heart{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .creator-v318-rating-box{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v318-empty{background:rgba(var(--ap-surface-rgb),0.78)} html[data-theme="dark"] .my-creator-page-card-v366{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface-2) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .my-creator-page-card-v366 h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-public{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-avatar{border:4px solid var(--ap-line)} html[data-theme="dark"] .creator-v415-name-row h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-bio{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-stat b{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-grid-title{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-photo-tile{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .creator-v415-like{border:1px solid var(--ap-line)} html[data-theme="dark"] .creator-v415-photo-empty{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-owner{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .creator-v415-owner-head h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-upload-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-upload-card h4{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-image-row{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-image-row b{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-row-actions button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v415-row-actions .danger{background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-line)} html[data-theme="dark"] .creator-v415-dialog-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-dialog-card img{background:var(--ap-surface)} html[data-theme="dark"] .creator-v415-dialog-card h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-dialog-card p{color:var(--ap-text)} html[data-theme="dark"] .creator-v415-dialog-close{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v416-stat-button:hover{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v416-stat-button b{color:var(--ap-text)} html[data-theme="dark"] .creator-v416-dialog-item{background:var(--ap-surface)} html[data-theme="dark"] .creator-v416-dialog-icon{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v416-dialog-item b{color:var(--ap-text)} html[data-theme="dark"] .creator-v416-dialog-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v416-dialog-empty{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v417-public,html[data-theme="dark"] #page-creator .creator-v417-owner{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v417-avatar{border:4px solid var(--ap-line)} html[data-theme="dark"] #page-creator .creator-v417-name-row h3{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v417-bio{color:var(--ap-text)} html[data-theme="dark"] #page-creator button.creator-v417-stat:hover{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v417-stat b{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v417-grid-title{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v417-photo-tile{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v417-like{border:1px solid var(--ap-line)} html[data-theme="dark"] .creator-v417-like.liked{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v417-photo-empty{background:var(--ap-surface)} html[data-theme="dark"] .creator-v417-owner-head h3{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v417-upload-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .creator-v417-upload-card h4{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-manager-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v417-manager-card b{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-manager-actions button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v417-manager-actions button.delete{color:var(--ap-text);background:var(--ap-surface);border-color:var(--ap-line)} html[data-theme="dark"] .creator-v417-dialog-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v417-dialog-close{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-card img{background:var(--ap-surface)} html[data-theme="dark"] .creator-v417-dialog-card h3{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-card p{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-item{background:var(--ap-surface)} html[data-theme="dark"] .creator-v417-dialog-icon{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-item b{color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v417-dialog-empty{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-public,html[data-theme="dark"] #page-creator .creator-v422-owner{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-avatar{border:4px solid var(--ap-line)} html[data-theme="dark"] #page-creator .creator-v422-name-row h3{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-bio{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-stat{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-stat b{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-grid-title{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-photo-tile{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] #page-creator .creator-v422-like{background:rgba(var(--ap-surface-rgb),0.92);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-like.liked{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-photo-empty{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-owner-head h3{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-upload-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] #page-creator .creator-v422-upload-card h4{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-social-section{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] #page-creator .creator-v422-social-section h4{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-youtube-card{background:var(--ap-surface)} html[data-theme="dark"] .creator-v422-youtube-info b{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-youtube-empty{background:var(--ap-surface)} html[data-theme="dark"] .creator-v422-youtube-manager-row{background:var(--ap-surface)} html[data-theme="dark"] .creator-v422-youtube-manager-row b{color:var(--ap-text)} html[data-theme="dark"] .creator-v422-youtube-actions button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .creator-v422-youtube-actions button.delete{background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-line)} html[data-theme="dark"] #page-creator .creator-v422-manager-card{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-manager-card b{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-manager-actions button{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-manager-actions button.delete{background:var(--ap-surface);color:var(--ap-text);border-color:var(--ap-line)} html[data-theme="dark"] #page-creator .creator-v422-dialog-card{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-dialog-close{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-card img{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-dialog-card h3{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-card p{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-item{background:var(--ap-surface)} html[data-theme="dark"] #page-creator .creator-v422-dialog-icon{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-item b{color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-creator .creator-v422-dialog-empty{background:var(--ap-surface)} /* ---- from css/go.css ---- */ html[data-theme="dark"] #page-go .go-page-intro h1{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-card__header h2{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-btn--ghost{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-btn--ghost:hover{background:rgba(255,255,255,0.072)} html[data-theme="dark"] #page-go .go-destination-context__value{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-credit-bank__item-name{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-use-btn__label{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-use-btn.is-active .go-use-btn__status{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-advisor-panel--ride .go-card__eyebrow{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-advisor-panel--food .go-card__eyebrow{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-import__tab{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-import-item__name{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-import-item__btn{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-question label,html[data-theme="dark"] #page-go .go-question__label{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-question select,html[data-theme="dark"] #page-go .go-question input[type="text"]{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-choice{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-questionnaire__status{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-live__toggle{color:var(--ap-text)} html[data-theme="dark"] #page-go .go-live__toggle[aria-pressed="true"] .go-live__dot{background:var(--ap-surface)} html[data-theme="dark"] #page-go .go-live__log-text{color:var(--ap-text)} /* ---- from css/story.css ---- */ html[data-theme="dark"] .story-login{background:rgba(var(--ap-surface-rgb),0.92)} html[data-theme="dark"] .story-login h3{color:var(--ap-text)} html[data-theme="dark"] .story-field input{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-create-panel{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 46%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .story-create-panel h3{color:var(--ap-text)} html[data-theme="dark"] .story-create-panel p{color:var(--ap-text)} html[data-theme="dark"] .story-type-card{background:var(--ap-surface)} html[data-theme="dark"] .story-type-icon{background:linear-gradient(135deg,var(--ap-surface-2),var(--ap-surface-2))} html[data-theme="dark"] .story-type-card h4{color:var(--ap-text)} html[data-theme="dark"] .story-action{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v259-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v259-card h4{color:var(--ap-text)} html[data-theme="dark"] .story-v259-add-row input{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v259-link{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v260-action{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v260-action.delete{color:var(--ap-text);background:var(--ap-surface);border-color:var(--ap-line)} html[data-theme="dark"] .story-v259-page-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .story-v259-day-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v259-day-card h4{color:var(--ap-text)} html[data-theme="dark"] .story-v259-day-card ul{color:var(--ap-text)} html[data-theme="dark"] .story-v261-toolbar{background:var(--ap-surface)} html[data-theme="dark"] .story-v261-day-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v261-day-head h4{color:var(--ap-text)} html[data-theme="dark"] .story-v261-item{background:var(--ap-surface)} html[data-theme="dark"] .story-v261-item b{color:var(--ap-text)} html[data-theme="dark"] .story-v261-form{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .story-v261-form h4{color:var(--ap-text)} html[data-theme="dark"] .story-v261-field input,html[data-theme="dark"] .story-v261-field select{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v276-route-card .list-v221-route-metric{background:var(--ap-surface)} html[data-theme="dark"] .story-v276-route-card .list-v221-route-metric b{color:var(--ap-text)} html[data-theme="dark"] .story-v276-route-card .list-v236-js-map{background:var(--ap-surface-2)} html[data-theme="dark"] .story-v276-route-card .list-v221-stop-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v276-route-card .list-v221-stop-card b{color:var(--ap-text)} html[data-theme="dark"] .story-v262-custom-cascade-form .list-v218-accordion{background:var(--ap-surface) !important} html[data-theme="dark"] .story-v262-custom-cascade-form .list-v218-accordion-toggle{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%) !important;color:var(--ap-text) !important} html[data-theme="dark"] .story-v266-subnav{background:rgba(var(--ap-surface-rgb),0.88)} html[data-theme="dark"] .story-v266-tab{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v266-placeholder{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .story-v266-placeholder h4{color:var(--ap-text)} html[data-theme="dark"] #page-story-page .story-v376-builder{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] #page-story-page .story-v376-builder-head h3{color:var(--ap-text)} html[data-theme="dark"] #page-story-page .story-v376-builder .list-v218-accordion{background:var(--ap-surface)} html[data-theme="dark"] #page-story-page .story-v376-builder .list-v218-accordion-toggle{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%);color:var(--ap-text)} html[data-theme="dark"] #page-story-page .story-v376-builder .list-v218-accordion-panel{background:var(--ap-surface)} html[data-theme="dark"] .story-v379-move-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-select-option-v430{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v430-section{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .story-v430-section h4{color:var(--ap-text)} html[data-theme="dark"] .story-v430-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v261-day-card.story-v267-plan-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v267-day-title h3{color:var(--ap-text)} html[data-theme="dark"] .story-v267-count-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v267-collapse-btn:hover{color:var(--ap-text)} html[data-theme="dark"] .story-v267-body .story-v261-item{background:var(--ap-surface)} html[data-theme="dark"] .story-v267-body .story-v261-item b{color:var(--ap-text)} html[data-theme="dark"] .story-v267-move-btn,html[data-theme="dark"] .story-v267-remove-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v267-map-status{background:var(--ap-surface)} html[data-theme="dark"] .story-v275-rename-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v278-route-day-select{background:var(--ap-surface)} html[data-theme="dark"] .story-v278-route-card .list-v221-route-metric{background:var(--ap-surface)} html[data-theme="dark"] .story-v278-route-card .list-v221-route-metric b{color:var(--ap-text)} html[data-theme="dark"] .story-v278-route-card .list-v236-js-map{background:var(--ap-surface-2)} html[data-theme="dark"] .story-v278-route-card .list-v221-stop-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v278-route-card .list-v221-stop-card b{color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-select{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-card .list-v221-route-metric{background:var(--ap-surface)} html[data-theme="dark"] .story-v281-route-card .list-v221-route-metric b{color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-card .list-v235-map-box{background:var(--ap-surface)} html[data-theme="dark"] .story-v281-route-card .list-v239-map-head{background:var(--ap-surface)} html[data-theme="dark"] .story-v281-route-card .list-v239-map-head span{color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-card .list-v235-full-map-link{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-card .list-v221-walk-preview{background:var(--ap-surface-2)} html[data-theme="dark"] .story-v281-route-card .list-v236-js-map{background:var(--ap-surface-2)} html[data-theme="dark"] .story-v281-route-card .list-v235-map-touch-note{background:var(--ap-surface)} html[data-theme="dark"] .story-v281-route-card .list-v235-map-touch-note b{color:var(--ap-text)} html[data-theme="dark"] .story-v281-route-card .list-v221-stop-card{background:var(--ap-surface)} html[data-theme="dark"] .story-v281-route-card .list-v221-stop-card b{color:var(--ap-text)} html[data-theme="dark"] .story-v312-mustdo{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%) !important} html[data-theme="dark"] .story-v312-mustdo .story-v261-item-dot{background:var(--ap-surface) !important} html[data-theme="dark"] .story-v312-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v312-head{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 48%,var(--ap-surface-2) 100%)} html[data-theme="dark"] .story-v312-head h4{color:var(--ap-text)} html[data-theme="dark"] .story-v312-checkitem{background:var(--ap-surface)} html[data-theme="dark"] .story-v312-checkitem.completed{background:var(--ap-surface)} html[data-theme="dark"] .story-v312-checkitem b{color:var(--ap-text)} html[data-theme="dark"] .story-v312-day-badge{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v312-empty{background:var(--ap-surface)} html[data-theme="dark"] .story-v312-rating-pill,html[data-theme="dark"] .story-v312-review-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v312-rating-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v312-review-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v313-action-row .btn.secondary.is-saved{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-v314-rate-modal{background:var(--ap-surface)} html[data-theme="dark"] .story-v314-rate-modal h3{color:var(--ap-text)} html[data-theme="dark"] .story-v314-rating-row{background:var(--ap-surface)} html[data-theme="dark"] .story-v314-rating-row b{color:var(--ap-text)} html[data-theme="dark"] .story-v315-fav-btn.is-favorite{background:var(--ap-surface-2) !important;color:var(--ap-text) !important} html[data-theme="dark"] .story-v315-fav-pill{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .story-v315-jewel-pill{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #storyV266PanelMustdo .story-v316-favorite.is-favorite{background:var(--ap-surface-2) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelMustdo .story-v316-remove{color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelMustdo .story-v316-fav-pill{background:var(--ap-surface-2) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelMustdo .story-v316-jewel-pill{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-list-item{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-dot{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-list-item.is-mustdo .story-v324-dot{background:var(--ap-surface-2) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-main b{color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-day-badge{border:1px solid var(--ap-line) !important;background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-pill{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-pill.favorite{background:var(--ap-surface-2) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-pill.gold{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-favorite.is-favorite{background:var(--ap-surface-2) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v324-remove{color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-day-card{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-day-head h3{color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-day-count{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-item{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-item b{color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-move,html[data-theme="dark"] #storyV266PanelList .story-v348-remove{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-empty{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-collapse:hover{background:var(--ap-surface) !important} html[data-theme="dark"] #storyV266PanelList .story-v348-route-note{background:var(--ap-surface)} html[data-theme="dark"] .account-story-create-v370{background:rgba(var(--ap-surface-rgb),0.78)} html[data-theme="dark"] .account-story-empty-v370{background:var(--ap-surface)} html[data-theme="dark"] .jiminy-v371-story-option{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .jiminy-v371-story-option:hover{background:var(--ap-surface)} html[data-theme="dark"] .jiminy-v371-story-summary{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-page-v372-card{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%)} html[data-theme="dark"] .story-page-v372-head h3{color:var(--ap-text)} html[data-theme="dark"] .story-page-v372-day{background:var(--ap-surface)} html[data-theme="dark"] .story-page-v372-day h4{color:var(--ap-text)} html[data-theme="dark"] .story-page-v372-item{background:var(--ap-surface)} html[data-theme="dark"] .story-page-v372-item:hover{background:var(--ap-surface)} html[data-theme="dark"] .story-page-v372-item b{color:var(--ap-text)} html[data-theme="dark"] .story-page-v372-empty{background:var(--ap-surface)} html[data-theme="dark"] #page-story-page .story-v380-move-btn,html[data-theme="dark"] #page-story-page .story-v379-move-btn{background:var(--ap-surface) !important;color:var(--ap-text) !important} html[data-theme="dark"] #page-story-page .story-v382-add-route-btn{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%) !important;color:var(--ap-text) !important} html[data-theme="dark"] #page-story-page .story-v432-accordion{background:var(--ap-surface)} html[data-theme="dark"] #page-story-page .story-v432-accordion-toggle{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 52%,var(--ap-surface) 100%);color:var(--ap-text)} html[data-theme="dark"] #page-story-page .story-v432-accordion-count{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] #page-story-page .story-v432-chevron{background:var(--ap-surface)} html[data-theme="dark"] #page-story-page .story-v432-accordion-panel{background:var(--ap-surface)} html[data-theme="dark"] #page-story-page .story-page-v372-item.story-v433-moving{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%) !important} html[data-theme="dark"] #page-story-page .story-page-v372-item.story-v437-moving{background:var(--ap-surface) !important} html[data-theme="dark"] #page-story-page .story-v438-route-btn{background:linear-gradient(135deg,var(--ap-surface) 0%,var(--ap-surface) 100%) !important;color:var(--ap-text) !important} html[data-theme="dark"] #page-story-page .story-v438-moving{background:var(--ap-surface) !important} html[data-theme="dark"] #page-story-page .story-v439-moving,html[data-theme="dark"] #page-story-page .story-v348-item.story-v439-moving,html[data-theme="dark"] #page-story-page .story-page-v372-item.story-v439-moving{background:var(--ap-surface) !important} html[data-theme="dark"] .story-back-btn{color:var(--ap-text)} html[data-theme="dark"] .story-title{color:var(--ap-text)} html[data-theme="dark"] .story-no-story h3{color:var(--ap-text)} html[data-theme="dark"] .story-tab{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-tab:hover{background:var(--ap-surface-2)} html[data-theme="dark"] .story-builder-head h3{color:var(--ap-text)} html[data-theme="dark"] .story-list-head h3{color:var(--ap-text)} html[data-theme="dark"] .story-day-card{background:var(--ap-surface)} html[data-theme="dark"] .story-day-head h3{color:var(--ap-text)} html[data-theme="dark"] .story-item-card{background:var(--ap-surface)} html[data-theme="dark"] .story-item-icon{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .story-item-info b{color:var(--ap-text)} html[data-theme="dark"] .story-move-btn{background:var(--ap-surface);color:var(--ap-text)} html[data-theme="dark"] .story-icon-btn{background:var(--ap-surface)} html[data-theme="dark"] .story-pic-caption{background:var(--ap-surface)} /* ---- from css/discover.css ---- */ html[data-theme="dark"] .discover-hero{background:rgba(var(--ap-surface-rgb),0.94);border:1px solid var(--ap-line)} html[data-theme="dark"] .discover-title{color:var(--ap-text)} /* ---- from css/discover-disneyland.css ---- */ html[data-theme="dark"] .dl-back-link{color:var(--ap-text)} html[data-theme="dark"] .discover-card__body{background:rgba(var(--ap-surface-rgb),0.93)} html[data-theme="dark"] .ride-times-park-banner::after{background:var(--ap-surface-2)} html[data-theme="dark"] .ride-times-park-banner__name{color:var(--ap-text)} html[data-theme="dark"] .dl-text-action{color:var(--ap-text)} html[data-theme="dark"] .ride-times-toggle{color:var(--ap-text)} html[data-theme="dark"] .dl-btn--outline{color:var(--ap-text)} html[data-theme="dark"] .ride-times-pill{color:var(--ap-text)} html[data-theme="dark"] .ride-times-pill:hover{background:var(--ap-surface-2)} html[data-theme="dark"] .ride-times-popover{background:var(--ap-surface)} html[data-theme="dark"] .ride-times-popover__option{color:var(--ap-text)} html[data-theme="dark"] .ride-times-popover__land{color:var(--ap-text)} html[data-theme="dark"] .ride-times-popover__clear:hover{color:var(--ap-text)} html[data-theme="dark"] .ride-time-empty__clear{color:var(--ap-text)} html[data-theme="dark"] .ride-marquee-card::after{background:var(--ap-surface-2)} html[data-theme="dark"] .ride-marquee-card:nth-child(even)::after{background:var(--ap-surface-3)} html[data-theme="dark"] .ride-marquee-card__name{color:var(--ap-text)} html[data-theme="dark"] .ride-marquee-card__location{color:var(--ap-text)} html[data-theme="dark"] .ride-wait--very-high .ride-marquee-card__value{color:var(--ap-text)} html[data-theme="dark"] .ride-time-row--skeleton{background:var(--ap-surface-2)} html[data-theme="dark"] .ride-skeleton-line{background:linear-gradient(90deg, var(--line) 0%, var(--soft, var(--ap-surface-2)) 50%, var(--line) 100%)} html[data-theme="dark"] .closures-strip{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__field select{background:rgba(var(--ap-surface-rgb),0.96);color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state-icon{background:rgba(255,255,255,0.096);color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state-label{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state--closed .ride-advisor__park-state-icon{background:rgba(255,255,255,0.144);color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state--closed .ride-advisor__park-state-label{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state--opening .ride-advisor__park-state-label{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__park-state--closing .ride-advisor__park-state-label{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-option__title{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-option__reason{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-option__explanation-toggle{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-option__explanation{background:rgba(255,255,255,0.06)} html[data-theme="dark"] .ride-advisor-option__explanation-text{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor__plan-control select{background:rgba(var(--ap-surface-rgb),0.96);color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-role--another-option .ride-advisor-role__eyebrow{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-role__title{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-role__summary{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-role__why-toggle,html[data-theme="dark"] .ride-advisor-role__decline{color:var(--ap-text)} html[data-theme="dark"] .ride-advisor-role__why{background:rgba(255,255,255,0.072);color:var(--ap-text)} html[data-theme="dark"] .foodie-feature__text h3{color:var(--ap-text)} html[data-theme="dark"] .foodie-shortcut__label{color:var(--ap-text)} html[data-theme="dark"] .foodie-hero__text h3{color:var(--ap-text)} html[data-theme="dark"] .foodie-section__head h3{color:var(--ap-text)} html[data-theme="dark"] .foodie-food-card__name{color:var(--ap-text)} html[data-theme="dark"] .foodie-food-card__stats strong{color:var(--ap-text)} html[data-theme="dark"] .foodie-food-card__add{color:var(--ap-text)} html[data-theme="dark"] .foodie-gem-card__label{color:var(--ap-text)} html[data-theme="dark"] .foodie-advisor__cta:focus-visible{outline:2px solid var(--ap-line)} html[data-theme="dark"] .foodie-coming-soon h3{color:var(--ap-text)} html[data-theme="dark"] .park-hours-row dd{color:var(--ap-text)} html[data-theme="dark"] .park-hours-skeleton-line{background:linear-gradient(90deg, var(--line) 0%, var(--soft, var(--ap-surface-2)) 50%, var(--line) 100%)} html[data-theme="dark"] .dl-sample-note--error{color:var(--ap-text)} html[data-theme="dark"] .park-calendar-dialog{background:var(--ap-surface)} html[data-theme="dark"] .park-calendar-dialog__head h3{color:var(--ap-text)} html[data-theme="dark"] .park-calendar-dialog__close:hover{color:var(--ap-text)} html[data-theme="dark"] .park-calendar-tab{color:var(--ap-text)} html[data-theme="dark"] .park-calendar-day__date{color:var(--ap-text)} html[data-theme="dark"] .park-calendar-day__hours{color:var(--ap-text)} html[data-theme="dark"] .news-row__title{color:var(--ap-text)} html[data-theme="dark"] .tickets-feature__icon{color:var(--ap-text)} html[data-theme="dark"] .tickets-feature__text h3{color:var(--ap-text)} html[data-theme="dark"] .hotel-preview-card__name{color:var(--ap-text)} html[data-theme="dark"] .hotels-cta p{color:var(--ap-text)} html[data-theme="dark"] .adventure-clock__unit{background:var(--ap-surface)} html[data-theme="dark"] .adventure-clock__num{color:var(--ap-text)} html[data-theme="dark"] .adventure-clock__message{color:var(--ap-text)} html[data-theme="dark"] .adventure-intelligence{background:rgba(var(--ap-surface-rgb),0.55);border:1px solid var(--ap-line)} html[data-theme="dark"] .adventure-intelligence__row-title{color:var(--ap-text)} html[data-theme="dark"] .adventure-intelligence__row-text{color:var(--ap-text)} html[data-theme="dark"] .adventure-intelligence__divider{background:rgba(255,255,255,0.12)} html[data-theme="dark"] .adventure-intelligence__row--upgrade .adventure-intelligence__row-title{color:var(--ap-text)} html[data-theme="dark"] .jiminy-updates-filter{color:var(--ap-text)} html[data-theme="dark"] .jiminy-featured-update__card{background:linear-gradient(145deg, var(--ap-surface), var(--cream))} html[data-theme="dark"] .jiminy-featured-update__content h3{color:var(--ap-text)} html[data-theme="dark"] .jiminy-update-badge{background:rgba(255,255,255,0.096);color:var(--ap-text)} html[data-theme="dark"] .jiminy-take__label{color:var(--ap-text)} html[data-theme="dark"] .jiminy-take p{color:var(--ap-text)} html[data-theme="dark"] .jiminy-update-card__title{color:var(--ap-text)} html[data-theme="dark"] .jiminy-update-card__take b{color:var(--ap-text)} html[data-theme="dark"] .jiminy-update-card__action{color:var(--ap-text)} html[data-theme="dark"] .jiminy-update-skeleton{background:linear-gradient(90deg, var(--line), var(--soft, var(--ap-surface-2)), var(--line))} html[data-theme="dark"] .weather-jiminy-dialog{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog__surface{background:var(--ap-surface)} html[data-theme="dark"] .weather-jiminy-dialog__eyebrow{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog h2{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog__close{background:var(--ap-surface-2);color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog__speech{background:linear-gradient(135deg,var(--ap-surface),var(--ap-surface));color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog__speech::before{background:var(--ap-surface)} html[data-theme="dark"] .weather-jiminy-details{border-top:1px solid var(--ap-line)} html[data-theme="dark"] .weather-jiminy-details > div{border-bottom:1px solid var(--ap-line)} html[data-theme="dark"] .weather-jiminy-details dt{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-details dd{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-signal{background:var(--ap-surface-2)} html[data-theme="dark"] .weather-jiminy-signal--warning,html[data-theme="dark"] .weather-jiminy-signal--critical{background:var(--ap-surface-2)} html[data-theme="dark"] .weather-jiminy-signal h3{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-signal p{color:var(--ap-text)} html[data-theme="dark"] .weather-jiminy-dialog__source{color:var(--ap-text-2)} /* ---- from css/discover-walt-disney-world.css ---- */ html[data-theme="dark"] .park-hours-row dt{color:var(--ap-text)} html[data-theme="dark"] .adventure-clock__eyebrow{color:var(--ap-text)} html[data-theme="dark"] .adventure-clock__event{color:var(--ap-text)} /* ---- from css/discover-disney-cruise-line.css ---- */ html[data-theme="dark"] .dcl-section__head h2{color:var(--ap-text)} html[data-theme="dark"] .dcl-ship-card__name{color:var(--ap-text)} html[data-theme="dark"] .dcl-ship-card__view{color:var(--ap-text)} html[data-theme="dark"] .dcl-tool-card__icon{color:var(--ap-text)} html[data-theme="dark"] .dcl-tool-card__title{color:var(--ap-text)} html[data-theme="dark"] .dcl-port-row__name{color:var(--ap-text)} html[data-theme="dark"] .dcl-countdown-date-form label{color:var(--ap-text)} html[data-theme="dark"] .dcl-countdown-date-form input[type="date"]{color:var(--ap-text);background:rgba(var(--ap-surface-rgb),0.96)} html[data-theme="dark"] .dcl-community-card__caption{color:var(--ap-text)} /* ---- from css/discover-attraction-intent.css ---- */ html[data-theme="dark"] .ride-intent-columns{color:var(--ap-text)} html[data-theme="dark"] .ride-intent-button{border:2px solid var(--ap-line)} html[data-theme="dark"] .ride-intent-button--exclude{color:var(--ap-text)} html[data-theme="dark"] .ride-intent-row:nth-child(even)>.ride-marquee-card::after{background:var(--ap-surface-3)} html[data-theme="dark"] .ride-intent-indicator{border:1px solid var(--ap-line);background:rgba(var(--ap-surface-rgb),0.82);color:var(--ap-text)} html[data-theme="dark"] .ride-intent-indicator.is-exclude{color:var(--ap-text)} /* ---- from css/plan-landing.css ---- */ html[data-theme="dark"] .plan-landing-hero{background:rgba(var(--ap-surface-rgb),0.94);border:1px solid var(--ap-line)} html[data-theme="dark"] .plan-landing-title{color:var(--ap-text)} html[data-theme="dark"] .plan-how-section{background:rgba(var(--ap-surface-rgb),0.94);border:1px solid var(--ap-line)} html[data-theme="dark"] .plan-how-icon{border:1.5px solid var(--ap-line);background:rgba(255,255,255,0.06);color:var(--ap-text)} html[data-theme="dark"] .plan-how-step h3{color:var(--ap-text)} /* ---- 4. Polish ---- */ html[data-theme="dark"] body { background: linear-gradient(180deg, var(--ap-bg-2) 0%, var(--ap-bg) 100%); color: var(--ap-text); } /* The top bar wordmark is navy artwork for a light bar: show the white wordmark the sidebar already uses. */ html[data-theme="dark"] .top-logo a { position: relative; display: inline-block; } html[data-theme="dark"] .top-logo img { opacity: 0; } html[data-theme="dark"] .top-logo a::after { content: ""; position: absolute; inset: 0; background: url("/jiminy-official-logo-sidebar-v49.png") center / contain no-repeat; } /* Cream "explorer" doodle backdrops (Discover and Plan landing pages) become the midnight page with the doodles faintly kept. */ html[data-theme="dark"] .jiminy-explorer-page, html[data-theme="dark"] #page-plan.plan-landing-page, html[data-theme="dark"] #page-discover.discover-page-v2 { background-color: var(--ap-bg); background-image: linear-gradient(rgba(2, 13, 34, 0.9), rgba(2, 13, 34, 0.92)), url("/images/jiminy-explorer-background.png"); } html[data-theme="dark"] #page-plan.plan-landing-page.plan-dcl-page { background-image: none; } /* ---- Light treatment of the dark-native Plan Disneyland and Walt Disney World pages (Home is the reference): the shared cream Home canvas (no artwork) under the same navy Liquid Glass containers. ---- */ html[data-theme="light"] .plan-test-page, html[data-theme="light"] .plan-wdw-page { background: none; } /* The only text that sits directly on the page (everything else is inside a navy glass container and stays white). */ html[data-theme="light"] .plan-test-park-help, html[data-theme="light"] .plan-wdw-park-help { color: #4a5a78; } html[data-theme="light"] #page-plan.plan-landing-page.plan-dcl-page { background: none; } /* Jiminy's direct-speech glass is a sky-blue brand material with navy type in both themes: keep its text navy. */ html[data-theme="dark"] .jiminy-glass--speech, html[data-theme="dark"] .jiminy-glass--speech :is(p, h1, h2, h3, h4, strong, small, li, label) { color: var(--jiminy-glass-speech-text); }