.test-page{--red:#c1272d;--grad:linear-gradient(45deg, #9f3a3e, #c1272d);--line:#ffd9d9;--line-2:#f6e6e6;--soft:#fff5f5;--ink:#1f2937;--muted:#6b7280;--ok:#16a34a;--ok-bg:#e9f8ec;--warn:#b45309;--warn-bg:#fff4db;color:var(--ink);background:#fff}.test-page .account-container{padding-left:300px;padding-right:2rem}.test-page h1,.test-page h2,.test-page h3,.test-page p,.test-page ul{margin:0}.test-page ul{padding:0;list-style:none}.test-page b,.test-page strong{color:inherit}.test-page .tp-wrap{padding:16px 0 60px}.test-page .tp-back{color:#374151;margin-bottom:12px;font-weight:600;display:inline-block}.test-page .tp-back:hover{color:var(--red)}.test-page .tp-btn{border:1px solid var(--line);color:#374151;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex}.test-page .tp-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.test-page .tp-btn:disabled{opacity:.5;cursor:default}.test-page .tp-btn.primary{background:var(--grad);color:#fff;border-color:#9f3a3e}.test-page .tp-btn.primary:hover:not(:disabled){color:#fff;filter:brightness(1.06)}.test-page .tp-btn.big{padding:13px 28px;font-size:16px}.test-page .tp-btn.block{width:100%;padding:12px}.test-page .tp-state{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.test-page .tp-state.red{background:var(--soft);color:var(--red)}.test-page .tp-state.amber{background:var(--warn-bg);color:var(--warn)}.test-page .tp-state.green{background:var(--ok-bg);color:var(--ok)}.test-page .tp-state.gray{color:var(--muted);background:#f3f4f6}.test-page .tp-empty{text-align:center;border:1px dashed var(--line);border-radius:15px;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.test-page .tp-empty h2{font-size:18px}.test-page .tp-empty p{color:var(--muted)}.test-page .tp-note{color:var(--muted);background:var(--soft);border-radius:10px;padding:12px 14px}.test-page .tp-banner{border:1px solid var(--line);background:linear-gradient(135deg,#fff5f5 0%,#fff 60%,#fff8e6 100%);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px 24px;display:flex}.test-page .tp-banner h1{font-size:24px;font-weight:800}.test-page .tp-banner p{color:#4b5563;max-width:560px;margin-top:6px}.test-page .tp-banner-stats{gap:10px;display:flex}.test-page .tp-banner-stats div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;min-width:92px;padding:10px 14px}.test-page .tp-banner-stats b{color:var(--red);font-size:22px;font-weight:800;display:block}.test-page .tp-banner-stats span{color:var(--muted);font-size:12px}.test-page .tp-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.test-page .tp-tabs{flex-wrap:wrap;gap:8px;display:flex}.test-page .tp-tabs button{border:1px solid var(--line);font:inherit;color:#4b5563;cursor:pointer;background:#fff;border-radius:99px;padding:7px 14px;font-size:14px;font-weight:600}.test-page .tp-tabs button em{background:var(--soft);color:var(--red);border-radius:99px;margin-left:4px;padding:0 7px;font-size:12px;font-style:normal}.test-page .tp-tabs button:hover{border-color:var(--red);color:var(--red)}.test-page .tp-tabs button.active{background:var(--grad);color:#fff;border-color:#9f3a3e}.test-page .tp-tabs button.active em{color:#fff;background:#ffffff40}.test-page .tp-select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:7px 12px}.test-page .tp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.test-page .tp-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.test-page .tp-card:hover{border-color:#f1b8b8;transform:translateY(-2px);box-shadow:0 6px 18px #9f3a3e14}.test-page .tp-card h3{font-size:16px;font-weight:700;line-height:1.35}.test-page .tp-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.test-page .tp-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.test-page .tp-card-ico{background:var(--soft);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.test-page .tp-card-sub{color:var(--red);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.test-page .tp-card-meta{color:#4b5563;flex-wrap:wrap;gap:6px 12px;margin-top:4px;font-size:13px;display:flex}.test-page .tp-card-foot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.test-page .tp-card-foot small{color:var(--muted);font-size:12px}.test-page .tp-card-go{color:var(--red);white-space:nowrap;font-size:14px;font-weight:700}.test-page .tp-intro{border:1px solid var(--line);border-radius:15px;flex-direction:column;align-items:flex-start;gap:18px;max-width:760px;padding:24px;display:flex}.test-page .tp-intro h1{margin-top:6px;font-size:24px;font-weight:800}.test-page .tp-intro p{color:#4b5563;margin-top:6px}.test-page .tp-intro-head{align-items:flex-start;gap:16px;display:flex}.test-page .tp-intro-ico{background:var(--soft);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.test-page .tp-info{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.test-page .tp-info div{background:var(--soft);border-radius:12px;padding:12px}.test-page .tp-info span{font-size:18px}.test-page .tp-info small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.test-page .tp-info b{font-size:15px}.test-page .tp-rules{flex-direction:column;gap:6px;display:flex}.test-page .tp-rules li{color:#374151;padding-left:20px;position:relative}.test-page .tp-rules li:before{content:"✓";color:var(--red);font-weight:800;position:absolute;left:0}.test-page .tp-play{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.test-page .tp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.test-page .tp-bar-stats{border:1px solid var(--line);background:#fff8e6;border-radius:15px;display:flex}.test-page .tp-bar-stats div{padding:8px 18px}.test-page .tp-bar-stats div+div{border-left:1px solid var(--line)}.test-page .tp-bar-stats small{color:var(--muted);font-size:12px;display:block}.test-page .tp-bar-stats b{color:var(--red);font-variant-numeric:tabular-nums;font-size:17px}.test-page .tp-bar-stats .danger b{color:#dc2626;animation:1s steps(2,end) infinite tp-blink}.test-page .tp-bar-nav{gap:8px;display:flex}.test-page .tp-question{border:1px solid var(--line);background:#fff;border-radius:15px;padding:52px 22px 20px;position:relative}.test-page .tp-q-tab{border:1px solid var(--line);background:#fff8e6;border-radius:15px 0;padding:8px 18px;font-weight:700;position:absolute;top:-1px;left:-1px}.test-page .tp-q-points{color:var(--muted);font-size:13px;position:absolute;top:14px;right:18px}.test-page .tp-q-text{white-space:pre-wrap;margin-bottom:16px;font-size:17px;font-weight:600;line-height:1.5}.test-page .tp-options{flex-direction:column;gap:10px;display:flex}.test-page .tp-option{border:1px solid var(--line);width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.test-page .tp-option:hover{background:var(--soft);border-color:#f1b8b8}.test-page .tp-option.on{border-color:var(--red);background:var(--soft);box-shadow:0 0 0 2px #c1272d1f}.test-page .tp-option.on .tp-letter{background:var(--grad);color:#fff;border-color:#0000}.test-page .tp-letter{border:1px solid var(--line);width:32px;height:32px;color:var(--red);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.test-page .tp-textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:12px;padding:12px}.test-page .tp-textarea:focus{border-color:var(--red);outline:none}.test-page .tp-q-foot{justify-content:flex-end;margin-top:18px;display:flex}.test-page .tp-side{position:sticky;top:16px}.test-page .tp-card-box{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.test-page .tp-card-box h3{margin-bottom:10px;font-size:17px;font-weight:800}.test-page .tp-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.test-page .tp-legend span{align-items:center;gap:5px;display:flex}.test-page .tp-legend i{border:1px solid var(--line);background:#fff;border-radius:4px;width:12px;height:12px}.test-page .tp-legend i.done{background:var(--grad);border-color:#0000}.test-page .tp-legend i.current{background:#fde68a;border-color:#f59e0b}.test-page .tp-nums{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.test-page .tp-nums button{aspect-ratio:1;border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:10px;font-weight:700}.test-page .tp-nums button:hover{border-color:var(--red)}.test-page .tp-nums button.done{background:var(--grad);color:#fff;border-color:#0000}.test-page .tp-nums button.current{box-shadow:0 0 0 2px #f59e0b}.test-page .tp-nums button.current:not(.done){background:#fde68a;border-color:#f59e0b}.test-page .tp-sum{border-top:1px solid var(--line-2);flex-direction:column;gap:6px;margin:14px 0;padding-top:12px;display:flex}.test-page .tp-sum li{justify-content:space-between;font-size:14px;display:flex}.test-page .tp-confirm{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px}.test-page .tp-confirm p{margin-bottom:10px;font-size:14px}.test-page .tp-confirm div{gap:8px;display:flex}.test-page .tp-confirm div button{flex:1}.test-page .tp-result{flex-direction:column;gap:12px;max-width:900px;display:flex}.test-page .tp-score{border:1px solid var(--line);background:linear-gradient(135deg,#fff5f5 0%,#fff 60%,#fff8e6 100%);border-radius:15px;align-items:center;gap:22px;padding:22px;display:flex}.test-page .tp-score h1{font-size:22px;font-weight:800}.test-page .tp-score p{color:#374151;margin-top:6px}.test-page .tp-score small{color:var(--muted);margin-top:6px;font-size:13px;display:block}.test-page .tp-score .tp-feedback{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.test-page .tp-score-ring{background:radial-gradient(closest-side, #fff 78%, transparent 79%),conic-gradient(var(--red) var(--pct), #fbe9e9 0);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.test-page .tp-score-ring b{color:var(--red);font-size:34px;font-weight:800;line-height:1}.test-page .tp-score-ring small{margin:2px 0 0;font-size:13px}.test-page .tp-review{border:1px solid var(--line);border-left-width:4px;border-radius:15px;padding:16px 18px}.test-page .tp-review.right{border-left-color:var(--ok)}.test-page .tp-review.wrong{border-left-color:#dc2626}.test-page .tp-review.pending{border-left-color:#f59e0b}.test-page .tp-review .tp-q-text{margin-bottom:10px;font-size:15px}.test-page .tp-review-head{justify-content:space-between;margin-bottom:6px;display:flex}.test-page .tp-review-head span{color:var(--muted);font-size:13px;font-weight:700}.test-page .tp-review.right .tp-review-head span{color:var(--ok)}.test-page .tp-review.wrong .tp-review-head span{color:#dc2626}.test-page .tp-review-options{flex-direction:column;gap:6px;display:flex}.test-page .tp-review-options li{border:1px solid var(--line-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.test-page .tp-review-options .tp-letter{width:26px;height:26px;font-size:13px}.test-page .tp-review-options em{margin-left:auto;font-size:12px;font-style:normal;font-weight:700}.test-page .tp-review-options li.chosen{background:#fef2f2;border-color:#fca5a5}.test-page .tp-review-options li.chosen em{color:#dc2626}.test-page .tp-review-options li.right{background:var(--ok-bg);border-color:#86efac}.test-page .tp-review-options li.right em{color:var(--ok)}.test-page .tp-review-options li.right .tp-letter{background:var(--ok);border-color:var(--ok);color:#fff}.test-page .tp-review-text{white-space:pre-wrap;background:#f9fafb;border-radius:10px;padding:10px 12px;font-size:14px}@keyframes tp-blink{50%{opacity:.55}}@media (max-width:1100px){.test-page .tp-play{grid-template-columns:minmax(0,1fr)}.test-page .tp-side{position:static}}@media (max-width:760px){.test-page .tp-banner{flex-direction:column;align-items:stretch}.test-page .tp-info{grid-template-columns:1fr 1fr}.test-page .tp-bar-stats div{padding:8px 12px}.test-page .tp-score{text-align:center;flex-direction:column}}