@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap";:root{color:#f6f0e8;background:radial-gradient(circle at 0 0,#c79c6d3d,#0000 40%),linear-gradient(#15110e 0%,#201916 55%,#120e0c 100%);font-family:Roboto Mono,monospace;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}.shell{max-width:1100px;margin:0 auto;padding:32px 20px 56px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.topbar h1,.panel h2{margin:0}.eyebrow{color:#d9b98d;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem}.nav{gap:16px;display:flex}.nav a{background:#ffffff0d;border-radius:999px;align-items:center;padding:10px 14px;display:inline-flex}.nav a.active{color:#ffe2b4;background:#d9b98d2e}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:8px;max-width:220px;display:inline-flex}.user-menu-trigger[aria-expanded=true]{background:#ffffff1a}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-caret{opacity:.7;flex:none;width:12px;height:12px}.user-menu-popover{z-index:10;padding-top:8px;position:absolute;top:100%;right:0}.user-menu-list{background:#1c1613;border:1px solid #ffffff1a;border-radius:16px;min-width:160px;margin:0;padding:6px;list-style:none;box-shadow:0 16px 40px #0006}.user-menu-item{width:100%;color:inherit;text-align:left;background:0 0;border-radius:10px;padding:9px 12px;font-size:.88rem}.user-menu-item:hover,.user-menu-item:focus-visible{background:#ffffff12;outline:none}.ghost-button{color:inherit;background:#ffffff0d;border-radius:999px;padding:10px 14px}.sign-in-dialog{width:min(380px,100vw - 32px);color:inherit;background:#1c1613;border:1px solid #ffffff1a;border-radius:24px;padding:0;box-shadow:0 24px 60px #00000073}.sign-in-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08060599}.sign-in-body{gap:12px;padding:28px 24px 20px;display:grid}.sign-in-body h2{margin:0}.sign-in-note{opacity:.7;margin:0 0 8px;font-size:.82rem}.provider-list{gap:10px;display:grid}.provider-button{border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:filter .12s;display:flex}.provider-button:hover{filter:brightness(.94)}.provider-button:focus-visible,.sign-in-cancel:focus-visible{outline-offset:2px;outline:2px solid #d9b98d}.provider-google{color:#1f1f1f;background:#fff}.provider-github{color:#fff;background:#24292f;box-shadow:inset 0 0 0 1px #ffffff1f}.provider-github:hover{filter:brightness(1.15)}.provider-logo{flex:none;width:20px;height:20px}.sign-in-cancel{color:inherit;opacity:.7;background:0 0;border-radius:999px;justify-self:center;margin-top:4px;padding:8px 14px;font-size:.82rem}.sign-in-cancel:hover{opacity:1}.content{gap:20px;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a47;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 24px 60px #00000040}.lede,.muted{color:#f6f0e8b8}.inline-muted{color:#f6f0e880;font-size:.92em}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px;display:grid}.catalog-sections{gap:18px;margin-top:24px;display:grid}.catalog-section{gap:6px;display:grid}.catalog-section .catalog-grid{margin-bottom:12px}.catalog-section-toggle{color:#f6f0e8e6;text-align:left;background:#ffffff0a;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.catalog-section-heading{gap:2px;display:grid}.catalog-language-stats{color:#f6f0e885;letter-spacing:.02em;gap:2px;font-size:.74rem;font-weight:400;display:grid}.catalog-section-count{color:#f6f0e885;font-size:.88rem}.book-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:10px;padding:22px;display:grid}.book-card h3{margin:0}.book-card-meta{gap:4px;margin:0;display:grid}.book-card-progress{color:#f6f0e8b8;gap:4px;display:grid}.book-card-progress p{margin:0}.button-link{color:#20140f;background:#d9b98d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:132px;padding:12px 18px;font-weight:600;display:inline-flex}.button-link.secondary{color:#f6f0e8;background:#ffffff14}.book-detail{gap:18px;display:grid}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:0;display:grid}.meta-grid dt{color:#d9b98d;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.meta-grid dd{margin:6px 0 0}.button-row{flex-wrap:wrap;gap:12px;display:flex}.mode-toggles{align-items:center;gap:18px;margin-left:4px;display:flex}.mode-toggle{color:#f6f0e86b;letter-spacing:.08em;text-transform:lowercase;background:0 0;padding:0;font-size:.82rem}.mode-toggle.is-active{color:#d9b98d}.mode-toggle:hover,.mode-toggle:focus-visible{color:#f6f0e8c7}.practice-stack,.practice-layout{gap:20px;display:grid}.stats-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:24px;display:grid}.stats-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:6px;padding:18px;display:grid}.stats-card strong{font-size:1.35rem}.stat-label{color:#d9b98d;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;display:block}.previous-excerpt-metrics{color:#f6f0e89e;flex-wrap:wrap;gap:10px;font-size:.92rem;display:flex}.previous-excerpt-inline{transform-origin:top;background:#ffffff08;border:1px solid #d9b98d1f;border-radius:16px;gap:10px;padding:14px 16px;animation:1s previousExcerptIn;display:grid;overflow:hidden}.previous-excerpts-section{gap:8px;display:grid}.previous-excerpts-list{gap:10px;margin-top:10px;display:grid}.subtle-toggle{color:#f6f0e875;background:0 0;width:fit-content;padding:0;font-size:.82rem}.subtle-toggle:hover,.subtle-toggle:focus-visible{color:#f6f0e8b3}.previous-excerpt-text{color:#f6f0e880;border-left:2px solid #d9b98d42;margin:0;padding-left:14px;font-size:1rem;line-height:1.6}.previous-excerpt-streak{color:#d9b98d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.excerpt-panel{gap:12px;display:grid}.progress-stats{gap:4px;display:grid}.progress-meta{flex-wrap:wrap;gap:.25rem 2.6rem;margin:0;display:flex}.progress-meta-secondary{color:#f6f0e894}.progress-stats p{margin:0}.typing-surface{background:#0000003d;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;min-height:180px;padding:40px 18px 18px;transition:border-color .25s,box-shadow .25s;position:relative}.typing-surface.is-completed{border-color:#8ddfa56b;box-shadow:0 0 0 2px #8ddfa524}.typing-overlay-meta{color:#d9b98d;letter-spacing:.08em;gap:16px;margin:0;font-size:.75rem;display:flex;position:absolute;top:12px;left:18px}.typing-overlay-attempt{white-space:nowrap;color:#d9b98d;letter-spacing:.08em;margin:0;font-size:.75rem;position:absolute;top:12px;right:18px}.previous-excerpt-attempt-emphasis{color:#ff8e8ee6}.previous-excerpt-wpm-up{color:#8ddfa5f2}.previous-excerpt-wpm-down{color:#ff8e8ee6}.typing-surface:focus{border-color:#d9b98d80;box-shadow:0 0 0 2px #d9b98d2e}.excerpt-text{color:#f6f0e86b;margin:0;font-size:1.55rem;line-height:1.9;position:relative}.typing-cursor{opacity:0;pointer-events:none;background:#f0dcaf;border-radius:999px;width:2px;transition:transform 95ms linear,height 95ms linear,opacity .12s;position:absolute;top:0;left:0;box-shadow:0 0 10px #f0dcaf52}.typing-cursor.visible{opacity:1}.completion-footer{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;display:flex}.completion-metrics{color:#8ddfa5eb;flex-wrap:wrap;gap:14px;font-size:.92rem;display:flex}.completion-next{background:#8ddfa5;margin-left:auto}.char-pending{color:#f6f0e85c}.char-typed{color:#f6f0e8}.char-error{color:#ff8e8e;background:#871c1c47;border-radius:4px}.status-box{border-radius:18px;gap:12px;padding:18px;display:grid}.status-box h3,.status-box p{margin:0}.status-box.failed{background:#871c1c47;border:1px solid #ff8e8e33}.status-box.completed{background:#2a613847;border:1px solid #8ddfa533}@keyframes previousExcerptIn{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:220px;margin-bottom:0;padding-top:14px;padding-bottom:14px}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap;gap:10px;max-width:100%}.user-menu{min-width:0;max-width:100%}.user-menu-trigger{max-width:100%}}