@layer areas {
.ds .ds-plan{max-inline-size:48rem}.ds .ds-route{border-radius:var(--radius-sm);background:var(--sunken);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin-block-end:var(--space-4);padding:4px;display:inline-grid}.ds .ds-route-btn{min-block-size:40px;padding-inline:var(--space-5);border-radius:calc(var(--radius-sm) - 4px);font:600 .9375rem/1 var(--sans);color:var(--mute);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;border:0}.ds .ds-route-btn[aria-pressed=true]{color:var(--on-solid);background:var(--solid)}.ds .ds-route-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.ds .ds-route-btn[aria-pressed=false]:hover{color:var(--ink)}}.ds .ds-head{--ink:var(--on-band);--mute:var(--on-band-mute);--focus-ring:var(--on-band-gold);gap:var(--space-4);padding:var(--space-5);color:var(--ink);background:radial-gradient(120% 140% at 100% 0%, var(--band-2), var(--band) 70%);border:1px solid var(--gold-line);border-radius:var(--radius);box-shadow:var(--shadow-2);margin-block-end:var(--space-6);display:grid}.ds .ds-where{gap:4px;margin:0;display:grid}.ds .ds-where-n{font:600 .875rem/1 var(--sans);color:var(--on-band-gold)}.ds .ds-where-t{font-family:var(--serif);font-size:var(--step-2);line-height:1.15}.ds .ds-meter{align-items:center;gap:var(--space-3);display:flex}.ds .ds-bar{background:#ffffff24;border-radius:5px;flex:1;block-size:10px;overflow:hidden}.ds .ds-bar>span{border-radius:inherit;background:var(--on-band-gold);transform-origin:0;block-size:100%;inline-size:100%;scale:var(--p,0) 1;transition:scale var(--dur-4) var(--ease-out);display:block}[dir=rtl] .ds :is(.ds-bar,.ds-ubar)>span{transform-origin:100%}.ds .ds-pct{font:700 1rem/1 var(--sans);font-variant-numeric:tabular-nums;text-align:end;min-inline-size:4ch}.ds .ds-head-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds .ds-badges{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ds .ds-badge{color:#ffffff59;place-items:center;block-size:34px;inline-size:34px;display:grid;position:relative}.ds .ds-badge.is-on{color:var(--on-band-gold)}.ds .ds-badge-n{font:700 .625rem/1 var(--sans);color:#fff9;font-variant-numeric:tabular-nums;place-items:center;padding-block-start:1px;display:grid;position:absolute;inset:0}.ds .ds-badge.is-on .ds-badge-n{display:none}.ds .ds-streak{font:600 .875rem/1 var(--sans);align-items:center;gap:6px;display:inline-flex}.ds .ds-streak .icon{color:var(--on-band-gold)}.ds .ds-continue{text-align:start;min-block-size:3.25rem;inline-size:100%;color:var(--band);background:var(--on-band-gold);border-color:var(--on-band-gold);justify-content:flex-start;font-size:1rem}@media (hover:hover){.ds .ds-continue:hover{color:var(--band);background:var(--on-band);border-color:var(--on-band)}}.ds .ds-continue>span:first-child{flex:none;font-weight:700}.ds .ds-continue-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;font-weight:500;overflow:hidden}.ds .ds-continue-title:before{content:"·";margin-inline-end:var(--space-2)}[dir=rtl] .ds .ds-continue .icon{scale:-1 1}.ds .ds-units{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.ds .ds-unit{border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-1);margin:0;padding:0;overflow:hidden}.ds .ds-unit>summary{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.ds .ds-unit[open]>summary{border-block-end:1px solid var(--rule)}.ds .ds-unum{block-size:2.75rem;inline-size:2.75rem;font:700 1.0625rem/1 var(--serif);color:var(--gold-ink);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:50%;flex:none;place-items:center;display:grid}.ds .ds-unit.is-complete .ds-unum{color:var(--accent-ink);background:var(--accent-fill);border-color:var(--accent-fill)}.ds .ds-sum{flex:1;gap:4px;min-inline-size:0;display:grid}.ds .ds-sum-n{font:600 .75rem/1.2 var(--sans);color:var(--faint)}.ds .ds-sum h2{font-size:var(--step-1);margin:0;line-height:1.2}.ds .ds-ubar{background:var(--stone);border-radius:3px;block-size:5px;margin-block-start:4px;display:block;overflow:hidden}.ds .ds-ubar>span{border-radius:inherit;background:var(--accent-fill);transform-origin:0;block-size:100%;scale:var(--p,0) 1;transition:scale var(--dur-4) var(--ease-out);display:block}.ds .ds-count{font:600 .875rem/1 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;display:inline-flex}.ds .ds-unit.is-complete .ds-count{color:var(--accent)}.ds .ds-unit-body{padding:var(--space-4) var(--space-5) var(--space-5);counter-reset:ds-step}.ds .ds-part+.ds-part{margin-block-start:var(--space-5)}.ds .ds-part-title{margin:0 0 var(--space-2);border-block-end:1px solid var(--gold-line);font:600 .9375rem/1.3 var(--sans);color:var(--gold-ink);padding-block-end:var(--space-2)}.ds .ds-trail{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ds .ds-step{column-gap:var(--space-3);counter-increment:ds-step;grid-template-columns:36px minmax(0,1fr);align-items:start;display:grid;position:relative}.ds .ds-node{block-size:36px;inline-size:36px;border:1.5px solid var(--accent);background:var(--card);color:var(--accent);cursor:pointer;font:600 .8125rem/1 var(--sans);font-variant-numeric:tabular-nums;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:50%;place-items:center;margin-block-start:var(--space-2);padding:0;display:grid;position:relative}.ds .ds-node:before{content:counter(ds-step)}.ds .ds-tick{opacity:0;border-bottom:2.25px solid;border-left:2.25px solid;block-size:6px;inline-size:11px;margin-block-start:-3px;position:absolute;rotate:-45deg}.ds .ds-step.is-guide .ds-node{border-style:dashed}.ds .ds-step[data-done] .ds-node{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink);border-style:solid}.ds .ds-step[data-done] .ds-node:before{content:none}.ds .ds-step[data-done] .ds-tick{opacity:1}.ds .ds-node:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.ds .ds-step:not([data-done]) .ds-node:hover{background:var(--accent-soft)}}.ds .ds-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink);transition:background-color var(--dur-2) var(--ease-out);gap:2px;text-decoration:none;display:grid}@media (hover:hover){.ds .ds-link:hover{background:var(--accent-soft)}.ds .ds-link:hover .ds-title{color:var(--accent)}}.ds .ds-title{font-family:var(--serif);text-wrap:pretty;font-size:1.0625rem;line-height:1.35}.ds .ds-sub{color:var(--mute);font-style:italic}.ds .ds-line{font:400 .875rem/1.4 var(--sans);color:var(--mute)}.ds .ds-step[data-done] .ds-title{color:var(--mute)}.ds .ds-quizrow{align-items:center;gap:var(--space-3);border-block-start:1px solid var(--rule);flex-wrap:wrap;margin-block-start:var(--space-5);padding-block-start:var(--space-4);display:flex}.ds .ds-best{font:600 .875rem/1 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}.ds .ds-final{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-5);border:1px solid var(--gold-line);border-radius:var(--radius);background:var(--gold-soft);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.ds .ds-final-title{font-size:var(--step-1);flex:1;margin:0}.ds .ds-final-icon{color:var(--gold)}.ds .ds-final-icon.is-on{color:var(--gold-ink)}dialog.sheet.ds-sheet{background:var(--paper);border-radius:0;block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;margin:0;padding:0;inset:0;overflow:hidden}dialog.sheet.ds-sheet:before{display:none}dialog.sheet.ds-sheet::backdrop{background:var(--band)}.ds-quiz{grid-template-rows:auto minmax(0,1fr) auto;block-size:100dvh;display:grid}.ds-quiz .ds-qhead{--ink:var(--on-band);--mute:var(--on-band-mute);--focus-ring:var(--on-band-gold);color:var(--ink);background:linear-gradient(180deg, var(--band-2), var(--band));border-block-end:1px solid var(--gold-line);padding:max(var(--space-4), env(safe-area-inset-top)) var(--gutter) var(--space-4)}.ds-quiz .ds-qhead-in,.ds-quiz .ds-qbody,.ds-quiz .ds-qfoot-in{inline-size:100%;max-inline-size:46rem;margin-inline:auto}.ds-quiz .ds-qhead-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ds-quiz .ds-qtitle{font-family:var(--serif);font-size:var(--step-1);color:var(--ink);margin:0;line-height:1.2}.ds-quiz .ds-qclose{inline-size:var(--tap);block-size:var(--tap);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;flex:none;place-items:center;display:grid}.ds-quiz .ds-qclose:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.ds-quiz .ds-qclose:hover{background:#ffffff29}}.ds-quiz .ds-qof{margin:var(--space-3) 0 var(--space-2);font:600 .9375rem/1 var(--sans);color:var(--on-band-gold);font-variant-numeric:tabular-nums}.ds-quiz.is-over .ds-qbar{margin-block-start:var(--space-3)}.ds-quiz .ds-qbar{background:#ffffff24;border-radius:3px;block-size:6px;overflow:hidden}.ds-quiz .ds-qbar>span{border-radius:inherit;background:var(--on-band-gold);transform-origin:0;block-size:100%;scale:var(--p,0) 1;transition:scale var(--dur-3) var(--ease-out);display:block}[dir=rtl] .ds-quiz .ds-qbar>span{transform-origin:100%}.ds-quiz .ds-qbody{align-content:start;gap:var(--space-4);overscroll-behavior:contain;padding:var(--space-6) var(--gutter) var(--space-7);max-inline-size:none;display:grid;overflow-y:auto}.ds-quiz .ds-qbody>*{inline-size:100%;max-inline-size:46rem;margin-inline:auto}.ds-quiz .ds-q{margin:0 auto var(--space-2);font-family:var(--serif);font-size:var(--step-2);text-wrap:pretty;line-height:1.25}.ds-quiz .ds-opts{gap:var(--space-3);padding:0;list-style:none;display:grid}.ds-quiz .ds-opt{align-items:center;gap:var(--space-4);min-block-size:4rem;inline-size:100%;padding:var(--space-4);border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-1);color:var(--ink);font:500 1.0625rem/1.45 var(--sans);text-align:start;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), opacity var(--dur-2) var(--ease-out), translate var(--dur-1) var(--ease-out);grid-template-columns:2.25rem minmax(0,1fr);display:grid}.ds-quiz .ds-opt:disabled{cursor:default}.ds-quiz .ds-opt:not(:disabled):active{translate:0 1px}@media (hover:hover){.ds-quiz .ds-opt:not(:disabled):hover{border-color:var(--accent);background:var(--sapphire-soft)}}.ds-quiz .ds-opt:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-quiz .ds-opt-mark{background:var(--gold-soft);border:1px solid var(--gold-line);block-size:2.25rem;inline-size:2.25rem;font:700 .9375rem/1 var(--sans);color:var(--gold-ink);border-radius:50%;place-items:center;display:grid}.ds-quiz .ds-opt-mark .icon{block-size:18px;inline-size:18px}.ds-quiz .ds-opt[data-state=right]{border-color:var(--supported);background:var(--emerald-soft)}.ds-quiz .ds-opt[data-state=right] .ds-opt-mark{background:var(--supported);border-color:var(--supported);color:var(--card)}.ds-quiz .ds-opt[data-state=wrong]{border-color:var(--controversial);background:var(--garnet-soft)}.ds-quiz .ds-opt[data-state=wrong] .ds-opt-mark{background:var(--controversial);border-color:var(--controversial);color:var(--card)}.ds-quiz .ds-opt[data-state=dim]{opacity:.5;box-shadow:none}.ds-quiz .ds-why{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-1);border-inline-start:5px solid var(--supported)}.ds-quiz .ds-why.is-wrong{border-inline-start-color:var(--controversial)}.ds-quiz .ds-why p{margin:0;font-size:1.0625rem;line-height:1.55}.ds-quiz .ds-why p+p{margin-block-start:var(--space-2)}.ds-quiz .ds-verdict{font:700 1.0625rem/1.2 var(--sans)}.ds-quiz .ds-why.is-right .ds-verdict{color:var(--supported)}.ds-quiz .ds-why.is-wrong .ds-verdict{color:var(--controversial)}.ds-quiz .ds-src{color:var(--mute);font-size:.9375rem}.ds-quiz .ds-src a{color:var(--accent)}.ds-quiz .ds-qfoot{padding:var(--space-3) var(--gutter) max(var(--space-3), env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-start:1px solid var(--rule)}.ds-quiz .ds-qfoot-in{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-quiz .ds-nextbtn{min-block-size:3rem;min-inline-size:10rem;font-size:1.0625rem}@media (max-width:719px){.ds-quiz .ds-nextbtn{inline-size:100%}}[dir=rtl] .ds-quiz .ds-nextbtn .icon{scale:-1 1}.ds-result{text-align:center;align-content:center;justify-items:center}.ds-result .ds-ring{aspect-ratio:1;background:conic-gradient(var(--gold) calc(var(--s,0) * 360deg), var(--stone) 0);border-radius:50%;place-items:center;inline-size:12rem;display:grid;position:relative}.ds-result .ds-ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:12px}.ds-result .ds-ring[data-pass]{background:conic-gradient(var(--supported) calc(var(--s,0) * 360deg), var(--stone) 0)}.ds-result .ds-score{z-index:1;font-family:var(--serif);font-size:var(--step-3);font-variant-numeric:tabular-nums;margin:0;line-height:1.1;position:relative}.ds-result .ds-result-line{margin:var(--space-2) auto 0;max-inline-size:28rem;font-size:1.1875rem}.ds-result .ds-earned{justify-content:center;align-items:center;gap:var(--space-2);font:700 1.0625rem/1 var(--sans);color:var(--gold-ink);margin:0 auto;display:inline-flex}.ds-quiz .ds-result-actions{justify-content:center}@media (prefers-reduced-motion:no-preference){.ds .ds-step[data-done] .ds-tick{animation:pop-in var(--dur-3) var(--ease-out)}.ds .ds-badge.is-on .icon{animation:pop-in var(--dur-4) var(--ease-out)}.ds-quiz .ds-q,.ds-quiz .ds-opts>li{animation:rise-in var(--dur-3) var(--ease-out) both}.ds-quiz .ds-opts>li:nth-child(2){animation-delay:40ms}.ds-quiz .ds-opts>li:nth-child(3){animation-delay:80ms}.ds-quiz .ds-opts>li:nth-child(4){animation-delay:.12s}.ds-quiz .ds-opt[data-state=right] .ds-opt-mark{animation:pop-in var(--dur-3) var(--ease-out)}.ds-quiz .ds-opt[data-state=wrong]{animation:ds-shake .36s var(--ease-out)}.ds-quiz .ds-why{animation:rise-in var(--dur-3) var(--ease-out)}.ds-result .ds-score{animation:title-in var(--dur-4) var(--ease-out)}.ds-result .ds-earned .icon{animation:spin-in .6s var(--ease-out) .2s both}}@keyframes ds-shake{20%{translate:-5px}45%{translate:4px}70%{translate:-2px}}
}