:root{--cq-bg:#0f172a;--cq-surface:#1e293b;--cq-border:#334155;--cq-text:#e2e8f0;--cq-muted:#94a3b8;--cq-accent:#38bdf8;--cq-accent-dim:rgba(56,189,248,.15);--cq-danger:#f87171;--cq-success:#4ade80;--cq-inset:#0f172a;--cq-chrome:rgba(15,23,42,.95);--cq-field:rgba(15,23,42,.6);--cq-modal:#0b1222;--cq-backdrop:rgba(2,6,23,.75);--cq-shadow:rgba(0,0,0,.45);--cq-accent-text:#7dd3fc;--cq-danger-text:#fecaca;--cq-danger-strong:#fca5a5;--cq-popover-bg:#450a0a;--cq-popover-text:#fef2f2;--cq-hl-keyword:#c792ea;--cq-hl-builtin:#82aaff;--cq-hl-number:#f78c6c;--cq-hl-string:#c3e88d;--cq-hl-comment:#7f8ea3;--cq-hl-name:#ffcb6b;--cq-hl-decorator:#89ddff;--cq-font:system-ui, "Segoe UI", Roboto, sans-serif;--cq-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--cq-code-size:.88rem;--cq-text-xs:.8rem;--cq-text-sm:.85rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--cq-font);color:var(--cq-text);background:var(--cq-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.45}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--cq-bg:#f1f5f9;--cq-surface:#fff;--cq-border:#cbd5e1;--cq-text:#0f172a;--cq-muted:#475569;--cq-accent:#0369a1;--cq-accent-dim:rgba(3,105,161,.1);--cq-danger:#b91c1c;--cq-success:#166534;--cq-inset:#f8fafc;--cq-chrome:rgba(255,255,255,.95);--cq-field:#fff;--cq-modal:#fff;--cq-backdrop:rgba(15,23,42,.45);--cq-shadow:rgba(15,23,42,.18);--cq-accent-text:#075985;--cq-danger-text:#991b1b;--cq-danger-strong:#b91c1c;--cq-popover-bg:#fef2f2;--cq-popover-text:#7f1d1d;--cq-hl-keyword:#7c3aed;--cq-hl-builtin:#1d4ed8;--cq-hl-number:#c2410c;--cq-hl-string:#15803d;--cq-hl-comment:#64748b;--cq-hl-name:#a16207;--cq-hl-decorator:#0e7490;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--cq-bg:#f1f5f9;--cq-surface:#fff;--cq-border:#cbd5e1;--cq-text:#0f172a;--cq-muted:#475569;--cq-accent:#0369a1;--cq-accent-dim:rgba(3,105,161,.1);--cq-danger:#b91c1c;--cq-success:#166534;--cq-inset:#f8fafc;--cq-chrome:rgba(255,255,255,.95);--cq-field:#fff;--cq-modal:#fff;--cq-backdrop:rgba(15,23,42,.45);--cq-shadow:rgba(15,23,42,.18);--cq-accent-text:#075985;--cq-danger-text:#991b1b;--cq-danger-strong:#b91c1c;--cq-popover-bg:#fef2f2;--cq-popover-text:#7f1d1d;--cq-hl-keyword:#7c3aed;--cq-hl-builtin:#1d4ed8;--cq-hl-number:#c2410c;--cq-hl-string:#15803d;--cq-hl-comment:#64748b;--cq-hl-name:#a16207;--cq-hl-decorator:#0e7490;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}@media (max-width:640px),(pointer:coarse){:root{--cq-code-size:max(16px, .9rem);--cq-text-xs:.875rem;--cq-text-sm:.92rem}}button{font:inherit}input,textarea,select{font-size:max(16px,1em)}*,:before,:after{font-variant-ligatures:none}.cq-shell{min-height:100svh;max-width:720px;min-height:100dvh;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;margin:0 auto;display:flex}.cq-shell--ios{background:var(--cq-bg)}.cq-shell--android{max-width:480px}.cq-main{flex:1;padding:1rem 1rem 0}.cq-stack{flex-direction:column;gap:1rem;display:flex}.cq-title{margin:0;font-size:1.45rem;font-weight:650}.cq-subtitle{margin:0 0 .5rem;font-size:1.1rem}.cq-lead{color:var(--cq-muted);margin:0;font-size:.95rem}.cq-muted{color:var(--cq-muted);margin:0;font-size:.88rem}.cq-panel{background:var(--cq-surface);border:1px solid var(--cq-border);border-radius:12px;padding:1rem}.cq-error{color:var(--cq-danger);border-color:rgba(248,113,113,.35)}.cq-label{font-size:var(--cq-text-xs);color:var(--cq-muted);margin:.75rem 0 .35rem;display:block}.cq-load-error .cq-error{margin:0 0 .75rem}.cq-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem;display:flex}.cq-btn{border:1px solid var(--cq-border);background:var(--cq-surface);color:var(--cq-text);cursor:pointer;border-radius:10px;padding:.55rem 1rem;font-weight:500}.cq-btn--primary{border-color:var(--cq-accent);background:var(--cq-accent-dim);color:var(--cq-text)}.cq-btn--snippet{font-size:var(--cq-text-xs);align-items:center;gap:.25rem;padding:.32rem .55rem;display:inline-flex}.cq-btn--snippet-active{border-color:var(--cq-accent);background:var(--cq-accent-dim);font-weight:600}.cq-btn:disabled{opacity:.55;cursor:not-allowed}.cq-badge{font-size:var(--cq-text-xs);border:1px solid var(--cq-border);border-radius:999px;padding:.2rem .5rem}.cq-badge--ok{border-color:var(--cq-success);color:var(--cq-success)}.cq-icon-btn{border:1px solid var(--cq-border);color:var(--cq-text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.cq-btn--sm{font-size:var(--cq-text-xs);align-items:center;gap:.3rem;padding:.25rem .5rem;display:inline-flex}.cq-btn--danger{color:var(--cq-danger-strong);border-color:rgba(248,113,113,.5)}.cq-btn--danger:hover{background:rgba(248,113,113,.15)}.cq-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,summary,[tabindex],[role=tab]):focus-visible{outline:2px solid var(--cq-accent);outline-offset:2px}:where(input,textarea,select):focus-visible{outline:2px solid var(--cq-accent);outline-offset:0}.cq-main:focus{outline:none}.cq-skip-link{z-index:1000;background:var(--cq-surface);color:var(--cq-text);border-radius:8px;padding:.5rem .85rem;font-weight:600;text-decoration:none;position:fixed;top:-10rem;left:.5rem}.cq-skip-link:focus{top:calc(.5rem + env(safe-area-inset-top,0px))}@media (max-width:640px){.cq-main{padding:.85rem .75rem 0}.cq-panel{padding:.85rem}}.cq-link-btn{color:var(--cq-accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.cq-install-banner{left:50%;bottom:calc(5.4rem + env(safe-area-inset-bottom,0px));z-index:30;border:1px solid var(--cq-border);background:var(--cq-chrome);width:min(92vw,680px);box-shadow:0 10px 28px var(--cq-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex;position:fixed;transform:translate(-50%)}.cq-install-banner__content{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.cq-install-banner__title{margin:0;font-size:.9rem;font-weight:650}.cq-install-banner__hint{color:var(--cq-muted);font-size:var(--cq-text-xs);margin:0}.cq-install-banner__close{border:1px solid var(--cq-border);color:var(--cq-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:1.8rem;height:1.8rem}.cq-install-banner__close:hover{color:var(--cq-text);border-color:var(--cq-accent)}.cq-header{padding:.65rem .85rem;padding-top:calc(.65rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--cq-border);background:var(--cq-chrome);z-index:10;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.cq-back{color:var(--cq-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.35rem;display:flex}.cq-back:hover{background:var(--cq-surface)}.cq-header-spacer{width:2rem}.cq-brand{letter-spacing:.02em;font-weight:600}.cq-brand-version{letter-spacing:0;color:var(--cq-muted);font-size:.85em;font-weight:400}.cq-admin-badge{letter-spacing:.03em;color:#0f172a;vertical-align:middle;background:#fbbf24;border-radius:6px;margin-left:.4rem;padding:.05rem .4rem;font-size:.75em;font-weight:600}.cq-breadcrumbs{margin:-.25rem 0 .5rem}.cq-breadcrumbs-list{font-size:var(--cq-text-sm);color:var(--cq-muted);flex-wrap:wrap;align-items:center;gap:0 .3rem;margin:0;padding:0;list-style:none;display:flex}.cq-breadcrumbs-link{color:var(--cq-accent);padding:.4rem .1rem;text-decoration:none;display:inline-block}.cq-breadcrumbs-link:hover{text-decoration:underline}.cq-breadcrumbs-link:focus-visible{text-decoration:underline}.cq-breadcrumbs-sep{opacity:.7;display:flex}.cq-bottom-nav{padding:.45rem .75rem calc(.55rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cq-border);background:var(--cq-chrome);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;gap:.25rem;max-width:720px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.cq-nav-btn{color:var(--cq-muted);cursor:pointer;font-size:var(--cq-text-xs);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.35rem;display:flex}.cq-nav-btn--active{color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-nav-label{letter-spacing:.02em}.cq-share-notice{left:50%;bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));z-index:20;border:1px solid var(--cq-border);background:var(--cq-chrome);color:var(--cq-text);font-size:var(--cq-text-sm);box-shadow:0 8px 24px var(--cq-shadow);text-align:center;border-radius:10px;max-width:min(90vw,420px);margin:0;padding:.55rem .85rem;position:fixed;transform:translate(-50%)}.cq-share-sheet{border:1px solid var(--cq-border);background:var(--cq-modal);width:min(92vw,420px);box-shadow:0 16px 48px var(--cq-shadow);border-radius:14px;margin:auto;padding:1rem 1rem 1.1rem}.cq-share-sheet-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.cq-share-sheet-title{margin:0;font-size:1.05rem;font-weight:650}.cq-share-sheet-lead{margin:0 0 .85rem;font-size:.88rem}.cq-share-sheet-actions{flex-direction:column;gap:.55rem;display:flex}.cq-share-sheet-btn{border:1px solid var(--cq-border);background:var(--cq-field);width:100%;color:var(--cq-text);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.8rem .85rem;display:flex}.cq-share-sheet-btn:hover{border-color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-share-sheet-btn strong{margin-bottom:.15rem;font-size:.92rem;display:block}.cq-share-sheet-btn span span{font-size:var(--cq-text-xs);line-height:1.35;display:block}.cq-modal-backdrop{background:var(--cq-backdrop);z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cq-modal{border:1px solid var(--cq-border);background:var(--cq-modal);border-radius:14px;flex-direction:column;width:min(980px,100%);height:min(84svh,860px);display:flex;overflow:hidden}.cq-modal-header{border-bottom:1px solid var(--cq-border);justify-content:space-between;align-items:center;padding:.65rem .8rem;display:flex}.cq-modal-title{font-weight:600}.cq-modal-credit{border-bottom:1px solid var(--cq-border);color:var(--cq-muted);font-size:var(--cq-text-xs);padding:.5rem .8rem}.cq-modal-credit a{color:var(--cq-accent);align-items:center;gap:.25rem;display:inline-flex}.cq-modal-frame{background:#fff;border:none;flex:1;width:100%}.cq-modal-actions{border-top:1px solid var(--cq-border);justify-content:flex-end;padding:.6rem .8rem;display:flex}.cq-update-banner{top:calc(3.8rem + env(safe-area-inset-top,0px));bottom:auto}.cq-modal-note{margin:.4rem 0 0}.cq-xp-toast{border-color:var(--cq-success);color:var(--cq-success);font-weight:600;animation:.25s ease-out cq-xp-pop}@keyframes cq-xp-pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cq-xp-toast{animation:none}}.cq-card-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.cq-card-btn{text-align:left;border:1px solid var(--cq-border);background:var(--cq-surface);width:100%;color:var(--cq-text);cursor:pointer;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.cq-card-btn:hover{border-color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-card-btn--locked{opacity:.6;cursor:not-allowed}.cq-card-btn--locked:hover{border-color:var(--cq-border);background:var(--cq-surface)}.cq-card-title{font-weight:600}.cq-card-meta{font-size:var(--cq-text-xs);color:var(--cq-muted)}.cq-card-eyebrow{font-size:var(--cq-text-xs);letter-spacing:.02em;color:var(--cq-muted);font-weight:600}.cq-card-btn--in-progress{--status-color:var(--cq-accent)}.cq-card-btn--challenges-done{--status-color:var(--cq-hl-number)}.cq-card-btn--passed{--status-color:var(--cq-success)}.cq-card-btn--in-progress,.cq-card-btn--challenges-done,.cq-card-btn--passed{border-left:4px solid var(--status-color);padding-left:calc(1rem - 3px)}.cq-status{color:var(--status-color,var(--cq-muted));background:color-mix(in srgb, var(--status-color,var(--cq-muted)) 12%, transparent);border-radius:999px;padding:.05rem .45rem;font-weight:600;display:inline-block}.cq-status--not-started{--status-color:var(--cq-muted)}.cq-status--in-progress{--status-color:var(--cq-accent-text)}.cq-status--challenges-done{--status-color:color-mix(in srgb, var(--cq-hl-number) 80%, var(--cq-text))}.cq-status--passed{--status-color:var(--cq-success)}.cq-section-preview-note{margin:-.25rem 0 .25rem}.cq-home-panel{flex-direction:column;gap:.9rem;display:flex}.cq-continue-btn{align-self:flex-start;align-items:center;gap:.4rem;display:inline-flex}.cq-home-kpis{grid-template-columns:1fr;gap:.8rem;display:grid}.cq-kpi{border:1px solid var(--cq-border);background:var(--cq-inset);border-radius:10px;padding:.75rem}.cq-kpi-label{color:var(--cq-muted);font-size:var(--cq-text-xs);align-items:center;gap:.3rem;display:inline-flex}.cq-kpi-value{margin-top:.25rem;font-size:1.05rem;font-weight:600}.cq-kpi-muted{color:var(--cq-muted);font-size:var(--cq-text-xs);margin-top:.35rem}.cq-progress-bar{background:rgba(148,163,184,.2);border-radius:999px;width:100%;height:.45rem;margin-top:.45rem;overflow:hidden}.cq-progress-bar-fill{background:linear-gradient(90deg,#38bdf8,#4ade80);height:100%}.cq-card-list-item{list-style:none}.cq-card-row{align-items:stretch;gap:.35rem;display:flex}.cq-card-row .cq-card-btn{flex:1;min-width:0}.cq-card-row--panel{align-items:flex-start;margin-bottom:.5rem}.cq-card-row--panel .cq-subtitle{flex:1;margin:0}.cq-testout--open{gap:.5rem;display:grid}.cq-testout-done{border:1px solid var(--cq-success);background:color-mix(in srgb, var(--cq-success) 10%, transparent);font-size:var(--cq-text-sm);border-radius:8px;margin:0;padding:.55rem .75rem}.cq-step-tabs-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.cq-step-tabs-row--bottom{border-top:1px solid var(--cq-border);margin-top:.5rem;padding-top:1rem}.cq-step-tabs{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.cq-step-tab{border:1px solid var(--cq-border);min-width:5rem;color:var(--cq-muted);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:.45rem .65rem;font-size:.88rem}.cq-step-tab--active{border-color:var(--cq-accent);color:var(--cq-text);background:var(--cq-accent-dim)}.cq-step-tab--next{border-color:var(--cq-success);min-width:5rem;color:var(--cq-success);background:color-mix(in srgb, var(--cq-success) 8%, transparent);flex:none;font-weight:600}.cq-md-pre{background:var(--cq-inset);border:1px solid var(--cq-border);font-family:var(--cq-mono);border-radius:10px;margin:.75rem 0;padding:.85rem;font-size:.85rem;overflow-x:auto}.cq-md-p{margin:0 0 .65rem}.cq-md-p:last-child{margin-bottom:0}.cq-md-code{font-family:var(--cq-mono);background:var(--cq-inset);border:1px solid var(--cq-border);border-radius:6px;padding:.15rem .35rem;font-size:.88em}.cq-step-tab{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.cq-step-tabs .cq-step-tab{flex:auto}@media (max-width:480px){.cq-step-tabs{flex-wrap:nowrap;flex:100%}.cq-step-tabs .cq-step-tab{min-width:0;padding:.45rem .5rem}.cq-step-tab--next{flex:100%}}.cq-step-tab-badge{background:var(--cq-border);color:var(--cq-text);font-size:var(--cq-text-xs);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:.35rem;padding:0 .4rem}.cq-step-tab-badge--done{background:color-mix(in srgb, var(--cq-success) 12%, transparent);color:var(--cq-success)}.cq-md-code-block{position:relative}.cq-md-try{opacity:.85;position:absolute;top:.4rem;right:.4rem}.cq-md-try:hover{opacity:1}.cq-md-try:focus-visible{opacity:1}.cq-md-code-block:has(.cq-md-try) .cq-md-pre{padding-right:4.5rem}.cq-hl-keyword{color:var(--cq-hl-keyword)}.cq-hl-builtin{color:var(--cq-hl-builtin)}.cq-hl-constant,.cq-hl-number{color:var(--cq-hl-number)}.cq-hl-string{color:var(--cq-hl-string)}.cq-hl-comment{color:var(--cq-hl-comment);font-style:italic}.cq-hl-name{color:var(--cq-hl-name)}.cq-hl-decorator{color:var(--cq-hl-decorator)}.cq-reset-note{border:1px solid var(--cq-border);background:var(--cq-surface);font-size:var(--cq-text-sm);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.65rem .8rem;display:flex}.cq-reset-note p{flex:1;margin:0}.cq-code-input{width:100%;font-family:var(--cq-mono);font-size:var(--cq-code-size);border:1px solid var(--cq-border);background:var(--cq-inset);color:var(--cq-text);resize:vertical;border-radius:10px;padding:.65rem}.cq-code-input:disabled{opacity:.65}.cq-code-input--pass{border-color:rgba(74,222,128,.55)}.cq-code-input--fail{border-color:rgba(248,113,113,.55)}.cq-code-editor-wrap{border:1px solid var(--cq-border);background:var(--cq-inset);border-radius:10px;position:relative}.cq-code-editor-backdrop{scrollbar-width:none;-ms-overflow-style:none;pointer-events:none;z-index:0;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:scroll}.cq-code-editor-backdrop::-webkit-scrollbar{display:none}.cq-code-editor-backdrop-inner{font-family:var(--cq-mono);font-size:var(--cq-code-size);box-sizing:border-box;min-height:100%;padding:.65rem;line-height:1.45;transform:translateY(-2px)}.cq-code-editor-line{box-sizing:border-box;flex-shrink:0;align-items:center;height:1.45em;display:flex}.cq-code-editor-line--error{border-left:3px solid var(--cq-danger);background:rgba(248,113,113,.22);border-radius:0 4px 4px 0;margin-left:-.65rem;padding-left:calc(.65rem - 3px);position:relative}.cq-code-editor-line--phantom{visibility:hidden;pointer-events:none}.cq-code-editor-tooltip-layer{scrollbar-width:none;-ms-overflow-style:none;pointer-events:none;z-index:2;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:scroll}.cq-code-editor-tooltip-layer::-webkit-scrollbar{display:none}.cq-code-editor-tooltip-layer-inner{position:relative}.cq-code-error-popover{font-size:var(--cq-text-xs);line-height:1.35;font-family:var(--cq-mono);color:var(--cq-popover-text);background:var(--cq-popover-bg);border:1px solid var(--cq-danger);box-shadow:0 6px 18px var(--cq-shadow);pointer-events:auto;border-radius:10px}.cq-code-error-tooltip--floating{max-width:min(100% - 1.3rem,22rem);position:absolute;left:.65rem}.cq-code-error-popover-handle{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid rgba(248,113,113,.45);align-items:center;gap:.35rem;padding:.35rem .4rem .35rem .35rem;display:flex}.cq-code-error-popover-handle:active{cursor:grabbing}.cq-code-error-popover-grip{color:var(--cq-danger-strong);opacity:.85;flex-shrink:0;display:flex}.cq-code-error-popover-title{font-family:inherit;font-size:var(--cq-text-xs);letter-spacing:.02em;color:var(--cq-danger-text);flex:1;font-weight:650}.cq-code-error-popover-close{cursor:pointer;touch-action:manipulation;flex-shrink:0;color:var(--cq-danger-text)!important;background:0 0!important;border:none!important;border-radius:6px!important;padding:.25rem!important}.cq-code-error-popover-close:hover{background:rgba(248,113,113,.2)!important}.cq-code-error-popover-body{white-space:pre-wrap;word-break:break-word;touch-action:pan-y;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:.45rem .55rem .5rem}.cq-code-error-popover-meta{font-size:var(--cq-text-xs);color:var(--cq-danger-text);opacity:.95;padding:0 .55rem .5rem}.cq-code-error-popover:after{content:"";border:6px solid transparent;border-bottom-color:var(--cq-popover-bg);pointer-events:none;position:absolute;top:auto;bottom:100%;left:12px}.cq-code-error-popover--dragged:after{display:none}textarea.cq-code-editor-overlay{z-index:1;box-sizing:border-box;width:100%;caret-color:var(--cq-text);white-space:pre;resize:vertical;border-radius:10px;line-height:1.45;display:block;position:relative;overflow-x:auto;background:0 0!important;border:none!important}.cq-code-keys{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.35rem;margin-top:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.cq-code-keys::-webkit-scrollbar{display:none}.cq-code-key{border:1px solid var(--cq-border);background:var(--cq-surface);min-width:2.6rem;min-height:2.6rem;color:var(--cq-text);font-family:var(--cq-mono);font-size:var(--cq-text-sm);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:8px;flex:none;padding:0 .6rem}.cq-code-key:active{border-color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-cm .cm-editor{border:1px solid var(--cq-border);background:var(--cq-inset);color:var(--cq-text);font-size:var(--cq-code-size);border-radius:10px}.cq-cm .cm-editor.cm-focused{outline:2px solid var(--cq-accent);outline-offset:0}.cq-cm .cm-editor .cm-scroller{font-family:var(--cq-mono);border-radius:10px;max-height:65vh;line-height:1.45}.cq-cm .cm-editor .cm-content{min-height:calc(var(--cq-cm-min-lines,4) * 1.45em);caret-color:var(--cq-accent);padding:.55rem 0}.cq-cm .cm-editor .cm-line{padding:0 .65rem 0 .4rem}.cq-cm .cm-editor .cm-gutters{color:var(--cq-muted);border-right:1px solid var(--cq-border);background:0 0;border-radius:10px 0 0 10px}.cq-cm .cm-editor .cm-lineNumbers .cm-gutterElement{min-width:1.6em;padding:0 .4rem 0 .55rem}.cq-cm .cm-editor .cm-activeLine,.cq-cm .cm-editor .cm-activeLineGutter{background:color-mix(in srgb, var(--cq-accent) 7%, transparent)}.cq-cm .cm-editor:not(.cm-focused) .cm-activeLine,.cq-cm .cm-editor:not(.cm-focused) .cm-activeLineGutter{background:0 0}.cq-cm .cm-editor .cm-cursor{border-left:2px solid var(--cq-accent)}.cq-cm .cm-editor .cm-selectionBackground,.cq-cm .cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--cq-accent) 30%, transparent)}.cq-cm .cm-editor .cm-matchingBracket{background:color-mix(in srgb, var(--cq-success) 22%, transparent);outline:1px solid color-mix(in srgb, var(--cq-success) 55%, transparent);color:inherit}.cq-cm .cm-editor .cm-nonmatchingBracket{background:color-mix(in srgb, var(--cq-danger) 22%, transparent);color:inherit}.cq-cm .cm-editor .cq-cm-error-line{background:color-mix(in srgb, var(--cq-danger) 18%, transparent);box-shadow:inset 3px 0 0 var(--cq-danger)}.cq-cm .cm-editor .cq-cm-error-column{-webkit-text-decoration:underline wavy var(--cq-danger);text-decoration:underline wavy var(--cq-danger);text-underline-offset:3px}.cq-cm-error-message{border:1px solid color-mix(in srgb, var(--cq-danger) 55%, transparent);background:var(--cq-popover-bg);color:var(--cq-popover-text);font-family:var(--cq-font);font-size:var(--cq-text-sm);white-space:normal;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.5rem;margin:.2rem .6rem .35rem .4rem;padding:.4rem .55rem;line-height:1.4;display:flex}.cq-cm-error-message strong{display:block}.cq-cm-error-message span{font-family:var(--cq-mono);overflow-wrap:anywhere}.cq-cm-error-close{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:.1rem .3rem;font-size:1.1rem;line-height:1}.cq-cm .cm-editor .cm-tooltip.cm-tooltip-autocomplete{border:1px solid var(--cq-border);background:var(--cq-modal);color:var(--cq-text);box-shadow:0 6px 20px var(--cq-shadow);border-radius:8px;overflow:hidden}.cq-cm .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul{font-family:var(--cq-mono);font-size:var(--cq-code-size);max-height:14em}.cq-cm .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li{padding:.3rem .6rem}.cq-cm .cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--cq-accent-dim);color:var(--cq-text)}.cq-cm .cm-editor .cm-completionMatchedText{color:var(--cq-accent);font-weight:700;text-decoration:none}.cq-check-status{font-size:var(--cq-text-sm);margin:.4rem 0 0}.cq-check-status:empty{margin:0}.cq-hints{font-size:var(--cq-text-sm);color:var(--cq-muted);margin-top:.5rem}.cq-challenge-help-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.65rem;display:flex}.cq-challenge-reveal{border:1px solid var(--cq-border);font-size:var(--cq-text-sm);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin-top:.5rem;padding:.55rem .65rem}.cq-challenge-reveal--hint{color:var(--cq-muted);background:rgba(255,255,255,.02)}.cq-challenge-reveal--answer{font-family:var(--cq-mono);font-size:var(--cq-text-xs);color:var(--cq-text);background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.35);margin:.5rem 0 0;overflow-x:auto}.cq-runtime-error{color:var(--cq-danger-text);font-size:var(--cq-text-xs);white-space:pre-wrap;word-break:break-word;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.45);border-radius:10px;margin-top:.55rem;padding:.55rem .65rem}.cq-testcase-list{flex-direction:column;gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.cq-testcase-item{border:1px solid var(--cq-border);font-size:var(--cq-text-xs);border-radius:8px;grid-template-columns:1fr auto;gap:.35rem;padding:.45rem .55rem;display:grid}.cq-testcase-item--pass{border-color:rgba(74,222,128,.6)}.cq-testcase-item--fail{border-color:rgba(248,113,113,.6)}.cq-testcase-detail{color:var(--cq-muted);white-space:pre-wrap;word-break:break-word;font-family:var(--cq-mono);font-size:var(--cq-text-xs);grid-column:1/-1}.cq-diff{gap:.2rem;margin-top:.35rem;display:grid}.cq-diff-label{font-family:var(--cq-font);font-size:var(--cq-text-xs);color:var(--cq-muted)}.cq-diff-value{background:var(--cq-bg);color:var(--cq-text);white-space:pre-wrap;word-break:break-word;font-family:var(--cq-mono);font-size:var(--cq-text-sm);border-radius:6px;margin:0;padding:.4rem .55rem}.cq-diff-mark{color:inherit;white-space:pre-wrap;border-radius:3px;padding:0 1px}.cq-diff-mark--missing{background:color-mix(in srgb, var(--cq-success) 32%, transparent);outline:1px solid color-mix(in srgb, var(--cq-success) 70%, transparent)}.cq-diff-mark--extra{background:color-mix(in srgb, var(--cq-danger) 32%, transparent);outline:1px solid color-mix(in srgb, var(--cq-danger) 70%, transparent)}.cq-diff-empty{color:var(--cq-muted);font-style:italic}.cq-diff-note{font-family:var(--cq-font);font-size:var(--cq-text-xs);color:var(--cq-muted);margin:.2rem 0 0}.cq-challenge-head-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cq-challenge-toggle{color:var(--cq-muted)}.cq-challenge-toggle:hover{color:var(--cq-text);border-color:var(--cq-accent)}.cq-challenge-card--folded .cq-card-row{align-items:center;margin-bottom:0}.cq-report-link{color:var(--cq-muted);font-size:var(--cq-text-xs);text-underline-offset:2px;margin-top:.75rem;text-decoration:underline;display:inline-block}.cq-report-link:hover{color:var(--cq-accent)}.cq-challenge-number{font-size:var(--cq-text-xs);letter-spacing:.02em;color:var(--cq-muted);margin:0 0 .2rem;font-weight:600}.cq-sandbox{border-top:1px solid var(--cq-border);margin-top:1rem;padding-top:1rem}.cq-sandbox-title{margin:0 0 .3rem;font-size:1rem}.cq-sandbox-input{min-height:7rem}.cq-sandbox-snippets{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.cq-sandbox-output{border:1px solid var(--cq-border);background:var(--cq-inset);color:var(--cq-text);white-space:pre-wrap;word-break:break-word;min-height:3.5rem;font-family:var(--cq-mono);font-size:var(--cq-text-sm);border-radius:10px;margin:.2rem 0 0;padding:.75rem}.cq-sandbox-unsupported{font-size:var(--cq-text-sm);background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.45);border-radius:10px;margin:.4rem 0 0;padding:.6rem .75rem}.cq-sandbox-error{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.5);border-radius:10px;margin-top:.6rem;padding:.65rem .75rem}.cq-sandbox-error-title{color:var(--cq-danger-strong);margin-bottom:.2rem;font-weight:700}.cq-sandbox-error-detail{font-size:var(--cq-text-xs);color:var(--cq-danger-text);white-space:pre-wrap;word-break:break-word}.cq-sandbox-error-tip{font-size:var(--cq-text-xs);color:var(--cq-text);margin-top:.45rem}.cq-sandbox-error-toggle{background:var(--cq-field);color:var(--cq-danger-text);font-size:var(--cq-text-xs);cursor:pointer;border:1px solid rgba(248,113,113,.45);border-radius:8px;align-items:center;gap:.25rem;margin-top:.5rem;padding:.3rem .55rem;display:inline-flex}.cq-sandbox-error-pointer{background:var(--cq-field);color:var(--cq-danger-text);white-space:pre-wrap;word-break:break-word;font-family:var(--cq-mono);font-size:var(--cq-text-xs);border:1px solid rgba(248,113,113,.35);border-radius:8px;margin:.55rem 0 0;padding:.5rem .6rem}.cq-test-answer{font-size:var(--cq-text-sm);color:var(--cq-muted);margin:.4rem 0 0}.cq-short-answer{margin-top:.5rem;display:block}.cq-test-list{margin:1rem 0;padding-left:0;list-style:none}.cq-test-item{border:1px solid transparent;border-radius:10px;margin-bottom:1rem;padding:.65rem}.cq-test-item--pass{background:rgba(74,222,128,.06);border-color:rgba(74,222,128,.45)}.cq-test-item--fail{background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.45)}.cq-test-status{font-size:var(--cq-text-xs);margin-bottom:.35rem;font-weight:600;display:inline-block}.cq-test-status--pass{color:var(--cq-success)}.cq-test-status--fail{color:var(--cq-danger)}.cq-test-prompt{grid-template-columns:1fr;gap:.5rem;display:grid}.cq-test-num{font-size:var(--cq-text-xs);letter-spacing:.02em;color:var(--cq-muted);margin:0 0 .25rem;font-weight:600}.cq-mcq{flex-direction:column;gap:.35rem;margin-top:.35rem;display:flex}.cq-mcq-opt{cursor:pointer;border:1px solid transparent;border-radius:8px;align-items:flex-start;gap:.45rem;padding:.3rem .4rem;font-size:.92rem;display:flex}.cq-mcq-opt--correct{color:var(--cq-success);background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.55)}.cq-mcq-opt--wrong{color:var(--cq-danger);background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.55)}.cq-yesno{flex-direction:column;gap:.65rem;display:flex}.cq-yesno-prompt{margin:0}.cq-yesno-options{flex-wrap:wrap;gap:.65rem;display:flex}.cq-yesno-opt{border:1px solid var(--cq-border);background:var(--cq-surface);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:10px;flex:1;align-items:center;gap:.55rem;min-width:7rem;padding:.65rem .85rem;font-size:.95rem;font-weight:500;transition:border-color .15s,background .15s;display:flex}.cq-yesno-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cq-yesno-box{border:2px solid var(--cq-border);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;transition:border-color .15s,background .15s;display:inline-flex}.cq-yesno-box:after{content:"";border:2px solid transparent;border-width:0 2px 2px 0;width:.35rem;height:.6rem;transition:transform .12s;transform:rotate(45deg)scale(0)}.cq-yesno-opt--selected .cq-yesno-box,.cq-yesno-opt--active .cq-yesno-box{border-color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-yesno-opt--selected .cq-yesno-box:after,.cq-yesno-opt--active .cq-yesno-box:after{border-color:var(--cq-text);transform:rotate(45deg)scale(1)}.cq-yesno-opt--selected,.cq-yesno-opt--active{border-color:var(--cq-accent);background:var(--cq-accent-dim)}.cq-yesno-opt--correct{color:var(--cq-success);background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.55)}.cq-yesno-opt--correct .cq-yesno-box{border-color:var(--cq-success);background:rgba(74,222,128,.15)}.cq-yesno-opt--wrong{color:var(--cq-danger);background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.55)}.cq-yesno-opt--wrong .cq-yesno-box{border-color:var(--cq-danger);background:rgba(248,113,113,.15)}.cq-yesno-hint{font-size:var(--cq-text-xs);color:var(--cq-muted);margin:0}.cq-score{margin-top:1rem;font-weight:600}.cq-score--pass{color:var(--cq-success)}.cq-score--fail{color:var(--cq-danger)}.cq-test-content,.cq-test-body{flex:1;min-width:0}.cq-test-explanation{border-left:3px solid var(--cq-accent);background:var(--cq-accent-dim);font-size:var(--cq-text-sm);border-radius:0 8px 8px 0;margin:.5rem 0 0;padding:.45rem .65rem;line-height:1.45}.cq-test-practice-note{border:1px solid var(--cq-border);background:var(--cq-accent-dim);font-size:var(--cq-text-sm);border-radius:8px;margin:0 0 .75rem;padding:.55rem .75rem}.cq-install-steps{color:var(--cq-muted);white-space:pre-line;margin:0;padding-left:1.15rem;font-size:.9rem;line-height:1.55}.cq-install-steps li+li{margin-top:.35rem}.cq-install-guide{margin-top:1.25rem}.cq-install-guide-title{color:var(--cq-text);margin:0 0 .45rem;font-size:.95rem;font-weight:650}.cq-install-guide--current{border:1px solid color-mix(in srgb, var(--cq-accent) 35%, var(--cq-border));background:color-mix(in srgb, var(--cq-accent) 6%, transparent);border-radius:10px;padding:.75rem .85rem}.cq-install-guide--current .cq-install-guide-title{color:var(--cq-accent)}.cq-admin-panel .cq-row{margin-top:.6rem}.cq-admin-pin-input{flex:none;width:7rem}.cq-version-panel .cq-row{margin-bottom:.5rem}.cq-about .cq-lead{max-width:40rem}.cq-about-actions{margin-top:.75rem}.cq-backup-panel{flex-direction:column;gap:.6rem;display:flex}.cq-backup-panel .cq-error{margin:0;font-size:.88rem}.cq-offline-panel{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.cq-offline-panel .cq-error{margin:0;font-size:.88rem}.cq-offline-courses{border:0;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;padding:0;display:flex}.cq-offline-courses legend{width:100%;margin-bottom:.3rem;padding:0}.cq-offline-course{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.cq-install-others{margin-top:.85rem}.cq-install-others>summary{cursor:pointer;color:var(--cq-accent);font-size:var(--cq-text-sm)}.cq-install-others[open]>summary{margin-bottom:.25rem}.cq-segmented{flex-wrap:wrap;gap:.35rem;display:flex}.cq-segmented-btn{border:1px solid var(--cq-border);color:var(--cq-muted);cursor:pointer;background:0 0;border-radius:999px;flex:auto;padding:.45rem .75rem}.cq-segmented-btn--active{border-color:var(--cq-accent);background:var(--cq-accent-dim);color:var(--cq-text)}.cq-sound-lead{font-size:var(--cq-text-sm);margin:0 0 .6rem}.cq-edit-header-actions{align-items:center;gap:.15rem;display:flex}.cq-edit-toggle{color:var(--cq-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.35rem;display:flex}.cq-edit-toggle:hover,.cq-edit-toggle--active{color:var(--cq-accent);background:var(--cq-surface)}.cq-edit-toggle--save:hover{color:var(--cq-success)}.cq-edit-toggle--discard:hover{color:var(--cq-danger)}.cq-edit-commit-status{font-size:var(--cq-text-xs);color:var(--cq-muted);text-align:right;max-width:12rem;position:absolute;top:100%;right:.5rem}.cq-edit-banner{font-size:var(--cq-text-xs);background:rgba(56,189,248,.12);border-bottom:1px solid rgba(56,189,248,.35);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .85rem;display:flex}.cq-edit-banner-label{color:var(--cq-accent-text);font-weight:600}.cq-edit-banner-actions{flex-wrap:wrap;gap:.35rem;display:flex}.cq-edit-banner-status{width:100%;font-size:var(--cq-text-xs);color:var(--cq-muted)}.cq-content-source{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.25);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.cq-content-source-label{font-size:var(--cq-text-xs);color:var(--cq-accent-text);font-weight:600}.cq-content-source-toggle{background:var(--cq-field);border-radius:8px;gap:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.2rem;display:inline-flex}.cq-content-source-btn{color:var(--cq-muted);font-size:var(--cq-text-xs);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .85rem;font-weight:600}.cq-content-source-btn:hover{color:var(--cq-text)}.cq-content-source-btn--active{color:var(--cq-accent-text);background:rgba(56,189,248,.25)}.cq-content-source-hint{font-size:var(--cq-text-xs);color:var(--cq-muted);margin:0}.cq-content-source-hint code{font-size:var(--cq-text-xs);color:var(--cq-text)}.cq-shell--edit-mode .cq-main{outline-offset:-1px;outline:1px dashed rgba(56,189,248,.25)}.cq-editable-input{background:var(--cq-field);width:100%;color:inherit;font:inherit;border:1px dashed rgba(56,189,248,.5);border-radius:6px;padding:.2rem .4rem}.cq-editable-input.cq-title,.cq-editable-input.cq-card-title{font-weight:inherit}.cq-editable-textarea{background:var(--cq-field);width:100%;color:inherit;font-family:var(--cq-mono);font-size:var(--cq-text-sm);resize:vertical;border:1px dashed rgba(56,189,248,.5);border-radius:8px;padding:.5rem}.cq-editable-textarea--markdown{min-height:8rem}.cq-editable-field{margin-top:.5rem;display:block}.cq-editable-select{background:var(--cq-field);width:100%;color:inherit;font-size:var(--cq-text-sm);border:1px dashed rgba(56,189,248,.5);border-radius:6px;padding:.35rem .5rem}.cq-editable-block{background:rgba(56,189,248,.05);border:1px solid rgba(56,189,248,.3);border-radius:8px;margin-top:.75rem;padding:.65rem}.cq-editable-block-label{font-size:var(--cq-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--cq-accent-text);margin-bottom:.35rem;font-weight:650}.cq-editable-nested{border-left:2px solid rgba(56,189,248,.25);margin-top:.5rem;padding-left:.5rem}.cq-editable-preview{font-size:var(--cq-text-sm);margin-top:.5rem}.cq-editable-preview summary{cursor:pointer;color:var(--cq-muted);margin-bottom:.35rem}.cq-lead.cq-editable-input{font-size:inherit;line-height:inherit}.cq-list-editor-actions{flex-direction:column;flex-shrink:0;gap:.2rem;display:flex}.cq-list-editor-btn{border:1px solid var(--cq-border);background:var(--cq-field);color:var(--cq-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:flex}.cq-list-editor-btn:hover:not(:disabled){color:var(--cq-text);border-color:var(--cq-accent)}.cq-list-editor-btn:disabled{opacity:.35;cursor:not-allowed}.cq-list-editor-btn--danger:hover:not(:disabled){color:var(--cq-danger-strong);border-color:rgba(248,113,113,.6)}.cq-add-item-btn{align-items:center;gap:.35rem;margin-top:.5rem;display:inline-flex}.cq-test-add-buttons{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.cq-install-step-row .cq-card-row{align-items:center}.cq-confirm-dialog{max-width:22rem}.cq-confirm-message{color:var(--cq-muted);margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.cq-confirm-actions{justify-content:flex-end}.cq-text-input{border:1px solid var(--cq-border);background:var(--cq-inset);width:100%;color:var(--cq-text);font:inherit;border-radius:10px;padding:.55rem .7rem}.cq-support-links{flex-wrap:wrap;gap:.5rem;display:flex}a.cq-btn,.cq-support-links .cq-btn,.cq-certificate-actions .cq-btn{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.cq-support-panel p,.cq-support-nudge p,.cq-certificate-panel p{margin:0 0 .75rem;line-height:1.5}.cq-support-panel{scroll-margin-top:4.5rem}.cq-support-thanks{color:var(--cq-success);font-weight:500}.cq-supporter-names{font-size:var(--cq-text-sm);margin-top:.85rem!important}.cq-support-nudge{border-color:color-mix(in srgb, var(--cq-accent) 45%, var(--cq-border))}.cq-supporter-code .cq-row{flex-wrap:nowrap}.cq-supporter-code-input{text-transform:uppercase;min-width:0;font-family:var(--cq-mono);flex:1}.cq-supporter-code-status{min-height:1.2em;font-size:var(--cq-text-sm);margin:.35rem 0 0}.cq-certificate-code{margin-top:.75rem}.cq-certificate-code summary{cursor:pointer;color:var(--cq-accent-text);font-size:var(--cq-text-sm)}.cq-certificate-hint{font-size:var(--cq-text-sm);align-items:center;gap:.4rem;margin:0;display:flex}.cq-certificate-panel{border-color:color-mix(in srgb, var(--cq-success) 50%, var(--cq-border))}.cq-certificate-panel .cq-subtitle{align-items:center;gap:.4rem;display:flex}.cq-certificate-dialog{border:1px solid var(--cq-border);background:var(--cq-modal);width:min(94vw,760px);max-height:92svh;box-shadow:0 16px 48px var(--cq-shadow);border-radius:14px;margin:auto;padding:1rem 1rem 1.1rem;overflow-y:auto}.cq-certificate-dialog .cq-label:first-of-type{margin-top:.5rem}.cq-certificate-edition{margin-top:.75rem}.cq-certificate-preview{box-shadow:0 2px 12px var(--cq-shadow);border-radius:6px;margin:.85rem 0;overflow:hidden}.cq-certificate-preview .cq-certificate-art{width:100%;height:auto;display:block}.cq-certificate-actions{align-items:center}.cq-certificate-upsell{border-top:1px solid var(--cq-border);margin-top:1rem;padding-top:.9rem}.cq-certificate-upsell p{color:var(--cq-muted);margin:0 0 .75rem;line-height:1.5}.cq-certificate-upsell strong{color:var(--cq-text)}@media print{body.cq-printing-certificate *{visibility:hidden}body.cq-printing-certificate .cq-certificate-art,body.cq-printing-certificate .cq-certificate-art *{visibility:visible}body.cq-printing-certificate .cq-certificate-art{width:100%;height:auto;position:fixed;top:0;left:0}}.cq-section-certificates .cq-subtitle{align-items:center;gap:.4rem;display:flex}.cq-section-certificates>p{font-size:var(--cq-text-sm);margin:0 0 .75rem}.cq-section-certificate-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cq-section-certificate-num{background:color-mix(in srgb, var(--cq-success) 18%, transparent);min-width:1.5rem;height:1.5rem;font-size:var(--cq-text-sm);border-radius:999px;align-items:center;justify-items:center;font-weight:700;display:inline-grid}.cq-section-certificate-list .cq-btn{align-items:center;gap:.5rem;display:inline-flex}.cq-certificate-save-note{font-size:var(--cq-text-sm);margin:.5rem 0 0}.cq-certificate-save-note:empty{margin:0}.cq-badges .cq-subtitle{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cq-badges-count{font-size:var(--cq-text-sm);color:var(--cq-muted);font-weight:400}.cq-badges-empty{font-size:var(--cq-text-sm);margin:0}.cq-badge-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.cq-badge-tile{border:1px solid var(--cq-border);background:var(--cq-inset);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.cq-badge-icon{width:2.25rem;height:2.25rem;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 16%, transparent);border:1px solid color-mix(in srgb, var(--badge-color) 45%, transparent);border-radius:999px;flex:none;align-items:center;justify-items:center;display:grid}.cq-badge-tile--start,.cq-badge-tile--xp{--badge-color:var(--cq-accent)}.cq-badge-tile--section{--badge-color:var(--cq-hl-keyword)}.cq-badge-tile--course{--badge-color:var(--cq-success)}.cq-badge-tile--streak{--badge-color:var(--cq-hl-number)}.cq-badge-tile--locked{--badge-color:var(--cq-muted)}.cq-badge-tile--locked .cq-badge-icon{background:0 0;border-style:dashed}.cq-badge-text{flex-direction:column;min-width:0;display:flex}.cq-badge-title{font-weight:600;font-size:var(--cq-text-sm);overflow-wrap:anywhere}.cq-badge-detail{font-size:var(--cq-text-xs);color:var(--cq-muted)}.cq-badges-more{margin-top:.75rem}.cq-badges-more summary{cursor:pointer;color:var(--cq-accent-text);font-size:var(--cq-text-sm)}.cq-streak-at-risk{color:var(--cq-text)}.cq-streak-freezes{align-items:center;gap:.3rem;margin-top:.35rem;display:flex}.cq-reminder-btn{font-size:var(--cq-text-xs);align-items:center;gap:.3rem;margin-top:.5rem;display:inline-flex}.cq-badge-toast{bottom:calc(7.5rem + env(safe-area-inset-bottom,0px));border-color:var(--cq-hl-keyword);align-items:center;gap:.4rem;font-weight:600;animation:.25s ease-out cq-xp-pop;display:flex}@media (prefers-reduced-motion:reduce){.cq-badge-toast{animation:none}}.cq-reminder-time{max-width:10rem}.cq-reminder-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.cq-reminder-actions .cq-btn{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.cq-reminder-note{font-size:var(--cq-text-sm);margin:.75rem 0 0}.cq-review .cq-subtitle{align-items:center;gap:.4rem;display:flex}.cq-review>p{margin:0 0 .75rem;line-height:1.5}.cq-review--open{gap:.5rem;display:grid}.cq-test-source{font-weight:400}
