:root{color-scheme:light;--bg: #f2f6fb;--surface: #ffffff;--text: #14213d;--muted: #4e5d78;--accent: #1168e0;--border: #d7e1ef;--danger: #d11f3e;--shadow: 0 12px 28px rgba(20, 33, 61, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,var(--bg) 100%);color:var(--text)}#root{min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:2rem 1rem 3rem}.app-header{text-align:center}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.85rem;font-size:.75rem;color:var(--muted)}.app-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%}.app-footer__row--legal{flex-direction:column;gap:.2rem;font-size:.68rem;line-height:1.4;padding-top:.35rem;border-top:1px solid var(--border);max-width:28rem}.app-footer__copyright,.app-footer__contact{margin:0;text-align:center}.app-footer__contact a{color:var(--accent);text-decoration:none}.app-footer__contact a:hover{text-decoration:underline}.app-footer__contact-label{color:var(--muted)}.app-footer__status{margin:0;flex:1 1 14rem;max-width:36rem;text-align:center;line-height:1.35;min-height:1.2em}.app-footer__status--error{color:var(--danger)}.app-footer__refresh-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;flex-shrink:0}.app-footer__updated{margin:0;font-size:.68rem;color:var(--muted);white-space:nowrap}.app-footer__refresh{flex-shrink:0;padding:.25rem .6rem;font-size:.72rem;background:transparent;color:var(--accent);border:1px solid var(--border);box-shadow:none}.app-footer__refresh:hover{background:#1168e012;filter:none}h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem)}.subtitle{margin:.3rem 0 0;color:var(--muted)}input[type=text]{border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem;font-size:1rem}button{border:none;border-radius:10px;padding:.65rem .95rem;background-color:var(--accent);color:#fff;font-size:.95rem;cursor:pointer}button:hover{filter:brightness(1.05)}.tiles-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}@media(max-width:1024px){.tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.tiles-grid{grid-template-columns:1fr}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1rem;touch-action:manipulation;min-width:0}.tile--add{display:flex;flex-direction:column;align-items:stretch;border-style:dashed;background:linear-gradient(160deg,#f8fbff 0%,var(--surface) 100%);box-shadow:none}.add-tile-head{text-align:center;margin-bottom:.75rem}.add-tile-icon{display:flex;align-items:center;justify-content:center;margin:0 auto .35rem;width:3rem;height:3rem;border-radius:50%;background:#1168e01f;color:var(--accent)}.add-tile-icon svg{width:1.75rem;height:1.75rem}.add-tile-title{margin:0;font-size:1.05rem}.add-tile-hint{margin:.25rem 0 0;font-size:.8rem;color:var(--muted)}.city-search{position:relative;margin-top:auto}.city-search input[type=text]{width:100%}.city-dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:.35rem 0;list-style:none;max-height:min(240px,45vh);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 40px #14213d24}.city-dropdown__status{padding:.55rem .75rem;font-size:.88rem;color:var(--muted)}.city-dropdown__status--error{color:var(--danger)}.city-dropdown__option{padding:.5rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;border:none;background:transparent;text-align:left;width:100%}.city-dropdown__option:hover,.city-dropdown__option--active{background:#1168e014}.city-dropdown__name{font-weight:600;font-size:.95rem;color:var(--text)}.city-dropdown__detail{font-size:.8rem;color:var(--muted)}.tile--dragging{opacity:.92;z-index:2;box-shadow:0 16px 40px #14213d26}.tile-top{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:start}.tile-heading{min-width:0}.drag-handle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);cursor:grab;flex-shrink:0}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:1.35rem;height:1.35rem}.city-name{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:1.2rem}.city-flag{font-size:1.05em;line-height:1}.country-name{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.remove-btn{background:transparent;color:var(--danger);border:1px solid #ffd9df;padding:.12rem .45rem;line-height:1;font-size:1.4rem}.tile-main{margin-top:1rem}.tile-main-visual{display:flex;align-items:center;gap:.85rem}.weather-icon{width:3.75rem;height:3.75rem;flex-shrink:0;color:var(--accent)}.weather-icon--placeholder{width:3.75rem;height:3.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:var(--muted);background:var(--bg);border-radius:12px;border:1px dashed var(--border)}.temp{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.temp__fahrenheit{font-weight:700}.temp__sep{font-weight:500;color:var(--muted);font-size:1.35rem}.temp__celsius{font-weight:600;font-size:1.45rem;color:var(--muted)}.desc{margin:.25rem 0 0;color:var(--muted);text-transform:capitalize}.tile-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.9rem 0 0;gap:.6rem}.tile-meta dt{font-size:.74rem;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.tile-meta dd{margin:0;font-size:.87rem}.tile-meta dd.aqi{font-weight:700}.tile-meta dd.aqi--good{color:#1f8f3a}.tile-meta dd.aqi--moderate{color:#8a6a00}.tile-meta dd.aqi--usg{color:#b45309}.tile-meta dd.aqi--unhealthy{color:#c53030}.tile-meta dd.aqi--very-unhealthy{color:#6b21a8}.tile-meta dd.aqi--hazardous{color:#7f1d1d}.tile-meta dd.aqi--unknown{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.tile-meta{grid-template-columns:1fr}}.tile[class*=tile-bg--]{position:relative;overflow:hidden;background-color:var(--surface);border-color:#14213d1f}.tile[class*=tile-bg--]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff6b;pointer-events:none;z-index:0}.tile[class*=tile-bg--]>*{position:relative;z-index:1}.tile-bg--thunder:before{background:#ffffff80}.tile-bg--clear-day{background-image:radial-gradient(ellipse 95% 55% at 18% 8%,rgba(255,220,100,.75),transparent 52%),radial-gradient(ellipse 70% 45% at 88% 12%,rgba(255,245,200,.55),transparent 48%),linear-gradient(165deg,#7ec8ff,#c8e8ff 35%,#fff8e8 88%,#ffe8c4)}.tile-bg--mostly-clear-day{background-image:radial-gradient(ellipse 80% 50% at 22% 10%,rgba(255,215,90,.5),transparent 50%),linear-gradient(168deg,#8ec9f5,#d2e9ff 45%,#fff6e4)}.tile-bg--clear-night{background-image:radial-gradient(ellipse 60% 40% at 75% 15%,rgba(200,210,255,.35),transparent 50%),radial-gradient(circle at 20% 25%,rgba(255,255,255,.15) 0%,transparent 3%),linear-gradient(165deg,#1a2744,#2d3d5c 40%,#4a5a78 85%,#5c6d8a)}.tile-bg--mostly-clear-night{background-image:radial-gradient(circle at 80% 18%,rgba(180,195,255,.25),transparent 42%),linear-gradient(168deg,#243352,#3a4a68 55%,#556380)}.tile-bg--clear-night:before,.tile-bg--mostly-clear-night:before{background:#ffffff38}.tile-bg--clear-night .city-name,.tile-bg--clear-night .country-name,.tile-bg--clear-night .temp,.tile-bg--clear-night .desc,.tile-bg--clear-night .tile-meta,.tile-bg--mostly-clear-night .city-name,.tile-bg--mostly-clear-night .country-name,.tile-bg--mostly-clear-night .temp,.tile-bg--mostly-clear-night .desc,.tile-bg--mostly-clear-night .tile-meta{color:#f0f4fc;text-shadow:0 1px 2px rgba(0,0,0,.35)}.tile-bg--clear-night .country-name,.tile-bg--clear-night .desc,.tile-bg--clear-night .tile-meta dt,.tile-bg--clear-night .tile-meta dd,.tile-bg--mostly-clear-night .country-name,.tile-bg--mostly-clear-night .desc,.tile-bg--mostly-clear-night .tile-meta dt,.tile-bg--mostly-clear-night .tile-meta dd{color:#f0f4fcd9}.tile-bg--clear-night .temp__sep,.tile-bg--clear-night .temp__celsius,.tile-bg--mostly-clear-night .temp__sep,.tile-bg--mostly-clear-night .temp__celsius{color:#f0f4fcbf}.tile-bg--clear-night .tile-meta dd.aqi--good,.tile-bg--mostly-clear-night .tile-meta dd.aqi--good{color:#7ee787}.tile-bg--clear-night .tile-meta dd.aqi--moderate,.tile-bg--mostly-clear-night .tile-meta dd.aqi--moderate{color:#ffd866}.tile-bg--clear-night .tile-meta dd.aqi--usg,.tile-bg--mostly-clear-night .tile-meta dd.aqi--usg{color:#ffb86b}.tile-bg--clear-night .tile-meta dd.aqi--unhealthy,.tile-bg--mostly-clear-night .tile-meta dd.aqi--unhealthy{color:#ff7b72}.tile-bg--clear-night .tile-meta dd.aqi--very-unhealthy,.tile-bg--mostly-clear-night .tile-meta dd.aqi--very-unhealthy{color:#d2a8ff}.tile-bg--clear-night .tile-meta dd.aqi--hazardous,.tile-bg--mostly-clear-night .tile-meta dd.aqi--hazardous{color:#ff4d6d}.tile-bg--clear-night .tile-meta dd.aqi--unknown,.tile-bg--mostly-clear-night .tile-meta dd.aqi--unknown{color:#f0f4fcd9}.tile-bg--clear-night .weather-icon,.tile-bg--mostly-clear-night .weather-icon{color:#e8edff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.tile-bg--clear-night .drag-handle,.tile-bg--mostly-clear-night .drag-handle{background:#ffffff1f;border-color:#ffffff40;color:#ffffffd9}.tile-bg--clear-night .remove-btn,.tile-bg--mostly-clear-night .remove-btn{color:#ffb4c0;border-color:#ffb4be73}.tile-bg--clear-night .weather-icon--placeholder,.tile-bg--mostly-clear-night .weather-icon--placeholder{color:#f0f4fc80;border-color:#ffffff40;background:#ffffff14}.tile-bg--partly{background-image:radial-gradient(ellipse 55% 35% at 30% 22%,rgba(255,255,255,.9),transparent 55%),radial-gradient(ellipse 50% 32% at 72% 18%,rgba(240,245,252,.85),transparent 52%),linear-gradient(175deg,#9ecfff,#d5e8f7,#eef4fa)}.tile-bg--overcast{background-image:linear-gradient(180deg,#9aa8b8,#b8c4d0,#d0dae2 70%,#dde5ea)}.tile-bg--fog{background-image:radial-gradient(ellipse 100% 80% at 50% 100%,rgba(255,255,255,.95),transparent 55%),linear-gradient(180deg,#c8d0d8,#dfe6ea,#e8eef0)}.tile-bg--drizzle{background-image:repeating-linear-gradient(100deg,transparent,transparent 6px,rgba(100,140,180,.07) 6px,rgba(100,140,180,.07) 7px),linear-gradient(175deg,#a8bdd4,#d0dce8 55%,#e2eaf0)}.tile-bg--rain{background-image:repeating-linear-gradient(105deg,transparent,transparent 5px,rgba(70,110,150,.12) 5px,rgba(70,110,150,.12) 6px),linear-gradient(178deg,#7a9ab8,#a8bdd0 40%,#c8d6e4)}.tile-bg--rain-showers{background-image:repeating-linear-gradient(98deg,transparent,transparent 4px,rgba(60,100,150,.1) 4px,rgba(60,100,150,.1) 5px),radial-gradient(ellipse 90% 60% at 50% -5%,rgba(180,200,220,.6),transparent 55%),linear-gradient(175deg,#88a8c8,#b8cce0,#d8e4ee)}.tile-bg--snow{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0%,transparent 1.2%),radial-gradient(circle at 60% 70%,rgba(255,255,255,.85) 0%,transparent 1%),radial-gradient(circle at 85% 40%,rgba(255,255,255,.8) 0%,transparent .9%),linear-gradient(175deg,#c8d8e8,#e2eaf2 45%,#f0f4f8)}.tile-bg--thunder{background-image:radial-gradient(ellipse 45% 30% at 75% 15%,rgba(80,90,120,.5),transparent 50%),repeating-linear-gradient(102deg,transparent,transparent 5px,rgba(50,70,100,.15) 5px,rgba(50,70,100,.15) 6px),linear-gradient(175deg,#5a6a82,#7a8a9e 35%,#a0aec0)}.tile-bg--loading{background-image:linear-gradient(125deg,#e8eef6,#f2f6fb,#e8eef6);background-size:200% 200%;animation:tile-bg-shimmer 2.5s ease-in-out infinite}.tile-bg--error{background-image:linear-gradient(160deg,#f0e4e6,#f8eef0,#f5e8ea)}.tile-bg--neutral{background-image:linear-gradient(165deg,#e4eaf2,#f0f4f8)}@keyframes tile-bg-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}