.cp-shell{width:min(1180px,calc(100% - 2rem));margin:2rem auto 4rem;direction:rtl;color:#eaf6ff;font-family:Heebo,Arial,sans-serif}
.cp-btn.correct{border-color:#53d68b;background:rgba(40,180,105,.18)}.cp-btn.wrong{border-color:#ff7185;background:rgba(220,55,80,.16)}.cp-quiz-result{margin:.8rem 0 0;padding:.75rem .9rem;border-radius:12px;background:rgba(255,255,255,.04)}.cp-quiz-result.success{color:#71dca1}.cp-quiz-result.error{color:#ff9aa8}
.cp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.cp-card{grid-column:span 6;background:linear-gradient(145deg,rgba(15,39,61,.96),rgba(6,20,33,.98));border:1px solid rgba(77,184,255,.2);border-radius:22px;padding:clamp(1rem,2.4vw,1.6rem);box-shadow:0 18px 52px rgba(0,0,0,.2)}.cp-card.wide{grid-column:1/-1}.cp-card.third{grid-column:span 4}.cp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cp-kicker{color:#58c7ff;font-size:.74rem;font-weight:900;letter-spacing:.08em}.cp-title{margin:.2rem 0;font-size:clamp(1.25rem,2vw,1.65rem)}.cp-muted{color:#8eabc0;font-size:.86rem;line-height:1.65}.cp-score-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.cp-score{padding:1.15rem;border-radius:18px;background:rgba(2,13,23,.5);text-align:center}.cp-score strong{display:block;font-size:2.25rem;line-height:1;color:#fff}.cp-score small{color:#8fb0c8}.cp-versus{color:#5e7d94;font-weight:900}.cp-stars{display:grid;grid-template-columns:repeat(10,1fr);gap:.35rem;margin:1rem 0}.cp-rate{min-height:44px;border:1px solid rgba(91,192,255,.24);border-radius:10px;background:#071a2a;color:#ccecff;font:800 .88rem Heebo;cursor:pointer}.cp-rate:hover,.cp-rate.active{background:#188fe8;color:white;border-color:#6ed5ff}.cp-actions,.cp-reactions{display:flex;flex-wrap:wrap;gap:.55rem}.cp-btn{min-height:44px;padding:.65rem .95rem;border-radius:999px;border:1px solid rgba(91,192,255,.28);background:#071a2a;color:#dff5ff;font:800 .86rem Heebo;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.cp-btn:hover,.cp-btn.active{background:#168cdd;border-color:#6ed5ff;color:#fff}.cp-btn.primary{background:linear-gradient(135deg,#086fc7,#1cb2ed);color:#fff}.cp-review-input,.cp-field,.cp-select{width:100%;min-height:46px;border:1px solid rgba(91,192,255,.22);border-radius:12px;background:#071a2a;color:#eef9ff;padding:.75rem;font:inherit}.cp-review-input{min-height:92px;resize:vertical}.cp-status{min-height:1.3rem;margin-top:.55rem;color:#71dca1;font-size:.82rem}.cp-list{display:grid;gap:.7rem}.cp-row{display:flex;align-items:center;gap:.8rem;padding:.85rem;border-radius:14px;background:rgba(2,13,23,.48);border:1px solid rgba(91,192,255,.1)}.cp-row-main{flex:1;min-width:0}.cp-row strong,.cp-row small{display:block}.cp-row small{color:#86a7bd;margin-top:.15rem}.cp-badge{white-space:nowrap;padding:.35rem .55rem;border-radius:999px;background:rgba(24,143,232,.14);color:#84d5ff;font-size:.76rem;font-weight:900}.cp-poll-option{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.8rem;margin:.5rem 0}.cp-poll-bar{height:8px;border-radius:99px;background:#071522;overflow:hidden;margin-top:.35rem}.cp-poll-bar span{display:block;height:100%;background:linear-gradient(90deg,#187fd2,#39c5ef)}.cp-empty{padding:1.25rem;text-align:center;border:1px dashed rgba(91,192,255,.22);border-radius:14px;color:#83a4ba}.cp-audio{width:100%;margin-top:.7rem}.cp-achievement{display:grid;grid-template-columns:44px 1fr auto;gap:.75rem;align-items:center}.cp-achievement-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(25,145,222,.15);font-size:1.35rem}.cp-lock{opacity:.48}.cp-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.cp-metric{background:#071a2a;border-radius:14px;padding:1rem}.cp-metric strong{display:block;font-size:1.7rem}.cp-table{width:100%;border-collapse:collapse}.cp-table th,.cp-table td{text-align:right;padding:.65rem;border-bottom:1px solid rgba(91,192,255,.12)}
@media(max-width:860px){.cp-card,.cp-card.third{grid-column:1/-1}.cp-admin-metrics{grid-template-columns:1fr 1fr}.cp-stars{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px){.cp-shell{width:min(100% - 1rem,1180px);margin:1rem auto 2.5rem}.cp-card{border-radius:17px}.cp-score-compare{gap:.45rem}.cp-score{padding:.85rem .45rem}.cp-score strong{font-size:1.8rem}.cp-actions .cp-btn{flex:1}.cp-admin-metrics{grid-template-columns:1fr}.cp-row{align-items:flex-start}.cp-badge{white-space:normal}}