body{background:#f5f7fb;color:#203040}.hero{background:linear-gradient(135deg,#0d6efd 0%,#4f46e5 100%);color:#fff;border-radius:24px;padding:56px 32px}.card-soft,.metric-card{border:0;border-radius:20px;box-shadow:0 8px 30px rgba(16,24,40,.06)}.metric-icon{font-size:1.7rem;width:52px;height:52px;border-radius:16px;background:#eef4ff;display:flex;align-items:center;justify-content:center;color:#0d6efd}.table>:not(caption)>*>*{padding:1rem .85rem}.form-section{background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(16,24,40,.06);padding:24px}.small-muted{font-size:.9rem;color:#6c7a89}.badge-soft{background:#eef4ff;color:#0d6efd}.stat-mini{padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #edf2f7;height:100%}.code-chip{display:inline-block;padding:.4rem .7rem;border-radius:999px;background:#111827;color:#fff;font-size:.85rem}.review-link-box{background:#0f172a;color:#fff;border-radius:18px;padding:18px}.empty-state{padding:40px 20px;text-align:center;color:#6b7280}.navbar .nav-link.active{font-weight:600}.table-actions .btn{margin-right:.35rem}.section-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.section-title h1,.section-title h2{margin:0}@media (max-width:768px){.hero{padding:36px 20px;border-radius:18px}.section-title{flex-direction:column;align-items:flex-start}}
.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rating-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;transition:all .2s ease}.rating-card input{display:none}.rating-card .emoji{font-size:2rem;line-height:1;margin-bottom:.75rem}.rating-card .label{font-weight:600;color:#203040;font-size:.95rem}.rating-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,24,40,.08);border-color:#cbd5e1}.rating-card:has(input:checked){border-color:#0d6efd;background:#eef4ff;box-shadow:0 8px 24px rgba(13,110,253,.12)}@media (max-width:768px){.rating-grid{grid-template-columns:repeat(2,1fr)}.rating-card{min-height:120px}}@media (max-width:480px){.rating-grid{grid-template-columns:1fr}}

.channel-preview{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}
.code-output{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-word}
.copy-box{position:relative}
.copy-box textarea{min-height:160px}
.kbd-badge{display:inline-block;background:#111827;color:#fff;padding:.2rem .45rem;border-radius:.45rem;font-size:.8rem}

.table-card{background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(16,24,40,.06);overflow:hidden}
.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:992px){.filter-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.filter-grid{grid-template-columns:1fr}}

.poster-stage{background:#eef4ff;border-radius:28px;padding:28px}.poster-card{background:#fff;border:8px solid #111827;border-radius:28px;padding:28px;max-width:780px;margin:0 auto}.poster-qr{width:240px;height:240px;border-radius:24px;background:#fff;padding:12px;border:1px solid #e5e7eb}.platform-btn{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:18px;font-weight:700;text-decoration:none}.leaderboard-rank{width:44px;height:44px;border-radius:999px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.print-hide{}@media print{.navbar,.print-hide,.btn,.alert{display:none!important}body{background:#fff}main,.container{padding:0!important}.poster-stage{background:#fff;padding:0}.poster-card{box-shadow:none;border-width:6px}}