:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--card:#0e2033;--text:#eef8ff;--muted:#8ca5b9;--line:#24445e;--accent:#39d8ad;font-family:Inter,system-ui,sans-serif}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf5f9;--card:#fff;--text:#10283b;--muted:#667d8f;--line:#ccdde7;--accent:#087f5b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}header,main,footer{width:min(1120px,100% - 32px);margin:auto}header{justify-content:space-between;align-items:center;padding:40px 0 24px;display:flex}h1{margin:0 0 4px;font-size:clamp(2rem,5vw,3.5rem)}p{color:var(--accent);letter-spacing:.14em;margin:0 0 8px;font-size:.72rem;font-weight:900}span,small,footer{color:var(--muted)}button,input,select{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 14px}button{cursor:pointer;margin-left:8px;font-weight:700}.summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.summary article,.city,.toolbar{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.summary small{margin-bottom:8px;display:block}.summary strong{font-size:1.7rem}.toolbar{gap:10px;margin-bottom:14px;display:flex}.toolbar input{flex:1}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.city h2{margin:0 0 5px;font-size:1.05rem}.clock{font-variant-numeric:tabular-nums;margin:18px 0 8px;font-size:1.8rem;font-weight:800}.status{font-size:.74rem;font-weight:900}.open{color:var(--accent)}.closed{color:#ff8787}footer{text-align:center;padding:30px 0;font-size:.78rem}@media (width<=700px){header{flex-direction:column;align-items:flex-start;gap:18px}.summary,.grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.actions button:first-child{margin-left:0}}
