:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
    *{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#182435;line-height:1.5}
    main{max-width:960px;margin:0 auto;padding:48px 20px 72px}header{margin-bottom:34px}
    .eyebrow{color:#4068ac;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}
    h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:12px 0}p{max-width:650px;color:#536177}
    .panel{background:white;border:1px solid #e1e7ef;border-radius:18px;padding:24px;box-shadow:0 9px 30px #20304b0b}
    label{display:block;font-weight:650;margin-bottom:10px}input,button{font:inherit;border-radius:10px;padding:11px 13px}
    input{border:1px solid #b8c5d6;max-width:100%;background:white;color:#182435}
    button{border:0;background:#2257af;color:white;cursor:pointer;margin-left:8px}
    button:hover{background:#17458f}.hint{font-size:.88rem;margin:10px 0 0}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}
    .city{background:white;border:1px solid #e1e7ef;border-radius:15px;padding:19px 20px}
    .city h2{font-size:1.05rem;margin:0 0 8px}.city time{font-size:1.6rem;font-weight:750;font-variant-numeric:tabular-nums;display:block}
    .city small{color:#627188}footer{font-size:.8rem;color:#66758a;margin-top:34px}
    @media (prefers-color-scheme:dark){body{background:#111a26;color:#eef3fa}.panel,.city{background:#1a2737;border-color:#34465d}p,.city small,footer{color:#a9b8c9}input{background:#101c2a;color:#eef3fa;border-color:#556a84}}