:root{--t:#2d6f89;--td:#1c4a5e;--g:#8cb52a;--o:#f58634;--bg:#eef3f2}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;background:var(--bg);color:#1d2b33;line-height:1.9}
a{color:var(--t);text-decoration:none}.wrap{max-width:1150px;margin:auto;padding:0 16px}
.top{background:linear-gradient(135deg,var(--td),var(--t) 55%,#6f9a1c);color:#fff;box-shadow:0 4px 18px #0003}
.bar{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:10px;flex-wrap:wrap}
.logos{display:flex;gap:10px}.logos img{height:74px;width:74px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;box-shadow:0 2px 8px #0003}
.brand{flex:1;min-width:200px}.brand h1{margin:0;font-size:1.6rem}.brand p{margin:0;opacity:.9}
.clock{background:#0003;border-radius:12px;padding:6px 14px;font-size:.9rem}
nav{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:10px;align-items:center}nav a,nav .hi{color:#fff;padding:6px 14px;border-radius:20px}nav a:hover{background:#fff3}nav .sp{flex:1}nav .cta{background:var(--o)}
main{padding-top:22px;padding-bottom:30px;min-height:60vh}
.hero{background:linear-gradient(135deg,#fff,#e3f0d0);border-radius:22px;padding:26px;margin-bottom:22px;text-align:center;box-shadow:0 4px 16px #0001}.hero h2{margin:0;color:var(--td)}
.search{display:flex;gap:8px;justify-content:center;margin-top:12px}.search input{flex:1;max-width:420px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #c6d3d8;border-radius:12px;font:inherit;background:#fff}
label{display:block;margin-bottom:12px;font-weight:bold}label input,label select,label textarea{font-weight:normal;margin-top:4px}
.btn{background:var(--o);color:#fff;border:0;border-radius:12px;padding:10px 22px;font:inherit;font-weight:bold;cursor:pointer;display:inline-block}.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:#fff;color:var(--td);border:1px solid #c6d3d8}.dl{background:var(--g);margin:14px 0;font-size:1.1rem}
.lnk{background:none;border:0;color:#c0392b;cursor:pointer;font:inherit}.in{display:inline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 3px 14px #0001;color:inherit;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #0002}
.th{height:160px;background:linear-gradient(135deg,var(--t),var(--g));display:flex;align-items:center;justify-content:center;font-size:3.2rem}.th img{width:100%;height:100%;object-fit:cover}
.cb{padding:12px 14px}.cb h3{margin:2px 0 8px;font-size:1.05rem}.cb small{color:#6a7d85}.mt{display:flex;gap:14px;flex-wrap:wrap;color:#4b5f68;font-size:.9rem}
.box{background:#fff;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 3px 14px #0001;overflow-x:auto}.narrow{max-width:560px;margin:20px auto}
.media{text-align:center;margin:14px 0}.media img,.media video{max-width:100%;max-height:520px;border-radius:14px}.media audio{width:100%}.big{font-size:4rem}
.big2{margin:8px 0}.votes{display:flex;gap:8px;margin-top:10px}.note{background:#fff7ee;border-right:4px solid var(--o);padding:10px 14px;border-radius:10px;margin-bottom:10px}.note small{display:block;color:#888}
.cmt{border-top:1px solid #e3eaec;padding:10px 0}.ys{color:#f2a900;margin-right:8px}.hp{position:absolute;left:-9999px}
.stars{direction:rtl;display:inline-flex}.stars input{display:none}.stars label{font-size:1.8rem;color:#ccc;cursor:pointer;margin:0}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#f2a900}
.rate{display:flex;align-items:center;gap:10px;margin:8px 0}.flash{background:#e6f4d4;border:1px solid var(--g);padding:10px 14px;border-radius:12px;margin-bottom:16px}.flash.bad{background:#fde8e6;border-color:#d9534f}
.pager{display:flex;gap:6px;justify-content:center;margin-top:20px}.pager a{padding:6px 14px;background:#fff;border-radius:10px}.pager .on{background:var(--t);color:#fff}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.tabs a{background:#fff;padding:7px 16px;border-radius:12px}.tabs .on{background:var(--t);color:#fff}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #e3eaec;text-align:right}.stat{text-align:center}.stat b{display:block;font-size:2rem;color:var(--t)}
footer{background:var(--td);color:#fff;text-align:center;padding:16px 0}.stats{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}footer p{margin:6px 0 0;opacity:.8;font-size:.85rem}
@media(max-width:600px){.brand h1{font-size:1.2rem}.logos img{height:56px;width:56px}}