:root{color-scheme:dark;--bg:#080b13;--panel:#101622;--line:#ffffff18;--cyan:#42deee;--gold:#d6ad60;--text:#f4f1e9;--muted:#9aa7b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}header{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,7vw,100px);align-items:start;padding:clamp(32px,7vw,90px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 10%,#153c4c,transparent 38%)}header>a{color:#fff;font-size:20px;font-weight:950;text-decoration:none;letter-spacing:-.06em}header>a span{color:var(--cyan)}header p,.section-title p{margin:0 0 8px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.2em}header h1{max-width:850px;margin:0 0 14px;font:400 clamp(36px,6vw,76px)/.98 Georgia,serif}header div>span{color:var(--muted);line-height:1.5}main{max-width:1500px;margin:auto;padding:clamp(24px,5vw,72px)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.summary article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.summary strong{display:block;font:400 32px Georgia,serif}.summary span{color:var(--muted);font-size:11px}.toolbar{position:sticky;z-index:3;top:0;display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:14px;margin:0 -8px;border:1px solid var(--line);border-radius:16px;background:#080b13eb;backdrop-filter:blur(18px)}.toolbar label{display:grid;gap:4px;color:var(--muted);font-size:10px}.toolbar input,.toolbar select,.toolbar button,.import{min-height:44px;padding:0 13px;border:1px solid #ffffff22;border-radius:10px;background:#121a27;color:var(--text);font:inherit}.toolbar input{width:min(300px,65vw)}.toolbar button,.import{cursor:pointer}.toolbar .primary{border-color:var(--cyan);background:var(--cyan);color:#041015;font-weight:900}.import{display:grid;place-items:center;font-size:12px}.import input{position:absolute;width:1px;height:1px;opacity:0}.notice{margin:18px 0 60px;padding:14px 16px;border-left:3px solid var(--gold);background:#d6ad600c;color:var(--muted);line-height:1.5}.notice b{color:var(--text)}main>section{margin-bottom:70px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{margin:0;font:400 clamp(30px,4vw,48px) Georgia,serif}.section-title>span{color:var(--muted);font-size:12px}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.city-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;min-height:122px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer}.city-option:has(input:checked){border-color:#42deee99;background:linear-gradient(145deg,#102431,#101622)}.city-option input{width:22px;height:22px;margin:1px 0;accent-color:var(--cyan)}.city-option b{display:block;margin-bottom:6px}.city-option small{display:block;color:var(--muted);line-height:1.5}.city-option em{display:inline-block;margin-top:8px;color:var(--cyan);font:700 9px ui-monospace,monospace}.city-option.locked{cursor:default}.city-option.locked input{opacity:.65}footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(24px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{color:var(--cyan)}@media(max-width:720px){header{grid-template-columns:1fr;padding:30px 20px 40px}.summary{grid-template-columns:1fr 1fr}.toolbar{top:0;border-radius:0;margin:0 -24px;padding:12px 24px}.toolbar label:first-child{width:100%}.toolbar input{width:100%}.notice{margin-bottom:42px}.city-grid{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column;gap:7px}footer{flex-direction:column}}@media(max-width:430px){main{padding:22px 14px}.toolbar{margin:0 -14px;padding:10px 14px}.summary{gap:7px}.summary article{padding:14px}.toolbar button,.import{flex:1}.city-option{min-height:108px}}
