.learn-site :focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@layer utilities{.bg-card{background-color:var(--surface)}.text-muted-foreground{color:var(--muted)}.bg-muted{background-color:var(--surface-subtle)}}.learn-site{color-scheme:dark;--background:#0f1f2e;--surface:#162a3c;--surface-subtle:#1a3044;--border:rgba(247,245,240,0.16)}.learn-paper{color-scheme:light;--background:#f7f5f0;--foreground:#0f1f2e;--surface:#ffffff;--surface-subtle:#eeeeee;--border:#d4cfc8;--muted:#4a6572;--navy-highlight:#0369a1;--accent-gold:#8a6a22;background-color:var(--background);color:var(--foreground)}.learn-recog-item{transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.learn-site footer{margin-top:0;background:var(--background);border-top:1px solid var(--border)}.learn-charcoal{--background:#161616;--surface:#1e1e1e;--surface-subtle:#252525;--border:rgba(247,245,240,0.16);background-color:var(--background);color:var(--foreground)}.learn-scroll{scrollbar-width:thin;scrollbar-color:#8a6a22 #e4dfd3;scrollbar-gutter:stable}.learn-scroll::-webkit-scrollbar{width:8px}.learn-scroll::-webkit-scrollbar-track{background:#e4dfd3;border-radius:4px}.learn-scroll::-webkit-scrollbar-thumb{background:#8a6a22;border-radius:4px}@keyframes learn-nudge{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(4px);opacity:1}}