:root{--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--color-text:#111827;--color-text-muted:#374151;--color-text-soft:#4b5563;--page-bg-mid:#f4f6fb;--page-bg-tint:#faf8ff;--page-bg-deep:#eef6ff;--surface:#fff;--surface-elevated:#fafbfc;--surface-muted:#f9fafb;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 14px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a, 0 4px 10px #0f172a0f;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-border:#1d4ed8;--accent-2:#7c3aed;--accent-ring:#2563eb73;--header-bg:#111827eb;--header-border:#ffffff14;--radius-panel:.875rem;--radius-control:.5rem;font-family:var(--font-sans);color:var(--color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.45}*{box-sizing:border-box}html{overflow-x:clip}body{min-height:100svh;color:var(--color-text);background-color:var(--page-bg-mid);background-image:radial-gradient(ellipse 100% 90% at 4% 8%, #a78bfa61, transparent 58%), radial-gradient(ellipse 95% 85% at 96% 94%, #60a5fa57, transparent 55%), radial-gradient(ellipse 70% 55% at 72% 8%, #bfdbfe38, transparent 48%), radial-gradient(ellipse 65% 50% at 12% 92%, #d8b4fe2e, transparent 45%), linear-gradient(155deg, var(--page-bg-tint) 0%, var(--page-bg-mid) 44%, var(--page-bg-deep) 100%);margin:0}#root{min-height:100svh}h2{font-style:normal}em,i{font-style:italic}code{overflow-wrap:anywhere;font-size:.9em}.panel p,.panel li{overflow-wrap:break-word}.site-header{background:var(--header-bg);color:#fff;border-bottom:1px solid var(--header-border);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.site-nav{gap:1rem;display:flex}.site-nav a{color:#e5e7eb;border-radius:.375rem;align-items:center;gap:.4rem;margin:-.2rem -.35rem;padding:.2rem .35rem;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.material-symbols-outlined.icon{vertical-align:-.15em;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}.site-nav .material-symbols-outlined.icon{opacity:.88;font-size:1.1rem}.panel-heading-with-icon{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.icon--panel-title{color:var(--accent-2);opacity:.88;font-size:1.35rem}.button--with-icon,a.cta-link.button--with-icon{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.site-nav a:hover{color:#fff;background-color:#ffffff14}.site-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{gap:.85rem;width:min(900px,100%);margin:0 auto;padding:clamp(.85rem,3.5vw,1.35rem) clamp(.65rem,4vw,1.25rem) 2rem;display:grid}.page>h1,.page>h2,.page>p{margin:0}.page>h1{font-family:var(--font-display);letter-spacing:-.015em;color:#0f172a;font-size:clamp(1.45rem,3.2vw,1.85rem);font-weight:700;line-height:1.2}.page-hero{border-radius:var(--radius-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ffffffb8 0%,#ffffff8c 100%);gap:.65rem;padding:clamp(.85rem,3vw,1.15rem) clamp(.85rem,3vw,1.15rem) clamp(1rem,3vw,1.25rem) clamp(.95rem,3vw,1.35rem);display:grid;position:relative}.page-hero:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:999px;width:3px;position:absolute;top:.65rem;bottom:.65rem;left:0}.page--home .page-hero>*{margin:0}.page--home h1{font-family:var(--font-display);letter-spacing:-.02em;color:#0f172a;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:700;line-height:1.2}.page--home h2{font-family:var(--font-display);color:var(--color-text-soft);font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:600;line-height:1.3}.page--home .page-hero>h2{margin-top:.1rem}.lead{color:var(--color-text-muted);max-width:65ch}.page--home .page-hero .lead{max-width:none}.panel{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-md);min-width:0;padding:clamp(.85rem,2.8vw,1.1rem) clamp(.75rem,3vw,1.15rem);position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 55%, #7c3aed59 100%);opacity:.85;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.panel>*{z-index:1;position:relative}.panel>h2:first-child{font-family:var(--font-display);color:#0f172a;font-size:1.2rem;font-weight:600}.warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;padding:.75rem}.zener-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.zener-grid>.zener-card,.zener-grid>.zener-card-preview{min-width:0}.zener-grid--preview{margin-top:1.25rem;margin-bottom:1.25rem}.zener-card-preview{background:#000;border:1px solid #1f2937;border-radius:.5rem;place-items:center;padding:clamp(.25rem,1.5vw,.4rem);display:grid}button.zener-card-preview--interactive{font:inherit;color:inherit;cursor:pointer;margin:0;transition:transform .18s,box-shadow .18s,border-color .18s}button.zener-card-preview--interactive:hover:not(:disabled){box-shadow:0 4px 14px #0f172a59, 0 0 0 1px var(--accent-ring);border-color:#4b5563;transform:translateY(-3px)}button.zener-card-preview--interactive:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0f172a47}button.zener-card-preview--interactive:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.zener-card-preview--interactive:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){button.zener-card-preview--interactive{transition:none}button.zener-card-preview--interactive:hover:not(:disabled),button.zener-card-preview--interactive:active:not(:disabled){transform:none}}.zener-card{color:#0000;cursor:pointer;background:#000;border:1px solid #1f2937;border-radius:.5rem;place-items:center;padding:clamp(.25rem,1.5vw,.4rem);font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.zener-card:hover:not(:disabled){box-shadow:0 4px 14px #0f172a59, 0 0 0 1px var(--accent-ring);border-color:#4b5563;transform:translateY(-3px)}.zener-card:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0f172a47}@media (prefers-reduced-motion:reduce){.zener-card{transition:none}.zener-card:hover:not(:disabled),.zener-card:active:not(:disabled){transform:none}}.zener-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zener-card:disabled{opacity:.5;cursor:not-allowed}.zener-card-frame{background:#000;border-radius:.6rem;display:block;overflow:hidden}.zener-card-sprite{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;display:block}.zener-card-face{flex-direction:column;align-items:center;gap:.35rem;display:flex}.zener-card-face-label{color:#111827;font-size:.875rem;font-weight:600}.feedback-actual-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem 1.25rem;margin:.75rem 0;padding:.75rem;display:grid}.feedback-actual-card__aside{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.feedback-actual-card__aside>button{align-self:flex-start}.feedback-actual-card__main{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.feedback-quip{color:#1f2937;margin:0;font-size:1rem;line-height:1.45}.feedback-actual-card--correct{background:#ecfdf5;border-color:#6ee7b7}.feedback-actual-card--correct .feedback-actual-label{color:#166534}.feedback-actual-card--correct .feedback-quip{color:#14532d}.feedback-actual-card--incorrect{background:#fef2f2;border-color:#fecaca}.feedback-actual-card--incorrect .feedback-actual-label{color:#991b1b}.feedback-actual-card--incorrect .feedback-quip{color:#7f1d1d}.feedback-actual-card-sprite{background:#000;border:1px solid #1f2937;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.feedback-actual-card-sprite .zener-card-face-label{color:#eee}.feedback-actual-label{color:#374151;margin:0;font-weight:600}.feedback{border-top:1px dashed #d1d5db;margin-top:1rem;padding-top:1rem}.feedback--blind{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:.75rem 1rem}.meta-grid--stack{grid-template-columns:1fr}.metrics-panel__subtitle{margin:.75rem 0 .5rem;font-size:1.05rem}.metrics-panel__note{margin:.35rem 0 .75rem;display:block}.metrics-panel__stat{margin:.35rem 0 .5rem}.metrics-panel__stat>p{margin:0}.metrics-panel__hint{color:#6b7280;margin:.25rem 0 0;font-size:.8125rem;line-height:1.35;display:block}.metrics-panel__charts{margin-top:.25rem}.chart-grid__full-row{grid-column:1/-1}.meta-asof-note{color:#6b7280;margin:0 0 .75rem;font-size:.875rem;line-height:1.4}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.85rem;display:grid}.chart-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.chart-card h4{margin:0 0 .6rem;font-size:.95rem}.chart-empty{color:#6b7280;margin:0;font-size:.9rem}.donut-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.donut-chart{flex:none;width:120px;height:120px}.donut-value{fill:#111827;font-size:13px;font-weight:700}.donut-subvalue{fill:#4b5563;font-size:10px}.chart-legend{color:#1f2937;gap:.35rem;font-size:.85rem;display:grid}.legend-dot{border-radius:999px;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.legend-dot--primary{background:var(--accent)}.legend-dot--muted{background:#d1d5db}.rate-bars{gap:.55rem;display:grid}.rate-row{grid-template-columns:1.2fr 2fr auto;align-items:center;gap:.6rem;display:grid}.rate-row__label{color:#374151;font-size:.82rem}.rate-track{background:#e5e7eb;border-radius:999px;width:100%;height:.52rem;overflow:hidden}.rate-fill{border-radius:999px;height:100%}.rate-fill--primary{background:var(--accent)}.rate-fill--accent{background:var(--accent-2)}.rate-row__value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.7rem;font-size:.82rem}.share-bar{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.share-bar button{text-align:center;flex:auto;min-width:min(100%,9.5rem)}.donate-box{background:linear-gradient(#f0f9ff 0%,#fff 40%);border-color:#bae6fd}.donate-box__button{background:#0070ba;border-color:#005ea6;margin-top:.5rem}.donate-box__button:hover{filter:brightness(1.05)}button,.cta-link{border:1px solid var(--accent-border);background:linear-gradient(180deg, #3b82f6 0%, var(--accent) 55%, var(--accent-hover) 100%);color:#fff;border-radius:var(--radius-control);cursor:pointer;box-shadow:var(--shadow-sm), 0 1px 0 #ffffff1f inset;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-block}button:hover:not(:disabled),.cta-link:hover{filter:brightness(1.04);box-shadow:var(--shadow-md), 0 1px 0 #ffffff24 inset;transform:translateY(-1px)}button:active:not(:disabled),.cta-link:active{filter:brightness(.98);transform:translateY(0)}.cta-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){button,.cta-link{transition:none}button:hover:not(:disabled),.cta-link:hover,button:active:not(:disabled),.cta-link:active{transform:none}}.button--secondary{background:var(--surface);color:var(--accent-border);box-shadow:var(--shadow-sm);border-color:#93c5fd}.button--secondary:hover:not(:disabled){filter:none;background:#eff6ff}.results-gate__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.results-gate__actions button{min-width:min(100%,12rem)}.results-gate__note{color:#4b5563;margin-top:.85rem;font-size:.85rem;line-height:1.45;display:block}.ad-slot__hint{color:#6b7280;margin-top:.5rem;font-size:.8rem;display:block}.ad-slot{border:1px dashed var(--border-strong);border-radius:var(--radius-control);background:var(--surface);min-height:90px;box-shadow:var(--shadow-sm);padding:.5rem}ins.adsbygoogle.ad-slot{box-sizing:border-box;width:100%;max-width:100%}.ad-slot--placeholder{color:#4b5563;place-content:center;font-size:.9rem;display:grid}.trial-flow__progress{color:var(--color-text-soft);margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.35}.trial-flow__instruction{font-family:var(--font-display);color:var(--color-text);margin:0 0 .35rem;font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:600;line-height:1.35}.session-progress{margin:0 0 1rem}.session-progress__track{background:#e5e7eb;border-radius:999px;height:.45rem;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a0f}.session-progress__fill{background:linear-gradient(90deg, var(--accent) 0%, #6366f1 50%, var(--accent-2) 100%);border-radius:999px;height:100%;transition:width .25s}@media (prefers-reduced-motion:reduce){.session-progress__fill{transition:none}}@media (width<=920px){.zener-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.zener-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}}@media (width<=900px){.feedback-actual-card,.meta-grid,.chart-grid{grid-template-columns:1fr}.chart-grid__full-row{grid-column:auto}.rate-row{grid-template-columns:1fr;gap:.35rem}.rate-row__value{text-align:left}}@media (width<=520px){.site-header{padding:.65rem clamp(.65rem,4vw,1.25rem)}.site-nav{justify-content:flex-end;gap:.5rem 1rem;width:100%}.share-bar{flex-direction:column}.share-bar button{width:100%;min-width:0}.results-gate__actions{flex-direction:column;align-items:stretch}.results-gate__actions button{width:100%;min-width:0}.donut-chart{width:min(120px,42vw);height:min(120px,42vw)}}