:root{
  --bg:#0f0b14;--panel:#1a1422;--panel2:#251c30;--text:#fff8fb;--muted:#c7b8c8;
  --pink:#ff4fa3;--violet:#9d7cff;--green:#71e6b4;--red:#ff7c88;--line:rgba(255,255,255,.1);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 10% 0,rgba(157,124,255,.22),transparent 35%),radial-gradient(circle at 100% 0,rgba(255,79,163,.18),transparent 30%),var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.app-shell{max-width:1050px;margin:auto;padding:20px 14px 60px}
.hero{padding:10px 3px 8px}
.hero h1{font-size:clamp(30px,6vw,52px);line-height:1.05;margin:0 0 10px;letter-spacing:-.04em}
.hero p{max-width:760px;color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:var(--pink);margin:0 0 6px}
.panel{background:rgba(26,20,34,.96);border:1px solid var(--line);border-radius:22px;padding:18px;margin-top:16px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
h2{margin:0 0 14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
label{display:block;font-weight:800}
input,select,textarea{width:100%;margin-top:7px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:13px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--pink)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
button{border:0;border-radius:15px;padding:13px 16px;font:inherit;font-weight:900;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
.primary{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff}
.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.series-button{min-height:120px;color:white;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:20px}
.series-button strong{font-size:30px}
.series-button span{opacity:.9}
.ch{background:linear-gradient(135deg,#d93562,#8f2757)}
.us{background:linear-gradient(135deg,#355dcf,#5b3ca9)}
.chve{background:linear-gradient(135deg,#d78a20,#9a4a20)}
.ve{background:linear-gradient(135deg,#2d9f7a,#256a8d)}
.status{margin-top:14px;color:var(--muted)}
.status.ok{color:var(--green)}.status.err{color:var(--red)}
.result-header{display:flex;justify-content:space-between;gap:12px;align-items:center}
.weather-summary{margin:12px 0;background:var(--panel2);border-radius:15px;padding:14px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px 0;color:var(--muted)}
.check.ok{color:var(--green)}.check.bad{color:var(--red)}
textarea{min-height:560px;resize:vertical;line-height:1.43}
footer{padding:22px 3px;color:var(--muted);font-size:13px}
@media(max-width:760px){
  .form-grid,.series-grid,.checks{grid-template-columns:1fr}
  .result-header{align-items:flex-start;flex-direction:column}
  textarea{min-height:620px}
}