:root{--ink: #12141a;--paper: #f3efe6;--accent: #c45c26;--panel: rgba(18, 20, 26, .92);--line: rgba(18, 20, 26, .12);--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", serif;--font-body: "Avenir Next", "Segoe UI", sans-serif;--chrome-pad: 1.25rem;--info-size: 2.2rem;--tools-gap: .5rem;--rail-inset: calc(var(--chrome-pad) + var(--info-size) + var(--tools-gap));--rail-width: min(22rem, calc(100vw - var(--chrome-pad) - var(--rail-inset)))}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 10% -10%,#fff8ea,var(--paper));overflow:hidden}.top{position:absolute;z-index:4;inset:0 0 auto;display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:flex-start;justify-content:space-between;padding:1rem var(--chrome-pad) .75rem;pointer-events:none}.top>*{pointer-events:auto}.brand{width:max-content;max-width:calc(100vw - 2.5rem);padding:.75rem 1rem .85rem;color:#f6f1e8;background:#12141ab8;border:0;backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000047}.brand h1{margin:0;font-family:var(--font-body);font-weight:700;font-size:clamp(1.55rem,3.7vw,2.75rem);letter-spacing:-.03em;line-height:1.05;white-space:nowrap;color:inherit}.tag{margin:.35rem 0 0;font-size:.98rem;opacity:.78;line-height:1.35;color:inherit}.tag a{color:inherit;text-decoration:underline;text-underline-offset:.15em;text-decoration-color:#f6f1e873}.tag a:hover{text-decoration-color:#f6f1e8e6}.top-tools{display:block;width:var(--rail-width);margin-right:calc(var(--info-size) + var(--tools-gap));min-width:0;flex:0 1 auto}.info-btn{position:absolute;top:1rem;right:var(--chrome-pad);width:var(--info-size);height:var(--info-size);border:1px solid var(--line);border-radius:50%;background:#f3efe6e6;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-style:italic;font-weight:600;cursor:pointer;backdrop-filter:blur(6px)}.info-btn:hover,.info-btn[aria-expanded=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search{position:relative;display:flex;gap:.4rem;align-items:stretch;width:100%;min-width:0;color:#f6f1e8;background:#12141ab8;border:1px solid rgba(246,241,232,.22);padding:.35rem;backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000047}.search-field{flex:1;min-width:0}.search input{border:0;background:transparent;color:inherit;font:inherit;width:100%;min-width:0;padding:.4rem .55rem;outline:none}.search input::placeholder{color:#f6f1e88c}.search button{border:0;background:#f6f1e8;color:var(--ink);font:inherit;padding:.45rem .85rem;cursor:pointer}.suggest{position:absolute;z-index:6;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.25rem 0;list-style:none;max-height:min(22rem,60vh);overflow:auto;color:#f6f1e8;background:#12141af0;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px #00000047;backdrop-filter:blur(10px)}.suggest li{padding:.45rem .7rem;cursor:pointer;line-height:1.25;color:inherit}.suggest li:hover,.suggest li[aria-selected=true]{background:#f6f1e81f}.suggest .sn{font-size:.82rem;opacity:.65;color:inherit}.map{position:absolute;inset:0;background:#000}.map .ol-viewport,.map .ol-layers,.map .ol-layer,.map canvas{background:#000}.map-tools{position:absolute;z-index:2;left:1rem;bottom:3.4rem;display:flex;flex-direction:column;gap:.3rem}.map-tools button{width:2.35rem;height:2.35rem;border:1px solid var(--line);background:#f3efe6eb;color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}.map-tools button:hover{background:var(--ink);color:var(--paper)}.panel{position:absolute;z-index:3;top:5.5rem;right:var(--rail-inset);width:var(--rail-width);max-height:calc(100vh - 7rem);overflow:auto;background:var(--panel);color:#f6f1e8;padding:1rem 1rem 1.2rem;border:1px solid rgba(255,255,255,.08)}.panel .close{position:absolute;top:.4rem;right:.55rem;border:0;background:transparent;color:inherit;font-size:1.4rem;cursor:pointer}.panel h2{font-family:var(--font-display);margin:0 1.5rem .2rem 0;font-size:1.35rem}.panel .sn{opacity:.7;margin-bottom:.8rem}.panel .meta{font-size:.85rem;opacity:.8;margin:.4rem 0 .9rem}.panel .actions{display:flex;flex-wrap:wrap;gap:.4rem}.panel .actions button,.panel .actions a{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font:inherit;padding:.35rem .6rem;cursor:pointer;text-decoration:none}.panel .actions button[aria-pressed=true]{background:#f6f1e824;border-color:#f6f1e88c}.panel .graph-count{margin:.65rem 0 0;font-size:.85rem;opacity:.8}.panel .about p{margin:0 0 .75rem;line-height:1.45;font-size:.95rem}.results{list-style:none;margin:0;padding:0}.results li{padding:.55rem 0;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}.results li:hover{color:#ffd7b8}.status{position:absolute;z-index:2;left:1rem;bottom:1rem;display:flex;align-items:stretch;max-width:calc(100vw - 2rem);font-size:.8rem;background:#f3efe6e6;border:1px solid var(--line);backdrop-filter:blur(6px)}.status-toggle{flex:0 0 auto;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.85rem;letter-spacing:-.08em;padding:.35rem .5rem;cursor:pointer;line-height:1}.status-toggle:hover{background:#12141a0f}.status[data-open=true] .status-toggle{border-right:1px solid var(--line)}.status-body{padding:.35rem .55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.status-body[hidden],.ol-control{display:none!important}@media(max-width:720px){.top{flex-direction:column;align-items:stretch;padding-right:var(--chrome-pad)}.brand{width:100%;max-width:none;padding-right:calc(var(--info-size) + var(--tools-gap))}.brand h1{font-size:clamp(1.35rem,7.5vw,2.1rem)}.top-tools{width:100%;margin-right:0;order:2}.info-btn{top:1rem;right:var(--chrome-pad)}.search{width:100%;min-width:0}.search input{min-width:0;width:100%}.search button{flex:0 0 auto}.panel{inset:auto 0 0;width:100%;max-height:45vh}}