.dc-root{--dc-bg:#f4f8f3;--dc-card:#fff;--dc-border:#dce7df;--dc-ink:#22332c;--dc-head:#14251f;--dc-muted:#5f776e;--dc-green:#177a66;--dc-green-deep:#14574a;--dc-rust:#a94a36;--dc-band:#edf4ef;-webkit-overflow-scrolling:touch;background:var(--dc-bg);color:var(--dc-ink);font-family:var(--font-sans,system-ui, sans-serif);position:fixed;inset:0;overflow-y:auto}.dc-root button,.dc-root input{font-family:inherit}.dc-main{max-width:720px;margin:0 auto;padding:40px 20px 80px}.dc-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--dc-green);margin:0 0 8px;font-size:12px;font-weight:600}.dc-title{color:var(--dc-head);text-wrap:balance;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5vw,38px);line-height:1.15}.dc-sub{color:var(--dc-muted);max-width:56ch;margin:0 0 28px;font-size:16px}.dc-chips{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.dc-chip{background:var(--dc-card);border:1px solid var(--dc-border);color:var(--dc-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;transition:color .15s,border-color .15s}.dc-chip:hover{color:var(--dc-ink)}.dc-chip.active{color:var(--dc-green);border-color:var(--dc-green);font-weight:600}.dc-chip:focus-visible,.dc-btn:focus-visible,.dc-input:focus-visible,.dc-link-btn:focus-visible{outline:2px solid var(--dc-green);outline-offset:2px}.dc-progress{color:var(--dc-muted);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:13px}.dc-card{background:var(--dc-card);border:1px solid var(--dc-border);border-radius:12px;padding:28px 30px}.dc-cat{letter-spacing:.07em;text-transform:uppercase;color:var(--dc-muted);margin:0 0 12px;font-size:11px;font-weight:600}.dc-stem{color:var(--dc-head);margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.55}.dc-answer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dc-input{background:var(--dc-bg);border:1px solid var(--dc-border);color:var(--dc-head);font-variant-numeric:tabular-nums;border-radius:8px;width:130px;padding:10px 14px;font-size:18px}.dc-input::placeholder{color:var(--dc-muted)}.dc-unit{color:var(--dc-muted);min-width:70px;font-size:15px}.dc-btn{background:var(--dc-green-deep);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 22px;font-size:15px;font-weight:600;transition:filter .15s}.dc-btn:hover{filter:brightness(1.1)}.dc-btn--ghost{border:1px solid var(--dc-border);color:var(--dc-ink);background:0 0}.dc-result{border-radius:8px;margin:20px 0 0;padding:12px 16px;font-size:15px;font-weight:600}.dc-result--right{color:var(--dc-green);background:#e7f3ee;border:1px solid #bfdfd4}.dc-result--wrong{color:var(--dc-rust);background:#f9ede9;border:1px solid #e8c8be}.dc-solution{background:var(--dc-band);border:1px solid var(--dc-border);border-radius:10px;margin:20px 0 0;padding:18px 22px}.dc-solution-title{letter-spacing:.07em;text-transform:uppercase;color:var(--dc-green);margin:0 0 10px;font-size:11px;font-weight:600}.dc-steps{margin:0;padding-left:20px}.dc-steps li{margin-bottom:8px;font-size:15px;line-height:1.55}.dc-steps li:last-child{color:var(--dc-head);font-weight:600}.dc-tip{color:var(--dc-muted);margin:14px 0 0;font-size:14px}.dc-tip b{color:var(--dc-rust);font-weight:600}.dc-next{margin-top:20px}.dc-pitch{border:1px solid var(--dc-border);border-left:3px solid var(--dc-green);color:var(--dc-muted);background:var(--dc-card);border-radius:10px;margin:26px 0 0;padding:16px 20px;font-size:14.5px}.dc-pitch b{color:var(--dc-ink)}.dc-pitch a{color:var(--dc-green);font-weight:600;text-decoration:none}.dc-pitch a:hover{text-decoration:underline}.dc-start{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dc-start-line{color:var(--dc-muted);margin:0;font-size:15px}.dc-start-line b{color:var(--dc-head)}.dc-start-note{color:var(--dc-green)}.dc-quizbar{align-items:center;gap:14px;margin:0 0 14px;display:flex}.dc-progresstrack{background:var(--dc-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.dc-progressfill{background:var(--dc-green);border-radius:2px;height:100%;transition:width .25s}@media (prefers-reduced-motion:reduce){.dc-progressfill{transition:none}}.dc-results{text-align:center}.dc-score{color:var(--dc-head);font-variant-numeric:tabular-nums;margin:6px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:64px;line-height:1}.dc-score-of{color:var(--dc-muted);font-size:28px}.dc-passline{max-width:46ch;margin:0 auto 24px;font-size:15px}.dc-pass{color:var(--dc-green)}.dc-fail{color:var(--dc-rust)}.dc-review{text-align:left;border-top:1px solid var(--dc-border)}.dc-review-item{border-bottom:1px solid var(--dc-border);grid-template-columns:20px 1fr auto;align-items:baseline;gap:10px;padding:12px 0;font-size:13.5px;display:grid}.dc-rev-right{color:var(--dc-green);font-weight:700}.dc-rev-wrong{color:var(--dc-rust);font-weight:700}.dc-rev-stem{color:var(--dc-muted);line-height:1.5}.dc-rev-ans{color:var(--dc-ink);white-space:nowrap;font-variant-numeric:tabular-nums}.dc-results .dc-answer-row{justify-content:center}@media (width<=560px){.dc-review-item{grid-template-columns:20px 1fr}.dc-rev-ans{white-space:normal;grid-column:2}}.dc-gate{text-align:center;padding:40px 30px}.dc-gate h2{color:var(--dc-head);margin:0 0 10px;font-family:Georgia,serif;font-size:26px}.dc-gate p{color:var(--dc-muted);max-width:46ch;margin:0 auto 18px}.dc-gate-perks{text-align:left;max-width:340px;margin:0 auto 24px;padding:0;list-style:none}.dc-gate-perks li{margin-bottom:10px;font-size:15px}.dc-gate-perks .check{color:var(--dc-green);margin-right:8px;font-weight:700}.dc-link-btn{color:var(--dc-muted);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:14px;text-decoration:underline}.dc-link-btn:hover{color:var(--dc-ink)}@media (width<=560px){.dc-card{padding:22px 18px}.dc-main{padding:28px 16px 60px}}@media (width<=640px){.dc-chip{min-height:36px}}