.result-view{--black:var(--text);--grey:var(--muted);--grey-soft:var(--faint);color:var(--black);text-align:center;padding-top:46px}.result-submitted{color:var(--grey);max-width:44ch;margin:0 auto 34px;font-size:17px}.result-scorewrap{position:relative}.result-score{color:var(--indigo);letter-spacing:.015em;font-variant-numeric:tabular-nums;will-change:transform, opacity;backface-visibility:hidden;font-size:clamp(120px,26vw,180px);font-weight:700;line-height:.85}.result-outof{letter-spacing:.16em;text-transform:uppercase;color:var(--grey-soft);margin-top:14px;font-size:13px}.result-rank{color:var(--grey);margin-top:8px;font-size:15px}.result-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(10px)}.result-reveal.in{opacity:1;transform:none}.result-verdict{letter-spacing:-.02em;text-align:left;margin-top:18px;font-size:clamp(24px,4.6vw,32px);font-weight:700;line-height:1.28}.result-breakdown{text-align:left;margin-top:52px}.result-breakdown h3{letter-spacing:.15em;text-transform:uppercase;color:var(--grey-soft);text-align:center;margin-bottom:20px;font-size:11.5px;font-weight:400}.result-row{margin-bottom:17px}.result-rowtop{justify-content:space-between;margin-bottom:7px;font-size:15.5px;display:flex}.result-rowtop b{font-weight:400}.result-rowtop span{color:var(--grey);font-variant-numeric:tabular-nums}.result-info{border:1px solid var(--line);cursor:pointer;width:16px;height:16px;color:var(--grey-soft);vertical-align:1px;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:7px;padding:0;font-family:inherit;font-size:11px;font-style:italic;line-height:1;display:inline-flex}.result-info:hover{border-color:var(--periwinkle);color:var(--indigo)}.result-explain{opacity:0;max-height:0;color:var(--grey);font-size:15px;transition:max-height .35s,opacity .3s,margin .35s;overflow:hidden}.result-explain.open{opacity:1;max-height:120px;margin-top:9px}.result-track{background:var(--chip);border-radius:99px;height:6px;overflow:hidden}.result-fill{background:var(--periwinkle);border-radius:99px;width:0;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1)}.result-note{text-align:left;background:linear-gradient(140deg,#f3f2fd 0%,#fdf1f6 100%);border:1px solid #e9e5f5;border-radius:16px;margin-top:40px;padding:22px 24px}[data-theme=dark] .result-note{background:var(--panel);border-color:var(--line)}.result-note b{margin-bottom:6px;display:block}.result-note p{color:#3a3a3a;font-size:16px}[data-theme=dark] .result-note p{color:var(--muted)}.result-actions{flex-wrap:wrap;gap:11px;margin-top:40px;display:flex;position:relative}.result-btn{cursor:pointer;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;flex:200px;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:700}.result-btn.ghost{color:var(--black);background:0 0}.result-btn:hover{opacity:.86}.result-nudge{border:1px solid var(--line);text-align:left;background:var(--panel);border-radius:16px;margin-top:16px;padding:24px}.result-nudge .result-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);font-size:11.5px}.result-nudge h4{letter-spacing:-.012em;margin:8px 0 6px;font-size:19px;font-weight:700}.result-nudge p{color:var(--grey);font-size:15.5px}.result-nudge button,.result-nudge a{background:var(--indigo);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:16px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}[data-theme=dark] .result-nudge button,[data-theme=dark] .result-nudge a{color:var(--bg)}.result-nudge button:hover,.result-nudge a:hover{opacity:.87}.hero .result-error{color:var(--heart);text-align:left;margin-top:12px;font-size:15px}.result-share-menu{background:var(--pop);border:1px solid var(--line);z-index:2;border-radius:14px;flex-direction:column;min-width:180px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px -12px #14142840}.result-share-menu button{text-align:left;cursor:pointer;color:var(--black);background:0 0;border:0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.result-share-menu button:hover{background:var(--chip)}
