/* White surfaces for content; frosted controls only over the map. */
:root{--ink:#202b33;--muted:#596872;--line:#e3e8ec;--accent:#12685c;--accent-hover:#0b5148;--soft:#edf5f2;--surface:#fff;color-scheme:light}
body{background:#f5f7f8;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}
button{background:var(--accent);transition:background-color .16s ease,box-shadow .16s ease;border-radius:12px}
button:hover{background:var(--accent-hover)}
a{color:var(--accent)}button:disabled{opacity:.55}
.app-header,.filter-bar,.account-banner,.browse-panel,dialog,.dialog-footer,.embed-slot{background:var(--surface);color:var(--ink);border-color:var(--line)}
.app-header{box-shadow:0 1px 0 #172c3503}.brand-mark{background:var(--soft);color:var(--accent);border:1px solid #d9e9e2}.brand strong{font-weight:650;letter-spacing:-.02em}
.brand small,.panel-heading>p,.eyebrow,#active-summary,.spot-heading small,.spot-meta,.data-note,.detail-note,.embed-intro p,.hint,.account-banner small,.preview-toggle small{color:var(--muted)}
.trial{color:#596872;border-color:#dce3e7;background:#f5f7f8}.summary-button{color:#34454f;background:#f5f7f8;border-color:var(--line)}.summary-button:hover{background:#eaf0f3}
.area-label,.result-line,.detail-top,.weather-box,.dialog-footer{border-color:var(--line)}
.account-banner{background:#fafbfc}.account-banner strong{font-weight:600}
.chip-button{background:#fff;color:#44535d;border-color:#d8e0e5;box-shadow:0 1px 2px #20354204}.chip-button:hover{background:#f2f6f5}.chip-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 6px #12685c20}
#filter-number{background:#eaf2ef;color:var(--accent)}.secondary,.icon-button{color:#374a54;background:#f0f4f5}.secondary:hover,.icon-button:hover{background:#e5ecef}
.text-button{color:var(--accent);background:transparent}.text-button:hover{background:var(--soft)}
.browse-panel{box-shadow:4px 0 20px #20354206}.spot-card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:0 2px 9px #20354205}.spot-select{color:var(--ink);background:transparent}.spot-select:hover{background:#f6f9f8}.spot-number{color:var(--accent);background:var(--soft);border-radius:12px}.spot-arrow{color:#6f7f89}.spot-heading strong{font-weight:650}.spot-meta{border-color:#eef1f3}
.tag{background:var(--soft);color:#365e53}.tag.unknown{background:#f2f4f6;color:#626e78}.spot-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.empty-symbol{background:var(--soft);color:var(--accent)}.empty-state p{color:var(--muted)}.empty-state>a{display:block;margin-top:16px}
.embed-slot{border-color:var(--line)}.detail-links a{background:#f7f9fa;border-color:var(--line);color:var(--accent)}
.pin{background:var(--accent);border-color:#fff;box-shadow:0 3px 10px #133e3a30}.pin.active{background:#135e9b;outline-color:#bad7ee}.cluster{background:#236e64}
.map-pill{background:#fff;color:#273d46;border:1px solid #dce4e8;box-shadow:0 4px 18px #1b34451a,inset 0 1px 0 #fff;border-radius:22px}.map-pill:hover{background:#fff;box-shadow:0 5px 22px #1b34452a}
.leaflet-control-zoom{border-color:#dce4e8!important;box-shadow:0 4px 18px #1b34451a!important}.leaflet-control-zoom a{color:#273d46!important;background:#fff!important}
@supports ((backdrop-filter:blur(14px)) or (-webkit-backdrop-filter:blur(14px))){.map-pill,.leaflet-control-zoom a{background:rgb(255 255 255 / .87)!important;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-color:rgb(255 255 255 / .9)}}
.map-information{background:#fffaf0;border-color:#e9d9ba;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 10px #30231110}.map-information p{color:#694b20}.map-information .text-button{color:#6b4d23}
dialog{box-shadow:0 20px 80px #192e3b30;border:1px solid var(--line)}dialog::backdrop{background:#1b2c3b55;backdrop-filter:blur(4px)}
input,select,textarea{color:var(--ink);background:#fff;border-color:#cdd7dd;border-radius:10px}.check input,.preview-toggle input{accent-color:var(--accent)}.weather-day{background:#f2f6f8}.warning{color:#704b17;background:#fff3da}.error{color:#973c32;background:#fff0ed}.notice{background:#243d46;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #167fbd;outline-offset:3px}
/* Match the operator screen without changing its layout. */
header span{color:var(--muted)}nav{border-color:var(--line)}nav button[aria-pressed=false],.row .secondary{color:#374a54;background:#f0f4f5}.row,section.filters,details{background:#fff;border-color:var(--line);border-radius:14px}.row.selected{outline-color:var(--accent)}.chip{background:var(--soft);color:#365e53}.chip.unknown{background:#f2f4f6;color:#626e78}#status,#mode,footer{color:var(--muted)}
@media(max-width:760px){.browse-panel{background:#fff;border-color:var(--line);box-shadow:0 -6px 28px #1b344514}.sheet-toggle{color:#52636d;background:#fff}.sheet-toggle:hover{background:#f5f8fa}.sheet-toggle .handle{background:#cbd5dc}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media(prefers-reduced-transparency:reduce){.map-pill,.leaflet-control-zoom a{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}dialog::backdrop{backdrop-filter:none}}