.space-stage{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(96,132,196,.16);border-radius:38px;padding:clamp(1rem,2vw,1.5rem);background:radial-gradient(circle at 18% 18%,rgba(109,176,255,.2),transparent 18%),radial-gradient(circle at 82% 14%,rgba(255,154,99,.18),transparent 18%),linear-gradient(180deg,#08101d,#0d1526 55%,#0a1120);box-shadow:0 32px 100px #070c1652}.space-stage:before{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px) 0 0 / 46px 46px,radial-gradient(circle,rgba(154,191,255,.75) 0 1px,transparent 1.8px) 18px 24px / 72px 72px;opacity:.22;animation:space-drift 24s linear infinite;content:""}.space-stage:after{position:absolute;left:12%;right:12%;bottom:-7rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(95,138,255,.22),transparent 70%);filter:blur(30px);content:""}.space-stage__inner{position:relative;z-index:1;margin:0 auto}.space-stage__inner--intro,.space-stage__inner--result{width:min(1120px,100%)}.space-stage__inner--question{width:min(1080px,100%)}.space-test-shell{display:grid;gap:1rem}.space-result-layout-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.space-progress,.space-test-card,.space-actions-card{position:relative;overflow:hidden;border:1px solid rgba(150,186,245,.15);border-radius:30px;background:linear-gradient(180deg,#0e182aeb,#0a1220db),linear-gradient(135deg,#ffffff0f,#fff0);box-shadow:inset 0 1px #ffffff14,0 24px 64px #0408125c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.space-test-card,.space-actions-card{display:grid;gap:1.2rem;padding:clamp(1.25rem,3vw,1.8rem)}.space-test-card:before,.space-actions-card:before,.space-progress:before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 36%);pointer-events:none;content:""}.space-test-card__copy,.space-intro__main,.space-result-main,.space-result-side,.space-actions-card__header{position:relative;z-index:1;display:grid;gap:.8rem}.space-test-card__eyebrow,.space-question-card__step,.space-share-preview__label,.space-actions-card__eyebrow{display:inline-flex;width:fit-content;border-radius:999px;padding:.36rem .72rem;color:#c5d7ff;background:#779bd624;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.space-test-card__title,.space-question-card__title,.space-intro-detail h3,.space-insight-block h3,.space-actions-card__header h3{margin:0;color:#f6f8ff;line-height:1.02;font-family:var(--font-display);letter-spacing:-.04em}.space-test-card__title{max-width:12ch;font-size:clamp(3rem,5vw,4.9rem)}.space-question-card__title{max-width:18ch;font-size:clamp(2.2rem,4.2vw,3.8rem)}.space-test-card__description,.space-result-card__subtitle,.space-share-preview p,.space-actions-card__status,.space-actions-card__header p,.space-question-card__description,.space-question-card__meta,.space-question-card__footer,.space-intro-note,.space-intro-detail p,.space-insight-block p,.space-quote footer{margin:0;color:#e2eafcc7}.space-test-card__description,.space-question-card__description,.space-actions-card__header p,.space-insight-block p{line-height:1.7}.space-result-card__subtitle{font-size:1.1rem;font-weight:700;color:#f9d39d}.space-test-card__footer,.space-test-card__footer--intro,.space-actions-card__buttons,.space-test-pill-row,.space-intro-stats,.space-tag-row{display:flex;flex-wrap:wrap;gap:.75rem}.space-test-card--hero{gap:1.35rem}.space-test-card--hero:after,.space-test-card--result:after{position:absolute;right:-3rem;top:-2.4rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(255,189,125,.18),transparent 70%);content:""}.space-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:1.3rem;align-items:stretch}.space-intro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.space-intro-stat,.space-score-card,.space-share-preview,.space-insight-block,.space-quote,.space-actions-card{border-radius:24px}.space-intro-stat{display:grid;gap:.35rem;border:1px solid rgba(120,155,214,.16);padding:.95rem 1rem;background:#ffffff0d}.space-intro-stat span,.space-score-card__top span,.space-share-preview__label,.space-question-card__counter,.space-option__kicker,.space-quote footer{font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.space-intro-stat span,.space-share-preview__label,.space-question-card__counter,.space-option__kicker{color:#c8d9ffb3}.space-intro-stat strong{color:#f4f7ff;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.space-test-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(120,155,214,.16);border-radius:999px;padding:.5rem .92rem;color:#e2ebffd6;background:#ffffff0d;font-size:.84rem;font-weight:800}.space-test-pill--accent{border-color:#ffb27038;color:#ffd7ac;background:#ffb2701f}.space-intro-note{align-self:center;font-size:.95rem}.space-intro-visual{position:relative;min-height:28rem;overflow:hidden;border:1px solid rgba(151,176,226,.16);border-radius:30px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.08),transparent 20%),linear-gradient(180deg,#182448f5,#131f3af0)}.space-intro-visual__stars,.space-intro-visual__wave{position:absolute}.space-intro-visual__stars{inset:0;background:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.7px) 0 0 / 52px 52px,radial-gradient(circle,rgba(169,204,255,.75) 0 1px,transparent 1.8px) 26px 18px / 74px 74px;opacity:.28}.space-intro-visual__wave{left:-10%;right:-10%;bottom:22%;height:8rem;background:radial-gradient(circle at center,rgba(98,138,255,.56),transparent 64%);filter:blur(22px)}.space-intro-visual__card{position:absolute;right:1.4rem;bottom:1.4rem;display:grid;gap:.45rem;max-width:15rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:1rem;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.space-intro-visual__card span{color:#ffd6a8cc;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.space-intro-visual__card strong{color:#f5f8ff;line-height:1.6}.space-intro-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.space-intro-detail{display:grid;gap:.45rem;border-top:1px solid rgba(151,176,226,.14);padding-top:.95rem}.space-intro-detail h3{font-size:1.35rem}.space-stage .button-control{min-height:3.1rem;padding-inline:1.25rem}.space-stage .button-control--primary{color:#18151c;background:linear-gradient(135deg,#ff9360,#ffc17d);box-shadow:0 14px 28px #ff94583d}.space-stage .button-control--secondary{color:#eef4ff;border:1px solid rgba(140,171,225,.16);background:#ffffff14}.space-stage .button-control--ghost{color:#e7efffc7;border:1px solid rgba(140,171,225,.16);background:transparent}.space-progress{display:grid;gap:.7rem;padding:1rem 1.1rem}.space-progress__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#dfe7f8d1;font-size:.94rem;font-weight:700}.space-progress__track{overflow:hidden;height:.72rem;border-radius:999px;background:#97b0e21f}.space-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f9eff,#f96);box-shadow:0 0 20px #6f9eff66}.space-progress__dots{display:flex;gap:.45rem}.space-progress__dot{width:.62rem;height:.62rem;border-radius:999px;background:#98b0e133;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.space-progress__dot.is-active{background:#ffc689b8}.space-progress__dot.is-current{transform:scale(1.16);box-shadow:0 0 0 4px #ffc6891f}.space-test-card--question{gap:1.25rem}.space-question-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.space-question-card__heading{display:grid;gap:.45rem}.space-question-card__counter{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;border-radius:18px;padding:.8rem .95rem;background:#ffffff0f;border:1px solid rgba(151,176,226,.16)}.space-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;margin-top:.4rem}.space-option{display:grid;gap:1rem;width:100%;border:1px solid rgba(130,163,224,.14);border-radius:26px;padding:1.1rem;color:#eef4ff;background:linear-gradient(135deg,#ffffff0f,#ffffff05),linear-gradient(180deg,#0e1727e6,#0d1624d1);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.space-option:hover:not(:disabled){transform:translateY(-2px);border-color:#ffb17047;box-shadow:0 18px 36px #060c1952}.space-option:disabled{cursor:not-allowed}.space-option--pending{border-color:#ffb1705c;background:linear-gradient(135deg,#ffb1701f,#ffb17008),linear-gradient(180deg,#0e1727f0,#0d1624e0)}.space-option__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.space-option__index{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:999px;color:#0e1626;background:linear-gradient(135deg,#e8f0ff,#b7cbf8);font-size:.98rem;font-weight:900}.space-option__body{display:grid}.space-option__label{font-size:1.08rem;font-weight:800;line-height:1.5}.space-option__mark{width:100%;height:.52rem;border-radius:999px;background:#ffffff14}.space-option__mark--pending{background:linear-gradient(135deg,#ff9460,#ffcc8d);box-shadow:0 0 18px #ffa6634d}.space-question-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.92rem}.space-result-layout{display:grid;grid-template-columns:minmax(0,1.15fr) 320px;gap:1rem}.space-result-visual{position:relative;min-height:20rem;overflow:hidden;border:1px solid rgba(151,176,226,.16);border-radius:26px;background:radial-gradient(circle at 50% 18%,rgba(120,199,255,.18),transparent 20%),linear-gradient(160deg,#152847,#1f355d 56%,#4ab2c8)}.space-result-visual:before{position:absolute;inset:auto 8% 10%;height:68%;border-radius:999px 999px 36px 36px;background:linear-gradient(180deg,#12223a1a,#080f1b3d),radial-gradient(circle at 50% 24%,rgba(106,255,214,.18),transparent 36%);content:""}.space-result-visual__label{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.55rem .9rem;color:#132036;background:#fff3e6f0;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.space-score-grid{display:grid;gap:.8rem}.space-score-card{display:grid;gap:.7rem;border:1px solid rgba(134,166,223,.12);padding:.95rem;background:#ffffff0a}.space-score-card.is-highlight{border-color:#ffbe7e3d;box-shadow:inset 0 0 0 1px #ffbe7e14}.space-score-card__top{display:flex;justify-content:space-between;gap:.75rem;color:#edf3ff;font-size:.94rem;font-weight:700}.space-score-card__top strong{font-family:var(--font-display);font-size:1.8rem;line-height:1}.space-score-card__track{overflow:hidden;height:.72rem;border-radius:999px;background:#ffffff14}.space-score-card__fill{height:100%;border-radius:inherit}.space-score-card__fill--survival{background:linear-gradient(90deg,#f96,#ffbf87)}.space-score-card__fill--solve{background:linear-gradient(90deg,#6e9eff,#95bbff)}.space-score-card__fill--bond{background:linear-gradient(90deg,#5fc6a2,#9ae6cb)}.space-insight-block{display:grid;gap:.85rem;padding:1.1rem;background:#ffffff0a}.space-insight-block h3,.space-actions-card__header h3{font-size:clamp(1.6rem,3vw,2.4rem)}.space-share-preview{display:grid;gap:.55rem;border:1px solid rgba(138,170,226,.12);padding:1rem 1.05rem;background:#ffffff0a}.space-share-preview__label{color:#ffd6a8;background:#ffab671a}.space-share-preview p{font-size:1.02rem;line-height:1.55}.space-quote{display:grid;gap:.75rem;margin:0;padding:1.05rem;background:#ffffff0a}.space-quote p{margin:0;color:#f3d7b6;font-family:var(--font-display);font-size:1.15rem;line-height:1.6}.space-quote footer{color:#c8d9ffb3}.space-actions-card{display:grid;gap:1rem;align-content:start}.space-actions-card__buttons{display:grid;gap:.8rem}.space-actions-card__buttons .button-control{width:100%}.space-actions-card__status{color:#ffd8b1;font-weight:700}@keyframes space-drift{0%{transform:translateZ(0)}to{transform:translate3d(-18px,16px,0)}}.space-content--locked{position:relative;mask-image:linear-gradient(to bottom,black 0%,black 10%,rgba(0,0,0,.1) 40%,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 10%,rgba(0,0,0,.1) 40%,transparent 85%);filter:blur(10px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all 1.2s ease-in-out;min-height:220px}.space-content--unlocked{filter:blur(0);mask-image:none;-webkit-mask-image:none;opacity:1;min-height:auto}.space-content-unlock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem;z-index:40;pointer-events:auto}.space-unlock-cta{background:#0d1628fa;padding:2rem 1.5rem;border-radius:28px;box-shadow:0 25px 60px #00000080;text-align:center;border:1px solid rgba(154,191,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(360px,90%)}.space-unlock-title{font-size:1.15rem;font-weight:800;color:#f6f8ff;margin:0 0 .75rem}.space-unlock-helper-text{font-size:.9rem;line-height:1.6;font-weight:600;color:#e2eafcb3;margin:0 0 1.2rem}.space-unlock-button-primary{width:100%;padding:1.1rem 2rem!important;font-weight:800!important;background:linear-gradient(135deg,#ff9360,#ffc17d)!important;color:#18151c!important;border-radius:100px!important;box-shadow:0 12px 30px #ff94584d!important;border:none!important;font-size:1.05rem!important;transition:all .2s ease!important}.space-unlock-button-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 40px #ff945866!important}.space-detailed-analysis-box{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:left}.space-analysis-title{font-size:1rem;font-weight:800;color:#ffcc8d;margin:0 0 .6rem}@media(max-width:960px){.space-intro-grid,.space-result-layout,.space-result-layout-shell{grid-template-columns:1fr}.space-intro-visual{min-height:20rem}.space-option-list,.space-intro-stats,.space-intro-detail-grid{grid-template-columns:1fr}}@media(max-width:720px){.space-stage{border-radius:28px}.space-test-card,.space-actions-card,.space-progress{border-radius:24px}.space-question-card__header,.space-question-card__footer,.space-test-card__footer,.space-test-card__footer--intro{flex-direction:column;align-items:flex-start}.space-test-card__footer .button-control,.space-test-card__footer--intro .button-control{width:100%}}
