:root{--ink:#18213b;--muted:#69718a;--paper:#f5f3ec;--line:#dedbd1;--sun:#ffd256;--blue:#173475;--night:#111a35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;letter-spacing:.02em}.shell{width:min(1040px,calc(100% - 40px));margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:700;font-size:18px}.brand-mark{color:#e8a916;font-size:22px}header p,footer{font-size:12px;color:var(--muted)}.hero{padding:80px 0 62px;max-width:720px}.eyebrow{display:block;font:500 11px "DM Mono",monospace;letter-spacing:.12em;color:#63719a}.hero h1{font-size:clamp(40px,7vw,68px);line-height:1.23;letter-spacing:-.06em;margin:15px 0 17px;font-weight:700}.hero h1 em{font-style:normal;color:#2d5cbd}.hero>p{line-height:1.9;color:#586178;font-size:15px}.search-form{display:flex;margin-top:30px;gap:10px}.search-form input{flex:1;border:1px solid #c9c7c1;border-radius:6px;padding:15px 18px;background:#fff;font:500 15px "Noto Sans JP";outline:none}.search-form input:focus{border-color:#385eae;box-shadow:0 0 0 3px #dce6fb}.search-form button{border:0;border-radius:6px;padding:0 21px;background:var(--blue);color:#fff;font:600 14px "Noto Sans JP";cursor:pointer}.search-form button span{font-size:20px;margin-left:5px}.suggestions{display:flex;gap:8px;margin-top:14px}.suggestions button{background:transparent;border:0;color:#68718a;padding:3px 0;border-bottom:1px solid #a5abb9;cursor:pointer;font:12px "Noto Sans JP"}.suggestions button+button{margin-left:4px}.result{padding-bottom:72px}.hidden{display:none}.result-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.result-heading h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.updated-at{font:11px "DM Mono";color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{border-radius:10px;padding:28px 30px;min-height:330px}.weather-card{background:#fff}.light-card{background:var(--night);color:#fff}.card-label{font-size:13px;font-weight:600}.card-label span{margin-right:7px;color:#3d6dcc}.light-card .card-label span{color:var(--sun)}.weather-main{display:flex;align-items:center;gap:17px;margin:29px 0 4px}.weather-icon{font-size:50px;width:58px;text-align:center}.weather-main strong{font:500 58px/1 "DM Mono";letter-spacing:-.08em}.weather-main small{font:400 20px "DM Mono"}.weather-summary{margin:0 0 25px;color:#566078;font-size:14px}.conditions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5e4df;padding-top:16px;margin:0}.conditions div{border-right:1px solid #e5e4df;padding-left:12px}.conditions div:first-child{padding-left:0}.conditions div:last-child{border:0}.conditions dt{font-size:11px;color:#7a8395}.conditions dd{font:500 15px "DM Mono";margin:5px 0 0}.light-reading{display:flex;align-items:center;gap:20px;margin:28px 0}.bortle-value{font:500 52px/1 "DM Mono";color:var(--sun);letter-spacing:-.08em}.light-reading strong{font-size:22px}.light-reading p{margin:4px 0 0;color:#b8c0d5;font-size:12px;line-height:1.6}.light-scale{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:12px 0 13px}.light-scale span{height:8px;border-radius:9px;background:#37415e}.light-scale span:nth-child(1){background:#203c95}.light-scale span:nth-child(2){background:#3968bd}.light-scale span:nth-child(3){background:#609fc8}.light-scale span:nth-child(4){background:#92b984}.light-scale span:nth-child(5){background:#d8cf63}.light-scale span:nth-child(6){background:#e49b44}.light-scale span:nth-child(7){background:#d45940}.light-scale span:nth-child(8){background:#c03c50}.light-scale span:nth-child(9){background:#e5e7ec}.light-scale span.off{opacity:.18}.card-note{font-size:11px;line-height:1.8;color:#aab3ca}.map-link{display:inline-block;margin-top:5px;color:#fff;text-decoration:none;font-size:12px;border-bottom:1px solid #64708c;padding-bottom:3px}.map-link span{color:var(--sun);font-size:15px}.night-card{display:grid;grid-template-columns:1fr auto 1.15fr;gap:28px;align-items:center;background:#e2e9f5;border-radius:10px;margin-top:15px;padding:24px 30px}.night-card h3{font-size:16px;margin:5px 0 0}.viewing-score{font:500 39px/1 "DM Mono";color:#244d9c}.viewing-score small{font-size:12px;color:#617196}.night-card p{margin:0;font-size:13px;line-height:1.75;color:#495675}.empty-state{height:230px;border-top:1px solid var(--line);display:grid;place-items:center;text-align:center;color:#7f8798;font-size:13px}.constellation{height:60px;width:130px;position:relative;margin-bottom:-82px}.constellation:before,.constellation:after{content:"";position:absolute;height:1px;background:#c1c6d0;transform-origin:left}.constellation:before{width:80px;left:21px;top:25px;transform:rotate(-19deg)}.constellation:after{width:67px;left:65px;top:15px;transform:rotate(36deg)}.constellation i{position:absolute;width:6px;height:6px;border-radius:50%;background:#7894d3}.constellation i:nth-child(1){left:18px;top:23px}.constellation i:nth-child(2){left:65px;top:9px}.constellation i:nth-child(3){left:112px;top:43px}.constellation i:nth-child(4){left:84px;top:27px;width:4px;height:4px}.constellation i:nth-child(5){left:49px;top:43px;width:4px;height:4px}footer{text-align:center;padding:22px;border-top:1px solid var(--line)}
@media(max-width:650px){header{height:72px}header p{display:none}.hero{padding:53px 0 44px}.search-form{display:block}.search-form input{width:100%}.search-form button{height:48px;width:100%;margin-top:9px}.grid{grid-template-columns:1fr}.card{min-height:auto;padding:25px}.night-card{grid-template-columns:1fr;gap:12px;padding:24px}.result-heading{align-items:start;flex-direction:column;gap:8px}.updated-at{font-size:10px}}