:root{--bg: #e9e4d9;--ink: #14212f;--ink-soft: #41556d;--navy: #0f1f2f;--gold: #bf9b30;--paper: #fffdf7;--line: #d5c9ae;--live: #1e8e3e;--planned: #9b6c00}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 80% -20%,#e6d39f66,transparent 60%),radial-gradient(1000px 600px at -10% 120%,#1e3b5533,transparent 55%),var(--bg);color:var(--ink);font-family:Segoe UI,SF Pro Text,Avenir Next,sans-serif}.page{max-width:1120px;margin:0 auto;padding:28px 18px 60px}.hero{background:linear-gradient(145deg,#132538,#0f1f2f 58%,#1f3e5a);color:#f4efe2;border:1px solid #2d4761;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px #0a121f33}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#e5c76f}.hero h1{margin:8px 0 10px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.08}.lead{margin:0;color:#d2deea;max-width:68ch}.actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7bb67;background:linear-gradient(135deg,#d3b65f,#b9922f);color:#1d232f;text-decoration:none;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer}.btn-install{border-color:#6e879f;background:#1c3046;color:#f2f5f8}.panel{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.controls{padding:14px}.controls input{width:100%;border:1px solid #cfbf9d;border-radius:10px;padding:11px 12px;font-size:.95rem;background:#fffcf2}.chips{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #d5c7a7;border-radius:999px;background:#f9f3e4;color:#344a63;padding:7px 12px;font-size:.86rem;text-transform:capitalize;cursor:pointer}.chip.active{background:#162838;color:#f4e8c4;border-color:#162838}.grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{padding:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card h2{margin:0;font-size:1.05rem}.badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:4px 8px;border:1px solid}.badge.live{color:var(--live);border-color:#7bc991;background:#e9f7ee}.badge.planned{color:var(--planned);border-color:#e5c46a;background:#fff6db}.badge.unknown{color:#54687b;border-color:#b8c4cf;background:#eef2f6}.track{margin:10px 0 5px;color:var(--ink-soft);font-size:.9rem}.url{margin:0;color:#6a7f95;font-size:.83rem;word-break:break-word}.open-link{margin-top:12px;display:inline-block;color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--gold)}.footer{margin-top:18px;text-align:center;color:#61768b;font-size:.85rem}@media(max-width:700px){.page{padding:16px 12px 38px}.hero{border-radius:14px;padding:20px 16px}}