.dars-demo{color:var(--dars-ink);gap:var(--dars-space-6);font-feature-settings:"kern";flex-direction:column;line-height:1.6;display:flex}.dars-demo :is(button,a){font:inherit}.dars-demo-crumbs{gap:var(--dars-space-2);font-size:var(--dars-fs-sm);color:var(--dars-muted);flex-wrap:wrap;align-items:center;margin:0;display:flex}.dars-demo-crumbs a{color:var(--dars-muted);text-decoration:none}.dars-demo-crumbs a:hover{color:var(--dars-ink)}.dars-demo-crumbs-sep{opacity:.55}.dars-demo-crumbs-current{color:var(--dars-ink);font-weight:600}.dars-demo-eyebrow{color:var(--dars-brand);font-size:var(--dars-fs-sm);border-radius:var(--dars-r-pill);border:1px solid color-mix(in srgb, var(--dars-brand) 40%, transparent);background:color-mix(in srgb, var(--dars-brand) 10%, transparent);margin:0 0 var(--dars-space-1);align-self:flex-start;align-items:center;gap:6px;padding:4px 11px;font-weight:700;display:inline-flex}.dars-demo-hero h1{font-size:var(--dars-fs-3xl);margin:0 0 var(--dars-space-2);color:var(--dars-ink);font-weight:800;line-height:1.25}html[dir=rtl] .dars-demo-hero h1{line-height:1.4}.dars-demo-hero p{font-size:var(--dars-fs-md);color:var(--dars-muted);max-width:66ch;margin:0;line-height:1.7}.dars-demo-note{font-size:var(--dars-fs-sm);color:var(--dars-muted);margin:0}.dars-demo-grid{gap:var(--dars-space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.dars-demo-subject{padding:var(--dars-space-4);border:1px solid var(--dars-line);border-radius:var(--dars-r-md);background:var(--dars-surface);color:inherit;transition:border-color var(--dars-dur-fast) var(--dars-ease), transform var(--dars-dur-fast) var(--dars-ease);flex-direction:column;gap:4px;text-decoration:none;display:flex}.dars-demo-subject:hover{border-color:var(--dars-brand);transform:translateY(-2px)}.dars-demo-subject-name{font-size:var(--dars-fs-xl);font-weight:700}.dars-demo-subject-sub{font-size:var(--dars-fs-sm);color:var(--dars-muted)}.dars-demo-subject-meta{font-size:var(--dars-fs-xs);color:var(--dars-muted);margin-top:2px}.dars-demo-examples-wrap{margin-top:var(--dars-space-2);gap:10px;display:grid}.dars-demo-examples{gap:var(--dars-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.dars-demo-example{min-width:0;height:100%;padding:var(--dars-space-4);border:1px solid var(--dars-line);border-radius:var(--dars-r-md);background:var(--dars-surface);color:inherit;transition:border-color var(--dars-dur-fast) var(--dars-ease), transform var(--dars-dur-fast) var(--dars-ease), box-shadow var(--dars-dur-fast) var(--dars-ease);flex-direction:column;gap:10px;text-decoration:none;display:flex}.dars-demo-example:hover{border-color:var(--dars-brand);box-shadow:var(--dars-shadow);transform:translateY(-2px)}.dars-demo-example-lang{font-size:var(--dars-fs-xs);color:var(--dars-muted);border-radius:var(--dars-r-pill);border:1px solid var(--dars-line);background:var(--dars-surface-2);align-self:flex-start;padding:2px 9px;font-weight:700}.dars-demo-example-stem{color:var(--dars-ink);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.dars-demo-example.dars-demo-ar .dars-demo-example-stem{font-weight:500;line-height:1.85}.dars-demo-example-cta{color:var(--dars-brand);align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:700;display:inline-flex}.dars-demo-card{background:var(--dars-surface);border:1px solid var(--dars-line);box-shadow:var(--dars-shadow);border-radius:16px;flex-direction:column;gap:0;padding:22px 18px;display:flex}.dars-demo-run-head{color:var(--dars-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.dars-demo-bar{background:var(--dars-line);border-radius:999px;height:4px;margin:10px 0 18px;overflow:hidden}.dars-demo-bar span{background:var(--dars-brand);height:100%;transition:width .3s;display:block}.dars-demo-stem{max-width:72ch;margin:0 0 18px;font-size:20px;line-height:1.5}html[dir=rtl] .dars-demo-stem{font-size:21px;font-weight:600;line-height:1.75}.dars-demo-hint{margin:0 0 16px}.dars-demo-hint-btn{border:1px solid color-mix(in srgb, var(--dars-calm) 40%, transparent);background:color-mix(in srgb, var(--dars-calm) 10%, transparent);color:color-mix(in srgb, var(--dars-calm) 60%, var(--dars-ink));cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;font-weight:700;display:inline-flex}.dars-demo-hint-btn:hover{background:color-mix(in srgb, var(--dars-calm) 16%, transparent)}.dars-demo-hint-body{background:color-mix(in srgb, var(--dars-calm) 8%, transparent);border-inline-start:3px solid var(--dars-calm);border-radius:10px;margin-top:10px;padding:12px 14px;font-size:14.5px;line-height:1.7}.dars-demo-options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dars-demo-option{background:var(--dars-surface-2);border:1.5px solid var(--dars-line);width:100%;color:var(--dars-ink);text-align:start;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:14px 16px;font-size:16px;transition:transform .12s,background-color .15s,border-color .15s;display:flex}html[dir=rtl] .dars-demo-option{font-weight:500;line-height:1.7}button.dars-demo-option{cursor:pointer}button.dars-demo-option:hover:not(:disabled){border-color:var(--dars-brand)}button.dars-demo-option:active:not(:disabled){border-color:var(--dars-brand);background:color-mix(in srgb, var(--dars-brand) 10%, transparent);transform:scale(.98)}.dars-demo-option.is-chosen{border-color:var(--dars-primary)}.dars-demo-option.is-correct{border-color:var(--dars-ok);background:color-mix(in srgb, var(--dars-ok) 15%, transparent);color:color-mix(in srgb, var(--dars-ok) 35%, var(--dars-ink))}.dars-demo-option.is-wrong{border-color:var(--dars-danger);background:color-mix(in srgb, var(--dars-danger) 14%, transparent)}.dars-demo-opt-letter{color:var(--dars-muted);flex:none;min-inline-size:1.5em;font-weight:700}.dars-demo-option.is-correct .dars-demo-opt-letter{color:var(--dars-ok)}.dars-demo-opt-text{flex:auto}.dars-demo-opt-icon{flex:none}.dars-demo-opt-icon.is-ok{color:var(--dars-ok)}.dars-demo-opt-icon.is-no{color:var(--dars-danger)}.dars-demo-rationale{color:var(--dars-muted);margin:4px 6px 0;font-size:13px;line-height:1.6}.dars-demo-reveal{border-top:1px solid var(--dars-line);gap:12px;margin-top:18px;padding-top:16px;display:grid}.dars-demo-reveal-head{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.dars-demo-verdict-icon{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.dars-demo-verdict-icon.is-ok{background:var(--dars-ok)}.dars-demo-verdict-icon.is-no{background:var(--dars-danger)}.dars-demo-reveal.ok .dars-demo-verdict-label{color:var(--dars-ok)}.dars-demo-reveal.no .dars-demo-verdict-label{color:color-mix(in srgb, var(--dars-danger) 45%, var(--dars-ink))}.dars-demo-reveal-why{max-width:72ch;margin:0;font-size:15px;line-height:1.7}html[dir=rtl] .dars-demo-reveal-why{font-size:16px;font-weight:500;line-height:1.8}.dars-demo-why-correct{background:color-mix(in srgb, var(--dars-calm) 10%, transparent);border:1px solid color-mix(in srgb, var(--dars-calm) 30%, transparent);border-radius:10px;gap:4px;padding:10px 13px;display:grid}.dars-demo-why-correct p{margin:0;font-size:14.5px;line-height:1.65}.dars-demo-why-correct-label{color:var(--dars-calm);font-size:12.5px;font-weight:700;display:block}.dars-demo-explain-long{color:var(--dars-ink);font-size:14.5px;line-height:1.7}html[dir=rtl] .dars-demo-explain-long{font-size:15px;line-height:1.8}.dars-demo-run[data-answered=false] .dars-demo-reveal,.dars-demo-run[data-answered=false] .dars-demo-rationale{display:none}.dars-demo-run[data-answered=true] button.dars-demo-option{cursor:default}.dars-demo-reveal{animation:dars-demo-fade .26s var(--dars-ease)}@keyframes dars-demo-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dars-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.dars-demo-primary{background:var(--dars-primary);color:var(--dars-on-primary);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:13px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.dars-demo-primary:hover:not(:disabled){filter:brightness(1.06)}.dars-demo-primary:active:not(:disabled){filter:brightness(.94)}.dars-demo-primary:disabled{opacity:.6}.dars-demo-ghost{color:var(--dars-muted);border:1px solid var(--dars-line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.dars-demo-ghost:hover{color:var(--dars-ink);border-color:var(--dars-brand)}.dars-demo-cta{background:var(--dars-brand);color:var(--dars-on-brand);border-radius:var(--dars-r-pill);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:filter .18s,transform .12s;display:inline-flex}.dars-demo-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.dars-demo-score{align-items:baseline;gap:14px;display:flex}.dars-demo-score-num{font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1}.dars-demo-score-num small{color:var(--dars-muted);font-size:22px;font-weight:600}.dars-demo-score-pct{color:var(--dars-brand);font-size:20px;font-weight:700}.dars-demo-ready{margin:10px 0 18px;font-size:16px}.dars-demo-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0 20px;display:grid}.dars-demo-stat{background:var(--dars-surface-2);border:1px solid var(--dars-line);text-align:center;border-radius:13px;padding:16px 12px}.dars-demo-stat-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1;display:block}.dars-demo-stat-label{color:var(--dars-muted);font-size:12.5px}.dars-demo-mini-label{color:var(--dars-muted);margin:0 0 10px;font-size:12.5px}.dars-demo-mastery{gap:14px;margin-bottom:6px;display:grid}.dars-demo-mastery-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:15px;display:flex}.dars-demo-mastery-pct{color:var(--dars-brand);font-variant-numeric:tabular-nums;font-weight:700}.dars-demo-review{gap:12px;margin:0 0 6px;padding:0;list-style:none;display:grid}.dars-demo-review li{border-inline-start:3px solid var(--dars-line);padding-inline-start:12px}.dars-demo-review li.ok{border-color:var(--dars-ok)}.dars-demo-review li.no{border-color:var(--dars-danger)}.dars-demo-review-stem{margin:0 0 4px;font-size:15px}.dars-demo-review-why{color:var(--dars-muted);margin:0;font-size:13.5px}.dars-demo-review-why strong{color:var(--dars-ok)}.dars-demo-wall{text-align:center;background:var(--dars-surface);border:1px solid var(--dars-line);max-width:min(560px,100%);box-shadow:var(--dars-shadow);border-radius:18px;gap:14px;margin:8vh auto 0;padding:clamp(24px,5vw,40px);display:grid}.dars-demo-wall h1{margin:0;font-size:24px;font-weight:800;line-height:1.3}.dars-demo-wall p{color:var(--dars-muted);margin:0;line-height:1.7}.dars-demo-wall-list{text-align:start;gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.dars-demo-wall-list li{color:var(--dars-ink);align-items:center;gap:9px;font-size:14.5px;display:flex}.dars-demo-wall-list li svg{color:var(--dars-ok);flex:none}.dars-demo-wall-actions{gap:10px;margin-top:6px;display:grid}.dars-demo-google{background:var(--dars-bg);color:var(--dars-ink);border:1px solid var(--dars-line);justify-content:center}.dars-demo-google:hover{filter:none;border-color:var(--dars-brand)}.dars-demo-or{color:var(--dars-muted);align-items:center;gap:12px;font-size:13px;display:flex}.dars-demo-or:before,.dars-demo-or:after{content:"";background:var(--dars-line);flex:1;height:1px}.dars-demo-input{background:var(--dars-bg);border:1px solid var(--dars-line);width:100%;color:var(--dars-ink);text-align:start;border-radius:12px;padding:13px 14px;font-size:15px}.dars-demo-input:focus{outline:2px solid var(--dars-primary);border-color:#0000}.dars-demo-wall .dars-demo-note{text-align:center}.dars-demo-wall>.dars-demo-ghost{justify-self:center}.dars-demo-ar{text-align:start;direction:rtl;unicode-bidi:isolate}.dars-demo-en{text-align:start;direction:ltr;unicode-bidi:isolate}.dars-demo-verdict-label,.dars-demo-why-correct-label,.dars-demo-hint-btn{unicode-bidi:plaintext}.dars-demo :focus-visible{outline:2px solid var(--dars-primary);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){.dars-demo-option,.dars-demo-bar span{transition:none}button.dars-demo-option:active:not(:disabled),.dars-demo-subject:hover,.dars-demo-cta:hover{transform:none}.dars-demo-reveal{animation:none}}
