/* Appearance 41. Photos and posters retain their original colors. */
:root{color-scheme:light;--muted:#52686f;--appearance-muted:#52686f}
:root[data-theme="dark"]{color-scheme:dark;--ink:#edf4f5;--muted:#a6b8c0;--cyan:#78d6e5;--aqua:#193a43;--line:#30414b;--bg:#10191f;--blue:#adc6f5;--appearance-ink:#edf4f5;--appearance-muted:#a6b8c0;--appearance-surface:#19252d;--appearance-raised:#20313b;--appearance-line:#30414b;--appearance-cyan:#78d6e5;--appearance-blue:#b0c8ff;--appearance-purple:#d1b7f6;--appearance-green:#a2d3b3;--appearance-amber:#efc888;--appearance-red:#ff98a6;--appearance-cyan-bg:#1c3942;--appearance-blue-bg:#233447;--appearance-purple-bg:#352c48;--appearance-green-bg:#243b32;--appearance-amber-bg:#423626;--appearance-red-bg:#422c34;--appearance-cyan-line:#3c6470;--appearance-blue-line:#445675;--appearance-purple-line:#5c4877;--appearance-green-line:#49665a;--appearance-amber-line:#6c583d;--appearance-red-line:#774954}
.header-appearance{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:transparent;border:1px solid transparent;color:var(--muted);flex:none}.header-appearance svg{width:20px;height:20px}.header-appearance:hover{background:var(--appearance-surface,#fff);border-color:var(--line)}
.header-actions{gap:6px}.appearance-intro{font-size:13px;color:var(--muted);margin:12px 0 21px;line-height:1.6}.appearance-option{width:100%;display:grid;grid-template-columns:43px 1fr 20px;align-items:center;gap:13px;padding:14px 12px;margin:8px 0;border:1px solid var(--line);border-radius:18px;background:var(--appearance-surface,#fff);color:var(--ink);text-align:left;min-height:76px}.appearance-option.selected{border-color:var(--cyan);background:var(--appearance-cyan-bg,#e8f3f2)}.appearance-option strong{display:block;font-weight:650;font-size:15px}.appearance-option small{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:var(--muted)}.appearance-symbol{display:grid;place-items:center;width:41px;height:43px;font-size:26px;border-radius:12px;background:#e9efee;color:#34565f}.appearance-symbol.dark{background:#233642;color:#b8dfec}.appearance-check{color:var(--cyan);font-size:18px}.appearance-dialog .dialog-note{margin-top:20px}
:root[data-theme="dark"] body{background:#0a1117}:root[data-theme="dark"] .phone{background:#081015;box-shadow:0 28px 80px #0008,0 0 0 1px #42535d}
:root[data-theme="dark"] .phone-screen,:root[data-theme="dark"] .header,:root[data-theme="dark"] .status-bar{background:var(--bg)}
:root[data-theme="dark"] .is-scrolled .header{box-shadow:0 9px 18px #0003}
:root[data-theme="dark"] .home-screen .choices-grid .category-food{background:linear-gradient(112deg,#214555,#125a6b);box-shadow:0 8px 20px #0002}
:root[data-theme="dark"] .home-screen .choices-grid .category-study{background:#24394c;border-color:#354f63;color:#e0eaf4}
:root[data-theme="dark"] .home-screen .choices-grid .category-events{background:#493563;color:#f6efff}
:root[data-theme="dark"] .home-screen .choices-grid .category-head{background:#f0f8f8;color:#175c6c}
:root[data-theme="dark"] .home-screen .choices-grid .category-study .category-head{color:#345c7b}:root[data-theme="dark"] .home-screen .choices-grid .category-events .category-head{color:#60477c}
:root[data-theme="dark"] .home-screen .choices-grid .category p{opacity:.94}:root[data-theme="dark"] .home-title span{color:#a6bbc5}
:root[data-theme="dark"] .mobile-nav{background:#1b2d36;border-color:#3c515c;box-shadow:0 6px 20px #0004}:root[data-theme="dark"] .mobile-nav a{color:#c0d1d7}:root[data-theme="dark"] .mobile-nav a.active{background:#bce8e7;color:#15353c}
:root[data-theme="dark"] .header-favorites.is-active{background:#bce8e7;border-color:#bce8e7;color:#15353c}
:root[data-theme="dark"] .primary{background:#2b5a68;color:#f5fbfc;border-color:#3d7180}
:root[data-theme="dark"] .filter.active,:root[data-theme="dark"] .event-periods button.active,:root[data-theme="dark"] .event-categories button.active,:root[data-theme="dark"] .event-mode button.active{background:#bce8e7;border-color:#bce8e7;color:#15353c}
:root[data-theme="dark"] .view-switch button.active{color:#dceff4}
:root[data-theme="dark"] .place-heart.saved svg,:root[data-theme="dark"] .event-heart.saved svg,:root[data-theme="dark"] .deal-save.saved svg{color:#ff748e}
:root[data-theme="dark"] .reminder-dialog .reminder-choice-list button[aria-pressed="true"]{background:#2c5360;border-color:#76b8c8;color:#f5fbfc}
:root[data-theme="dark"] .reminder-dialog .reminder-choice-list button[aria-pressed="true"] small{color:#d4e6eb}
:root[data-theme="dark"] .event-reminder-bell.saved,:root[data-theme="dark"] .reminder-remove-action{background:#422c34;border-color:#75434e;color:#ffabb8}
:root[data-theme="dark"] dialog{background:#19252d;color:var(--ink);border:1px solid #3b4c56;box-shadow:0 28px 100px #0008}
:root[data-theme="dark"] dialog::backdrop{background:#02080dc2;backdrop-filter:blur(6px)}
:root[data-theme="dark"] :is(input,textarea,select){background:#14212a;color:var(--ink);border-color:#435761}
:root[data-theme="dark"] :is(input,textarea)::placeholder{color:#91a7b2;opacity:1}
:root[data-theme="dark"] :is(a,button,summary,input,textarea):focus-visible{outline-color:#84dce8}
:root[data-theme="dark"] .real-map{background:#273740}
:root[data-theme="dark"] .leaflet-tile-pane{filter:brightness(.73) saturate(.6)}
:root[data-theme="dark"] .leaflet-popup-content-wrapper,:root[data-theme="dark"] .leaflet-popup-tip,:root[data-theme="dark"] .leaflet-control-zoom a{background:#19252d;color:var(--ink)}
:root[data-theme="dark"] .leaflet-control-attribution{background:#19252ded;color:#c0d1d7}:root[data-theme="dark"] .leaflet-control-attribution a{color:#94d7e4}
:root[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button{color:#c0d1d7}
:root[data-theme="dark"] .unknown-value{color:var(--muted)!important}
:root[data-theme="dark"] #toast{background:#d5e8ed;color:#17313c;box-shadow:0 8px 30px #0004}
@media(max-width:359px){.header{padding-left:18px;padding-right:18px}.header-actions{gap:2px}.header-appearance,.header-search,.header-favorites{width:39px;height:43px}.wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){.appearance-option{transition:none}}
.info-issue-entry{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:3px;padding:8px 0;background:none;border:0;font-size:11px;color:var(--muted);text-align:left}.info-issue-entry:hover{color:var(--cyan)}.info-issue-target{font-size:13px;color:var(--muted);margin:11px 0 22px;line-height:1.5}.info-issue-reasons{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-issue-reasons legend{font-size:12px;font-weight:600;margin-bottom:12px;color:var(--ink)}.info-issue-reasons label{display:flex;align-items:center;gap:9px;min-height:47px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--appearance-raised,#f4f6f3);font-size:12px;color:var(--ink);cursor:pointer}.info-issue-reasons label:has(input:checked){border-color:var(--cyan);background:var(--appearance-cyan-bg,#e7f2f1)}.info-issue-reasons input{accent-color:var(--cyan);width:15px;height:15px;margin:0}.info-issue-label{display:block;font-weight:600;font-size:12px;margin-bottom:9px}.info-issue-label small{font-weight:400;color:var(--muted);margin-left:5px}.info-issue-dialog textarea{resize:vertical;width:100%;box-sizing:border-box;background:var(--appearance-surface,#fff);border:1px solid var(--line);border-radius:15px;color:var(--ink);padding:12px;font:inherit;font-size:16px;line-height:1.5;max-height:180px}.info-issue-privacy{font-size:10px;color:var(--muted);line-height:1.6;margin:9px 0}.info-issue-submit{width:100%;min-height:49px}.info-issue-dialog .dialog-note{margin-top:16px}
:root[data-theme="dark"] .wordmark span,:root[data-theme="dark"] .preview-label>a span,:root[data-theme="dark"] .text-link,:root[data-theme="dark"] .location-card-footer button{color:var(--cyan)}
:root{background:var(--bg)}
@media(max-width:600px){:root[data-theme="dark"] body{background:var(--bg)}}
:root[data-theme="dark"] .event-card:has(.event-visual:not([hidden])) .event-heart{background:#19252ded!important;color:#c2d1d7!important;border-color:#425761}
.header-actions :is(.header-appearance,.header-search,.header-favorites){width:44px;height:44px}

:root[data-theme="dark"] .reminder-main-action:not(.reminder-remove-action){background:#2b5a68;color:#f5fbfc}
:root[data-theme="dark"] .status{color:#a2d3b3}:root[data-theme="dark"] .status.orange{color:#efc888}:root[data-theme="dark"] .status.red{color:#ff98a6}:root[data-theme="dark"] .status.red:before{background:#ff98a6}
:root[data-theme="dark"] .event-price.free{color:#a2d3b3!important}:root[data-theme="dark"] .event-preview-price.free,:root[data-theme="dark"] .reminder-feedback.is-success{color:#a2d3b3}
:root[data-theme="dark"] .availability .free{background:#78d6e5}

.status.red{color:#a34850}.event-price.free{color:#3d7663!important}.event-preview-price.free{color:#3d7663}
:root[data-theme="dark"] .status.red{color:#ff98a6}:root[data-theme="dark"] .event-price.free{color:#a2d3b3!important}:root[data-theme="dark"] .event-preview-price.free{color:#a2d3b3}
/* Secondary text also stays readable on the dark surfaces in the light theme. */
.mobile-nav{--appearance-muted:#c0d1d7}
.recommendation-card{--appearance-muted:#c2d9df;--muted:#c2d9df}
.reminder-dialog .reminder-choice-list button[aria-pressed=true]{--appearance-muted:#c2d8d7}
.campus-options button[aria-pressed=true] .campus-check{color:#fff!important}
:root[data-theme="dark"] .campus-options button[aria-pressed=true] .campus-check{color:#15353c!important}
