.dc9-page{--dc9-paper:#f2f0e8;--dc9-ink:#111;--dc9-acid:#d8ff3e;--dc9-line:rgba(17,17,17,.18);--dc9-muted:rgba(17,17,17,.56);background:var(--dc9-paper);color:var(--dc9-ink)}
.dc9-page .topbar{background:rgba(242,240,232,.96);backdrop-filter:blur(12px)}
.dc9-shell{max-width:1180px;margin:0 auto;padding:0 20px 90px}.dc9-view[hidden]{display:none!important}.dc9-kicker{font:900 10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--dc9-muted)}
.dc9-button{appearance:none;border:1px solid var(--dc9-ink);background:transparent;color:var(--dc9-ink);min-height:52px;padding:0 18px;font:950 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.dc9-button:hover,.dc9-button:focus-visible{background:var(--dc9-ink);color:var(--dc9-paper);outline:none}.dc9-button.primary{background:var(--dc9-acid);border-color:var(--dc9-acid)}.dc9-button.primary:hover,.dc9-button.primary:focus-visible{background:var(--dc9-ink);border-color:var(--dc9-ink);color:var(--dc9-paper)}.dc9-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.dc9-text-button{appearance:none;border:0;background:transparent;padding:8px 0;font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.dc9-text-button:hover{opacity:.5}
.dc9-hero{padding:clamp(72px,9vh,118px) 0 58px}.dc9-lead{font-size:clamp(22px,2.6vw,34px);font-weight:900;line-height:1.04;letter-spacing:-.035em;max-width:850px;margin-top:28px}.dc9-hero h1{font-size:clamp(70px,11vw,155px);line-height:.79;letter-spacing:-.085em;margin:24px 0 22px}.dc9-hero h1 span,.dc9-picker h2 span,.dc9-finalizing h2 span{background:var(--dc9-acid);padding:0 .04em}.dc9-note{font-size:14px;line-height:1.35;max-width:760px;color:var(--dc9-muted)}.dc9-note strong{color:var(--dc9-ink)}.dc9-ready{margin-top:25px;border-top:1px solid var(--dc9-line);padding-top:12px;font:850 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--dc9-muted)}
.dc9-picker{padding:58px 0 70px}.dc9-picker h2{font-size:clamp(55px,7.5vw,110px);line-height:.83;letter-spacing:-.07em;margin:20px 0 16px}.dc9-picker-lead{font-size:clamp(19px,2vw,27px);line-height:1.08;font-weight:850;max-width:760px}.dc9-journey{display:flex;gap:12px;align-items:center;margin:28px 0 14px}.dc9-journey-track{height:4px;background:rgba(17,17,17,.1);flex:1}.dc9-journey-track i{display:block;height:100%;background:var(--dc9-ink)}.dc9-journey-text{font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace}.dc9-sphere-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--dc9-ink);border-top:1px solid var(--dc9-ink)}.dc9-sphere{appearance:none;border:0;border-right:1px solid var(--dc9-ink);border-bottom:1px solid var(--dc9-ink);background:transparent;color:inherit;text-align:left;padding:20px;min-height:190px;display:flex;flex-direction:column;cursor:pointer}.dc9-sphere:hover,.dc9-sphere:focus-visible{background:var(--dc9-acid);outline:none}.dc9-sphere.is-done{background:var(--dc9-ink);color:var(--dc9-paper)}.dc9-sphere-num{font-size:41px;font-weight:950;letter-spacing:-.06em;opacity:.22}.dc9-sphere strong{font-size:22px;letter-spacing:-.035em;text-transform:uppercase;margin-top:auto}.dc9-sphere p{font-size:12px;line-height:1.25;margin:10px 0 0;opacity:.68}
.dc9-play{padding:34px 0 70px}.dc9-play-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--dc9-ink);padding-bottom:13px}.dc9-play-meta{font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.dc9-progress{height:5px;background:rgba(17,17,17,.09);margin-top:18px}.dc9-progress i{display:block;height:100%;background:var(--dc9-ink);transition:width .2s}.dc9-scene{padding:34px 0 8px}.dc9-scene-text{font-size:clamp(29px,4.15vw,58px);line-height:.99;letter-spacing:-.05em;font-weight:850;max-width:1070px}.dc9-scene-text p{margin:.08em 0 .52em}.dc9-scene-text blockquote{margin:.28em 0 .58em;padding-left:18px;border-left:5px solid var(--dc9-acid)}.dc9-scene-text strong{background:var(--dc9-acid);padding:0 .05em}.dc9-answers{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--dc9-line);border-top:1px solid var(--dc9-line);margin-top:34px}.dc9-answer{appearance:none;border:0;border-right:1px solid var(--dc9-line);border-bottom:1px solid var(--dc9-line);background:transparent;color:inherit;text-align:left;padding:20px;min-height:122px;display:flex;gap:14px;align-items:flex-start;cursor:pointer}.dc9-answer:hover,.dc9-answer:focus-visible{background:rgba(216,255,62,.55);outline:none}.dc9-answer.is-chosen{background:var(--dc9-ink);color:white}.dc9-answer-letter{font:950 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.45}.dc9-answer-text{font-size:17px;line-height:1.33;font-weight:650}.dc9-reaction{margin-top:24px;border-top:1px solid var(--dc9-line);padding-top:22px}.dc9-reaction.is-quiet{border-top:0;padding-top:10px;margin-top:10px}.dc9-reaction-text{font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:-.04em;font-weight:950;white-space:pre-line;max-width:900px}
.dc9-finalizing{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.dc9-finalizing-box{border-top:6px solid var(--dc9-ink);padding-top:22px;position:relative}.dc9-finalizing-mark{position:absolute;right:0;top:20px;width:54px;height:54px;border:2px solid var(--dc9-ink);background:var(--dc9-acid);display:grid;place-items:center;font-size:28px;font-weight:950}.dc9-finalizing h2{font-size:clamp(64px,10vw,150px);line-height:.8;letter-spacing:-.075em;margin:24px 0 34px}.dc9-finalizing-status{font-size:clamp(21px,2.4vw,34px);font-weight:900}.dc9-finalizing-line{height:5px;background:rgba(17,17,17,.09);margin-top:24px}.dc9-finalizing-line i{display:block;height:100%;width:0;background:var(--dc9-ink);transition:width .6s}
@media(max-width:800px){.dc9-sphere-grid{grid-template-columns:1fr 1fr}.dc9-answers{grid-template-columns:1fr}}
@media(max-width:520px){.dc9-shell{padding-left:14px;padding-right:14px}.dc9-hero{padding-top:56px;padding-bottom:42px}.dc9-hero h1{font-size:19vw}.dc9-sphere-grid{grid-template-columns:1fr}.dc9-scene-text{font-size:33px}.dc9-answer{min-height:98px;padding:16px}.dc9-actions .dc9-button{width:100%}}