@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Orbitron:wght@600;700&display=swap";:root{--bg1:#0b1220;--bg2:#071019;--fg:#e9f0ff;--muted:#9fb2d1;--primary:#3b82f6;--primary-600:#2563eb;--card:rgba(255,255,255,.06);--border:rgba(255,255,255,.12)}body{margin:0;color:var(--fg);background:radial-gradient(1200px 600px at 50% -200px,var(--bg1),var(--bg2));font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:760px;margin:0 auto;padding:2rem 1rem;text-align:center}.title{margin:.5rem 0 1rem;font-size:clamp(28px,4vw,40px);letter-spacing:.5px}.clock-time{font-size:clamp(24px,3.2vw,34px);font-weight:700}.clock-date{color:var(--muted);margin-top:2px}.actions{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.75rem 0 1.25rem}.btn{padding:.7rem 1rem;border-radius:.8rem;border:1px solid var(--border);cursor:pointer;transition:all .15s ease;box-shadow:0 6px 18px #0000002e}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));color:#fff;border-color:#3b82f699}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px #3b82f659}.btn-ghost{background:#ffffff0f;color:var(--fg);border-color:#3b82f699}.btn-ghost:hover{background:#ffffff1a}.actions input{width:min(520px,70vw);padding:.7rem .9rem;border-radius:.8rem;border:1px solid var(--border);background:var(--card);color:var(--fg);outline:none}.card{margin:0 auto;width:min(600px,90vw);text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #00000040}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.card-emoji{font-size:32px}.card-title{font-weight:700;font-size:18px}.card-sub{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:.75rem 0 .5rem}.muted{color:var(--muted)}.error{color:#ffb4b4;margin-top:.5rem}.autocomplete{position:relative;width:min(520px,70vw)}.autocomplete input{width:100%}.autocomplete-list{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#0e1626;border:1px solid var(--border);border-radius:.6rem;overflow:auto;max-height:260px;box-shadow:0 10px 25px #00000059;z-index:20}.autocomplete-item{padding:.55rem .75rem;cursor:pointer}.autocomplete-item:hover,.autocomplete-item.active{background:#3b82f633}@media (max-width:560px){.actions{flex-direction:column;align-items:stretch}.autocomplete,.actions .btn{width:100%}.card{width:95vw}.clock-time{font-size:clamp(22px,7vw,34px)}}:root{--bg1: #0b1f2a;--bg2: #111827;--card: #0f2531;--muted: #8aa0ac;--text: #e8eef3;--btn: #0ea5e9;--ring: 0 0 0 3px rgba(14, 165, 233, .25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 50% 0%,var(--bg1) 0%,var(--bg2) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:720px;background:#0f2531cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:22px;box-shadow:0 10px 40px #0006}.title{margin:0 0 10px;text-align:center}.clock-row{display:grid;place-items:center;margin-bottom:8px}.clock .time{font-family:Orbitron,monospace;font-size:clamp(42px,9vw,84px);line-height:1;letter-spacing:2px;text-shadow:0 0 16px rgba(14,165,233,.25)}.clock .date{margin-top:6px;color:var(--muted);font-size:14px;text-transform:capitalize}.search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.search input{background:#0e2230;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:12px;border-radius:10px;outline:none}.search input:focus{box-shadow:var(--ring);border-color:#0ea5e966}.btn{background:var(--btn);border:none;color:#fff;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:600}.btn:hover{opacity:.95}.meta{display:flex;justify-content:space-between;gap:10px;margin:6px 0 8px;color:var(--muted);font-size:13px}.meta .place{font-weight:600;color:var(--text)}.panel{background:#0e2230;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;margin-top:8px}.panel.error{color:#ffb4b4;border-color:#ff787859}.wx-row{display:flex;align-items:center;gap:16px}.temp{font-size:clamp(42px,8.5vw,72px);font-weight:700}.unit{font-size:.45em;margin-left:4px;color:var(--muted)}.details .line{line-height:1.5}.details .line.small{font-size:12px;color:var(--muted)}.foot{margin-top:16px;text-align:center;color:var(--muted);font-size:12px}