.result{padding:20px 0 88px}.result-shell{max-width:920px}.result-loading-state{display:flex;align-items:center;justify-content:center;min-height:55dvh}.result-empty-state{padding:64px 24px;text-align:center}.result-empty-state h2{font-size:clamp(1.25rem,.95rem + 1vw,1.55rem);margin-bottom:8px}.result-empty-state p{color:var(--text-muted);margin-bottom:20px}.result-matchup-card{margin-bottom:16px;padding:14px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid rgba(56,189,248,.36);background:linear-gradient(135deg,#0ea5e924,#0f172aeb)}.result-matchup-card.is-win{border-color:#34d3996b;background:linear-gradient(135deg,#10b9812e,#0f172aeb)}.result-matchup-card__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#38bdf8}.result-matchup-card__title{margin:4px 0 0;font-size:clamp(.92rem,.82rem + .35vw,1.04rem);font-weight:700;color:var(--text-primary);line-height:1.4}.result-bento-wrap{container-type:inline-size;container-name:result-hero;margin-bottom:14px}.result-bento-hero{position:relative;overflow:hidden;border-radius:22px;padding:clamp(18px,.9rem + 1.8vw,28px);background:radial-gradient(120% 90% at 0% 0%,#1e293bd1,#0f172af5 72%),var(--surface);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 42px -16px #020617a6,inset 0 1px #ffffff0f;display:flex;flex-direction:column;gap:16px}.result-bento-hero--pass{background:radial-gradient(85% 95% at 8% 0%,#10b9812b,#0f172af5 66%),var(--surface);border-color:#34d39947}.result-bento-hero--fail{background:radial-gradient(85% 95% at 8% 0%,#f43f5e29,#0f172af5 66%),var(--surface);border-color:#f8717142}.result-hero-top{display:flex;align-items:center;gap:16px}.result-ring-wrap{position:relative;width:92px;height:92px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.result-ring-svg{width:100%;height:100%}.result-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-variant-numeric:tabular-nums}.result-ring-score{font-size:1.26rem;font-weight:900;color:#f8fafc;letter-spacing:-.02em}.result-ring-score small{font-size:.76rem;font-weight:700;color:#94a3b8;margin-left:1px}.result-ring-pct{margin-top:4px;font-size:.72rem;font-weight:700;color:#94a3b8}.result-verdict-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.result-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.result-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.result-status-pill--pass{background:#10b98129;color:#34d399;border:1px solid rgba(52,211,153,.34)}.result-status-pill--fail{background:#f43f5e29;color:#fda4af;border:1px solid rgba(251,113,133,.34)}.result-meta-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:#cbd5e1;background:#94a3b81f;border:1px solid rgba(148,163,184,.18)}.result__verdict{margin:0;font-size:clamp(1.08rem,.86rem + 1.1vw,1.52rem);font-weight:800;line-height:1.28;letter-spacing:-.015em;color:#f8fafc}.result-verdict-sub{margin:0;font-size:.84rem;line-height:1.45;color:#94a3b8}.result-critical-chip{margin-top:2px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:10px;background:#f59e0b1f;border:1px solid rgba(251,191,36,.32);color:#fcd34d;font-family:inherit;font-size:.8rem;line-height:1.35;text-align:left;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.result-critical-chip:hover{background:#f59e0b33}.result-critical-chip svg{flex-shrink:0;color:#fbbf24}.result-metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:15px;background:#090e1c8f;border:1px solid rgba(148,163,184,.14);overflow:hidden}.result-metric-cell{padding:11px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;position:relative}.result-metric-cell+.result-metric-cell:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#94a3b824}.result-metric-val{font-size:clamp(1.06rem,.92rem + .65vw,1.35rem);font-weight:800;line-height:1.1;color:#f1f5f9;font-variant-numeric:tabular-nums}.result-metric-val.is-correct{color:#34d399}.result-metric-val.is-wrong{color:#f87171}.result-metric-val.is-critical{color:#fb7185}.result-metric-val.is-time{color:#7dd3fc}.result-metric-lbl{font-size:.72rem;font-weight:600;color:#94a3b8;white-space:nowrap}.result-cta-stack{display:flex;flex-direction:column;gap:10px}.result-cta-primary-grid{display:grid;grid-template-columns:1fr;gap:10px}.result-cta-primary-grid.is-single{grid-template-columns:1fr}.result-cta-btn{height:46px;padding:0 14px;min-width:0;max-width:100%;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .16s ease,box-shadow .18s ease,background .18s ease}.result-cta-btn svg{flex-shrink:0}.result-cta-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.result-cta-btn:active{transform:scale(.985)}.result-cta-btn--mistakes{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;box-shadow:0 8px 22px -6px #ef444485}.result-cta-btn--mistakes:hover{box-shadow:0 10px 26px -4px #ef4444ad}.result-cta-btn--primary-main{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 8px 22px -6px #2563eb85}.result-cta-btn--secondary-main{background:#2563eb29;border-color:#60a5fa5c;color:#eff6ff}.result-cta-btn--secondary-main:hover{background:#2563eb42}.result-cta-utility-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-cta-utility-bar>:first-child:nth-last-child(3){grid-column:1 / -1}.result-util-btn{min-height:40px;padding:0 12px;min-width:0;max-width:100%;border-radius:11px;background:#1e293b8c;border:1px solid rgba(148,163,184,.16);color:#cbd5e1;font-family:inherit;font-size:.81rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.result-util-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}.result-util-btn:hover:not(:disabled){background:#334155b8;color:#f8fafc}.result-util-btn:disabled{opacity:.6;cursor:wait}.result-util-btn svg{flex-shrink:0;color:#93c5fd}@container result-hero (min-width: 356px){.result-cta-primary-grid:not(.is-single){grid-template-columns:1.15fr .85fr}}@container result-hero (min-width: 460px){.result-cta-utility-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.result-cta-utility-bar>:first-child:nth-last-child(3){grid-column:auto}}@container result-hero (min-width: 620px){.result-hero-top{gap:22px}.result-ring-wrap{width:110px;height:110px}.result-ring-score{font-size:1.48rem}.result-cta-primary-grid:not(.is-single){grid-template-columns:1fr 1fr}.result-util-btn{min-height:44px;font-size:.84rem}}.result-leaderboard-banner{margin-bottom:14px;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,#f59e0b24,#0f172af0);border:1px solid rgba(251,191,36,.34)}.result-leaderboard-banner__done{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.result-leaderboard-banner__done-text{display:inline-flex;align-items:center;gap:8px;color:#fbbf24;font-weight:800;font-size:.9rem}.result-leaderboard-form{display:flex;flex-direction:column;gap:12px}.result-leaderboard-form__copy{display:flex;flex-direction:column;gap:2px}.result-leaderboard-form__eyebrow{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24}.result-leaderboard-form__copy strong{font-size:.9rem;color:#f8fafc}.result-leaderboard-form__controls{display:flex;flex-wrap:wrap;gap:8px}.result-cloud-strip{margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,#2563eb1f,#0f172aeb);border:1px solid rgba(96,165,250,.26);overflow:hidden}.result-cloud-strip.is-synced{background:linear-gradient(135deg,#10b98124,#0f172aeb);border-color:#34d39957}.result-cloud-strip__synced{padding:14px 18px;display:flex;align-items:center;gap:12px}.result-cloud-strip__check{width:34px;height:34px;border-radius:10px;background:#10b98129;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.result-cloud-strip__synced-title{display:block;font-size:.9rem;color:#34d399}.result-cloud-strip__synced-sub{margin:2px 0 0;font-size:.8rem;color:#94a3b8}.result-cloud-strip__bar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.result-cloud-strip__info{display:flex;align-items:center;gap:11px;min-width:0}.result-cloud-strip__icon{width:36px;height:36px;border-radius:11px;background:#3b82f62e;border:1px solid rgba(96,165,250,.28);color:#60a5fa;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.result-cloud-strip__title{display:block;font-size:.88rem;font-weight:800;color:#f1f5f9;line-height:1.3}.result-cloud-strip__desc{margin:2px 0 0;font-size:.77rem;color:#94a3b8;line-height:1.35}.result-cloud-strip__toggle{flex-shrink:0;height:36px;padding:0 13px;border-radius:999px;background:#2563eb3d;border:1px solid rgba(96,165,250,.42);color:#dbeafe;font-family:inherit;font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;transition:background .16s ease}.result-cloud-strip__toggle:hover{background:#2563eb61}.result-cloud-strip__drawer{padding:14px 16px 16px;border-top:1px solid rgba(148,163,184,.14);background:#090e1c73;display:flex;flex-direction:column;gap:12px}.result-cloud-mode-tabs{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:11px;background:#0f172ad9;border:1px solid rgba(148,163,184,.16);max-width:340px}.result-cloud-mode-tab{height:32px;padding:0 12px;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease}.result-cloud-mode-tab.is-active{background:#2563eb47;color:#eff6ff;box-shadow:inset 0 0 0 1px #60a5fa5c}.result-cloud-error{padding:8px 12px;border-radius:10px;background:#ef444424;border:1px solid rgba(248,113,113,.32);color:#fecaca;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:7px}.result-cloud-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}.result-inline-input,.result-inline-select{height:40px;padding:0 13px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#0f172ae6;color:#f8fafc;font-family:inherit;font-size:.86rem}.result-inline-input:focus,.result-inline-select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e}.result-cloud-submit{height:40px;border-radius:10px;font-weight:800;white-space:nowrap;justify-content:center}.result__review{scroll-margin-top:calc(var(--nav-height, 70px) + 14px)}.result__review-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.result__review-title{margin:0;font-size:clamp(1.08rem,.92rem + .65vw,1.32rem);font-weight:800;color:#f8fafc}.result__review-sub{margin:3px 0 0;font-size:.8rem;color:#94a3b8}.result__filter{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:12px;background:#0f172ad1;border:1px solid rgba(148,163,184,.18);gap:3px}.result__filter-btn{height:34px;padding:0 12px;border-radius:9px;border:none;background:transparent;color:#94a3b8;font-family:inherit;font-size:.79rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.result__filter-btn:hover{color:#e2e8f0}.result__filter-btn.active{background:#2563eb3d;color:#eff6ff;box-shadow:inset 0 0 0 1px #60a5fa61}.result__empty-filter{padding:28px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:.9rem;font-weight:600}.result__answers{display:flex;flex-direction:column;gap:10px}.result__answer{border-radius:16px;border:1px solid rgba(148,163,184,.16);background:var(--surface);overflow:hidden;transition:box-shadow .18s ease,background .18s ease}.result__answer.wrong{box-shadow:inset 3px 0 #ef4444}.result__answer.correct{box-shadow:inset 3px 0 #10b981}.result__answer.critical{border-color:#f8717157;box-shadow:inset 3px 0 #e11d48}.result__answer-header{width:100%;border:none;background:transparent;color:inherit;font-family:inherit;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s ease}.result__answer-header:hover{background:#94a3b80d}.result__answer-icon{width:28px;height:28px;margin-top:1px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.result__answer-icon.correct{background:#10b98124}.result__answer-icon.wrong{background:#ef444424}.result__answer-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.result__answer-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.result__answer-num{font-size:.72rem;font-weight:800;color:#93c5fd;letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums}.result__answer-crit-badge{padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:800;background:#ef44442e;color:#fca5a5;border:1px solid rgba(248,113,113,.34)}.result__answer-unanswered{padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;background:#94a3b824;color:#cbd5e1}.result__answer-q{font-size:.9rem;font-weight:600;color:#f1f5f9;line-height:1.45}.result__expand{color:#64748b;margin-top:4px;flex-shrink:0;display:inline-flex;transition:transform .2s ease,color .2s ease}.result__expand.is-open{transform:rotate(180deg);color:#93c5fd}.result__answer-detail{padding:16px;background:#090e1c8c;border-top:1px solid rgba(148,163,184,.12)}.result__answer-img-wrap{margin-bottom:14px;padding:10px;border-radius:12px;background:#fffffff5;display:inline-flex;max-width:100%}.result__answer-img-wrap img{max-height:190px;width:auto;max-width:100%;object-fit:contain;display:block}.result__options{display:flex;flex-direction:column;gap:8px}.result__opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:11px;border:1px solid rgba(148,163,184,.15);background:#1e293b8c;font-size:.87rem;line-height:1.45;color:#e2e8f0}.result__opt--correct{border-color:#34d39973;background:#10b9811f}.result__opt--wrong{border-color:#f8717173;background:#ef44441c}.result__opt-label{width:25px;height:25px;border-radius:7px;background:#0f172ac7;border:1px solid rgba(148,163,184,.22);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex-shrink:0;color:#cbd5e1}.result__opt--correct .result__opt-label{background:#10b9813d;border-color:#34d39980;color:#6ee7b7}.result__opt--wrong .result__opt-label{background:#ef44443d;border-color:#f8717180;color:#fca5a5}.result__opt-text{flex:1;min-width:0}.result__opt-mark{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:800;background:#10b9812e;color:#34d399}.result__opt-mark.wrong{background:#ef44442e;color:#fda4af}.result__explanation{margin-top:12px;padding:12px 14px;border-radius:11px;background:#2563eb1a;border:1px solid rgba(96,165,250,.22);display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.55;color:#cbd5e1}.result__explanation strong{color:#93c5fd}.result__explanation-icon{flex-shrink:0;margin-top:2px;color:#60a5fa}.result-eco-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.result-eco-cell{container-type:inline-size}.result-eco-card{height:100%;padding:20px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;gap:16px}.result-eco-card--sotay{background:linear-gradient(145deg,#0ea5e91a,#0f172af0);border-color:#38bdf842}.result-eco-card--app{background:linear-gradient(145deg,#2563eb24,#0f172af2);border-color:#60a5fa4d}.result-app-top-cell{margin-bottom:18px}.result-app-top-card{height:auto;padding:16px 18px;gap:14px}@container (min-width: 620px){.result-app-top-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 22px}.result-app-top-actions{flex-shrink:0;justify-content:flex-end}}.result-eco-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.result-eco-badge--cyan{background:#0ea5e929;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.result-eco-badge--blue{background:#3b82f629;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.result-eco-card h3{margin:0 0 6px;font-size:1.04rem;font-weight:800;color:#f8fafc}.result-eco-card p{margin:0;font-size:.84rem;line-height:1.55;color:#94a3b8}.result-eco-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}@media(max-width:640px){.result{padding:12px 0 84px}.result-metric-cell{min-width:0;padding:10px 4px}.result-metric-lbl{font-size:.66rem}.result-eco-card__actions .btn{width:100%}.result-app-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.result-app-top-actions .btn{min-width:0;padding-inline:10px;justify-content:center}.result-app-top-actions .result-app-top-signup{grid-column:1 / -1}.result__review-header{flex-direction:column;align-items:stretch}.result__filter{width:100%}.result-cloud-strip__desc{display:none}.result__opt{flex-wrap:wrap}.result__opt-mark{margin-left:35px}}