.ytp-front-wrap{max-width:1100px;margin:0 auto}.ytp-front-filter{display:flex;gap:10px;align-items:center;margin:0 0 18px}.ytp-front-filter select,.ytp-front-filter button,.ytp-top-fields input{padding:12px 14px;border:1px solid #d0d5dd;border-radius:12px}.ytp-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.ytp-test-card,.ytp-question-card,.ytp-panel-front,.ytp-inline-result,.ytp-alert{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 10px 24px rgba(2,6,23,.04)}.ytp-badge{display:inline-block;background:#111827;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:10px}.ytp-meta,.ytp-info-line{display:flex;flex-wrap:wrap;gap:12px;color:#667085;font-size:14px}.ytp-btn{display:inline-block;background:#111827;color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:14px}.ytp-btn-big{width:100%;border:0;cursor:pointer;font-size:16px}.ytp-test-form{display:flex;flex-direction:column;gap:18px}.ytp-top-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.ytp-question-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ytp-diff{padding:6px 10px;border-radius:999px;font-size:12px}.ytp-diff-easy{background:#ecfdf3;color:#027a48}.ytp-diff-medium{background:#fffaeb;color:#b54708}.ytp-diff-hard{background:#fef3f2;color:#b42318}.ytp-question-image{max-width:100%;height:auto;border-radius:12px;margin:8px 0 14px}.ytp-options{display:grid;gap:10px}.ytp-option{display:block;border:1px solid #e5e7eb;border-radius:14px;padding:12px;cursor:pointer}.ytp-option input{margin-right:10px}.ytp-alert{color:#b42318}.ytp-inline-result{text-align:center;margin-top:20px}@media (max-width:768px){.ytp-top-fields{grid-template-columns:1fr}.ytp-meta,.ytp-info-line{flex-direction:column}}

.ytp-result-box{margin:0 0 28px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;box-shadow:0 14px 40px rgba(0,0,0,.06);text-align:center}
.ytp-result-box.success{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#ffffff)}
.ytp-result-box.fail{border-color:#fda4af;background:linear-gradient(135deg,#fff1f2,#ffffff)}
.ytp-result-icon{font-size:42px;line-height:1}
.ytp-result-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-top:10px}
.ytp-score-ring{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:18px auto;background:radial-gradient(circle at 30% 30%,#fff 0,#fff 48%,#e5e7eb 49%,#dbeafe 100%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.6)}
.ytp-score-ring span{font-size:34px;font-weight:800}
.ytp-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:18px auto}
.ytp-result-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}
.ytp-result-grid strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
.ytp-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.ytp-btn-light{background:#eef2ff;color:#111827}
.ytp-result-note{color:#6b7280;margin-top:16px}
@media(max-width:640px){.ytp-result-grid{grid-template-columns:1fr}.ytp-score-ring{width:110px;height:110px}.ytp-score-ring span{font-size:30px}}