
.appearance-panel{max-width:900px;margin-top:24px}.appearance-panel fieldset{border:0;padding:0;margin:24px 0}.appearance-panel legend{font-size:15px;font-weight:650;margin-bottom:14px}.appearance-themes,.appearance-colors{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.appearance-themes button{padding:14px 26px;border-radius:12px;background:var(--ap-input,#edf3fa)}.appearance-themes button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--user-accent)}.appearance-swatch{width:36px;height:36px;min-width:36px;padding:0;border:4px solid transparent;border-radius:50%;background:var(--swatch)!important;background-clip:padding-box!important}.appearance-swatch[aria-pressed=true]{outline:2px solid var(--user-accent);outline-offset:2px}.appearance-custom-color{display:flex;align-items:center;gap:10px;font-size:13px}.appearance-custom-color input{width:42px;height:36px;padding:3px;border-radius:8px}.appearance-backgrounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.appearance-backgrounds button{padding:5px;border-radius:12px;text-align:left;border:2px solid transparent}.appearance-backgrounds button[aria-pressed=true]{border-color:var(--user-accent)}.appearance-backgrounds button>span{display:block;height:76px;border-radius:8px}.appearance-backgrounds small{display:block;padding:8px 4px 3px;font-size:12px}.appearance-upload{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.appearance-upload label{max-width:100%}.appearance-upload input{font-size:13px}.appearance-upload small{font-size:12px}#appearanceStatus{font-size:13px;margin:12px 0 0}
html.personal-appearance{--green:var(--user-accent);--accent:var(--user-accent);--soft:var(--user-soft);--ap-input:#edf3fa;background:#e7eef6}
html.personal-appearance body{background-image:var(--user-wallpaper)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
html.personal-appearance body:before,html.personal-appearance body:after{display:none!important}
.personal-appearance button.primary,.personal-appearance button[data-text-action=save],.personal-appearance .category-record-add,.personal-appearance .quick-save,.personal-appearance .planner-full-details,.personal-appearance .journey-switch-track:has(+input:checked){background:var(--user-accent)!important;color:var(--user-accent-ink)!important}
.personal-appearance .journey-visit-switch input:checked+.journey-switch-track{background:var(--user-accent)!important}
.personal-appearance #nav>button.active,.personal-appearance .group-row>[data-filter][aria-pressed=true],.personal-appearance .collection-map-chips button[aria-pressed=true],.personal-appearance .journey-date[aria-pressed=true]{background:var(--user-soft)!important;color:var(--user-accent)!important;border-color:var(--user-accent)!important}
.personal-appearance .journey-date[aria-pressed=true]>strong,.personal-appearance .journey-date[aria-pressed=true]>small{color:var(--user-accent)!important}
.personal-appearance .trip-range-day.range-edge{background:var(--user-accent)!important;color:var(--user-accent-ink)!important}.personal-appearance .trip-range-day.in-range:not(.range-edge){background:var(--user-soft)!important}
.personal-appearance .journey-insert-line,.personal-appearance .journey-insert-line span,.personal-appearance .journey-insert-line:before{background:var(--user-accent)!important}
html[data-user-theme=dark]{color-scheme:dark;--ink:#e4edf8;--muted:#b1c1d4;--paper:#1d2a3b;--line:#41516a;--ap-input:#28394f}
html[data-user-theme=dark] body{background-color:#0d1725!important;background-image:var(--user-wallpaper)!important;color:#e4edf8}
html[data-user-theme=dark] #app{color:#e4edf8}
html[data-user-theme=dark] #app main{background:transparent!important}
html[data-user-theme=dark] .magic-sidebar-surface,html[data-user-theme=dark] #app .magic-sidebar-surface,html[data-user-theme=dark] .settings-panel,html[data-user-theme=dark] dialog,html[data-user-theme=dark] .collection-results,html[data-user-theme=dark] .journey-workspace,html[data-user-theme=dark] .journey-dates-bar,html[data-user-theme=dark] .collection-map-filters,html[data-user-theme=dark] #collectionMapMount,html[data-user-theme=dark] #app.category-list-view .collection-groups{background:#19283bea!important;color:#e4edf8!important;border-color:#3a4b63!important}
html[data-user-theme=dark] .entry,html[data-user-theme=dark] .category-list-view .entry,html[data-user-theme=dark] .journey-stop-body,html[data-user-theme=dark] .planner-selection,html[data-user-theme=dark] .journey-pool,html[data-user-theme=dark] .journey-route-map-panel,html[data-user-theme=dark] .quick-composer,html[data-user-theme=dark] .journey-empty-day,html[data-user-theme=dark] .empty,html[data-user-theme=dark] .directory-card,html[data-user-theme=dark] .trip-date-panel{background:#23344ae8!important;border-color:#41516a!important;color:#e4edf8!important}
html[data-user-theme=dark] h1,html[data-user-theme=dark] h2,html[data-user-theme=dark] h3,html[data-user-theme=dark] h4,html[data-user-theme=dark] .journey-place strong,html[data-user-theme=dark] .brand,html[data-user-theme=dark] #nav a,html[data-user-theme=dark] #nav button,html[data-user-theme=dark] .entry-text,html[data-user-theme=dark] .details-description,html[data-user-theme=dark] .details-address,html[data-user-theme=dark] .category-content-heading h2{color:#e4edf8!important}
html[data-user-theme=dark] p,html[data-user-theme=dark] small,html[data-user-theme=dark] .journey-category,html[data-user-theme=dark] .planner-month-label,html[data-user-theme=dark] .place-author,html[data-user-theme=dark] #collectionMapStatus{color:#b8c9dd!important}
html[data-user-theme=dark] input:not([type=color]):not([type=checkbox]),html[data-user-theme=dark] textarea,html[data-user-theme=dark] select{background:#152438!important;color:#e4edf8!important;border-color:#50617a!important}
html[data-user-theme=dark] .journey-date,html[data-user-theme=dark] .collection-map-chips button,html[data-user-theme=dark] .group-row>[data-filter],html[data-user-theme=dark] .trip-range-day,html[data-user-theme=dark] button.secondary,html[data-user-theme=dark] button[data-text-action=cancel],html[data-user-theme=dark] .object-icon,html[data-user-theme=dark] .journey-icon{background:#2b3e57!important;color:#e4edf8!important;border-color:#50617a!important}
html[data-user-theme=dark] .journey-date strong,html[data-user-theme=dark] .journey-date small{color:#e4edf8!important}
html[data-user-theme=dark] .journey-stop-body:hover{background:#2f4560!important}
html[data-user-theme=dark] .details-copy,html[data-user-theme=dark] .item-details-body{color:#e4edf8}
@media(max-width:600px){.appearance-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-backgrounds button>span{height:64px}.appearance-themes button{flex:1;padding:13px}.appearance-panel{padding:18px!important}.appearance-colors{gap:14px}}

.personal-appearance .magic-primary-root button.magic-primary,.personal-appearance #add,.personal-appearance .quick-save,.personal-appearance .group-add-label.primary{background:var(--user-accent)!important;color:var(--user-accent-ink)!important}
.personal-appearance .brand:after{background:var(--user-accent)!important}
html[data-user-theme=dark] .magic-sidebar-surface{--lg-bg-color:#19283b!important}
html[data-user-theme=dark] .magic-sidebar-inner{background:#19283bdb!important;border-radius:24px}
html[data-user-theme=dark] .magic-destination-shell,html[data-user-theme=dark] .geo-saved-card,html[data-user-theme=dark] .geo-card,html[data-user-theme=dark] .magic-add-destination-root,html[data-user-theme=dark] .mobile-header,html[data-user-theme=dark] .mobile-bottom-nav,html[data-user-theme=dark] .expanded-related-record,html[data-user-theme=dark] .details-parent{background:#23344ae8!important;color:#e4edf8!important;border-color:#41516a!important;--lg-bg-color:#23344a}
html[data-user-theme=dark] .magic-destination-name,html[data-user-theme=dark] .geo-saved-open,html[data-user-theme=dark] .magic-action,html[data-user-theme=dark] .nav-home,html[data-user-theme=dark] .quiet,html[data-user-theme=dark] .mobile-header,html[data-user-theme=dark] .mobile-bottom-nav a,html[data-user-theme=dark] .mobile-bottom-nav button{color:#d6e5f5!important}
html[data-user-theme=dark] #nav>button.active,html[data-user-theme=dark] #nav>a.active,html[data-user-theme=dark] .journey-date[aria-pressed=true],html[data-user-theme=dark] .collection-map-chips button[aria-pressed=true],html[data-user-theme=dark] .group-row>[data-filter][aria-pressed=true]{background:color-mix(in srgb,var(--user-accent) 45%,#1b2d44)!important;color:#f2f7ff!important}
html[data-user-theme=dark] .journey-date[aria-pressed=true]>strong,html[data-user-theme=dark] .journey-date[aria-pressed=true]>small{color:#f2f7ff!important}
html[data-user-theme=dark] .appearance-themes button[aria-pressed=true]{background:color-mix(in srgb,var(--user-accent) 45%,#1b2d44)!important;color:#fff}

.appearance-backgrounds button>span{height:88px;box-shadow:inset 0 1px 0 #ffffff33}
html[data-user-theme=dark] .appearance-backgrounds button{background:transparent}
html[data-user-theme=dark] .appearance-backgrounds button[aria-pressed=true]{background:#ffffff08}
@media(max-width:600px){.appearance-backgrounds button>span{height:70px}}

.appearance-reset{margin-right:auto;font-size:12px;padding:12px 16px;border-radius:12px;background:#deecfa;color:#254c73}@media(max-width:600px){#appearanceForm .form-actions{flex-wrap:wrap}.appearance-reset{flex:1 1 100%;margin:0;text-align:center}}
