:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-terminal: #0d1117;--bg-input: #161b22;--bg-hover: #1a1f26;--text-green: #00ff41;--text-green-dim: #00cc33;--text-white: #e0e0e0;--text-gray: #6e7681;--text-red: #ff4444;--text-amber: #ffb800;--border-green: rgba(0, 255, 65, .2);--border-gray: rgba(255, 255, 255, .1);--highlight-green: rgba(0, 255, 65, .07);--glow-green: rgba(0, 255, 65, .05);--font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius: 8px;--radius-sm: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-white);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-lg);-webkit-font-smoothing:antialiased}#root{width:100%;max-width:850px;display:flex;flex-direction:column;min-height:calc(100vh - 2 * var(--spacing-lg))}::selection{background:var(--text-green);color:var(--bg-primary)}@media(max-width:480px){body{padding:var(--spacing-sm)}#root{min-height:calc(100vh - 2 * var(--spacing-sm))}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;background:#0a0a0a;border-bottom:1px solid #1e3a1e;font-family:Courier New,Courier,monospace;font-size:.85rem;position:relative}.navbar__tagline{position:absolute;left:50%;transform:translate(-50%);color:#6b7280;font-size:.8rem;letter-spacing:.05em;pointer-events:none}.navbar__brand{color:#39ff14;font-weight:700;letter-spacing:.05em;text-decoration:none;cursor:pointer}.navbar__links{display:flex;gap:1.5rem}.navbar__link{color:#6b7280;text-decoration:none;letter-spacing:.05em;transition:color .15s}.navbar__link:hover{color:silver}.navbar__link--active{color:#39ff14}@media(max-width:480px){.navbar{padding:.6rem .75rem}.navbar__tagline{display:none}.navbar__links{gap:1rem}}.footer{padding:1.5rem 1rem;border-top:1px solid var(--color-border, #333);text-align:center}.footer__nav{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.footer__link{color:var(--color-muted, #666);text-decoration:none;font-size:.8rem}.footer__link:hover{color:var(--color-text, #ccc)}.footer__sep{color:var(--color-muted, #666);font-size:.8rem}.paywall-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.paywall-modal{position:relative;background:#111;border:1px solid #39ff14;border-radius:4px;padding:2rem;max-width:420px;width:100%;font-family:Courier New,Courier,monospace;text-align:center}.paywall-modal__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#6b7280;font-size:1rem;cursor:pointer;line-height:1}.paywall-modal__close:hover{color:silver}.paywall-modal__title{color:#39ff14;font-size:1.1rem;margin:0 0 1rem}.paywall-modal__count{color:#9ca3af;font-size:.9rem;margin:0 0 .75rem}.paywall-modal__count--highlight{color:#ff6b6b;font-weight:700}.paywall-modal__analysis{background:#0d1117;border:1px solid rgba(0,255,65,.2);border-radius:2px;padding:.75rem 1rem;margin:0 0 1rem;text-align:left;font-size:.8rem}.paywall-modal__analysis-score{color:#9ca3af;margin:0 0 .5rem}.paywall-modal__analysis-row{color:#9ca3af;margin:.25rem 0 0;line-height:1.5}.paywall-modal__analysis-row--strong .paywall-modal__analysis-label{color:#39ff14}.paywall-modal__analysis-row--weak .paywall-modal__analysis-label{color:#ff6b6b}.paywall-modal__analysis-label{color:#9ca3af}.paywall-modal__desc{color:#6b7280;font-size:.85rem;line-height:1.6;margin:0 0 1.5rem}.paywall-modal__error{color:#f44;font-size:.8rem;margin:0 0 1rem}.paywall-modal__cta{display:block;width:100%;background:#1a3a1a;color:#39ff14;border:1px solid #39ff14;padding:.75rem;font-family:inherit;font-size:1rem;cursor:pointer;border-radius:2px;transition:background .15s;margin-bottom:.75rem}.paywall-modal__cta:hover:not(:disabled){background:#2a5a2a}.paywall-modal__cta:disabled{opacity:.5;cursor:not-allowed}.paywall-modal__dismiss{background:none;border:none;color:#4b5563;font-family:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline}.paywall-modal__dismiss:hover{color:#6b7280}.paywall-modal__dev-reset{display:block;margin:.75rem auto 0;background:transparent;border:1px solid #4b3f00;color:#4b3f00;font-family:inherit;font-size:.75rem;padding:.25rem .75rem;border-radius:2px;cursor:pointer}.paywall-modal__dev-reset:hover{border-color:#92700a;color:#92700a}@media(max-width:480px){.paywall-modal{padding:1.25rem 1rem}}.login-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 44px);padding:2rem;background:var(--bg-dark, #0d0d0d)}.login-card{width:100%;max-width:400px;background:#111;border:1px solid #1e3a1e;border-radius:4px;padding:2rem;font-family:Courier New,Courier,monospace}@media(max-width:480px){.login-page{padding:1rem 0;align-items:stretch}.login-card{padding:1.25rem 1rem;border-left:none;border-right:none;border-radius:0;max-width:100%}}.login-card__upgrade-note{color:#9ca3af;font-size:.8rem;margin:-.75rem 0 1.25rem;border-left:2px solid #39ff14;padding-left:.6rem}.login-card__title{color:#39ff14;font-size:1.1rem;margin:0 0 1.5rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form__label{display:flex;flex-direction:column;gap:.3rem;color:#6b7280;font-size:.8rem;text-transform:lowercase}.login-form__input{background:#0a0a0a;border:1px solid #2d4a2d;color:silver;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;border-radius:2px;outline:none}.login-form__input:focus{border-color:#39ff14}.login-form__error{color:#f44;font-size:.8rem;margin:0}.login-form__btn{background:#1a3a1a;color:#39ff14;border:1px solid #39ff14;padding:.6rem;font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:2px;transition:background .15s;margin-top:.5rem}.login-form__btn:hover:not(:disabled){background:#2a5a2a}.login-form__btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{text-align:center;color:#4b5563;font-size:.8rem;margin:1rem 0}.login-google-btn{width:100%;background:#0a0a0a;color:silver;border:1px solid #374151;padding:.6rem;font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:2px;transition:border-color .15s}.login-google-btn:hover:not(:disabled){border-color:#6b7280}.login-google-btn:disabled{opacity:.5;cursor:not-allowed}.login-toggle{display:block;width:100%;margin-top:1rem;background:none;border:none;color:#6b7280;font-family:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;text-align:center}.login-toggle:hover{color:#9ca3af}.login-reset{margin-top:.75rem;text-align:right}.login-reset__btn{background:none;border:none;color:#6b7280;font-family:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.login-reset__btn:hover:not(:disabled){color:#9ca3af}.login-reset__btn:disabled{opacity:.5;cursor:not-allowed}.login-reset__sent{color:#39ff14;font-size:.8rem;margin:0}.about-page{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 44px);padding:3rem 2rem;background:var(--bg-dark, #0d0d0d)}.about-card{width:100%;max-width:600px;background:#111;border:1px solid #1e3a1e;border-radius:4px;padding:2rem;font-family:Courier New,Courier,monospace}.about-card__title{color:#39ff14;font-size:1.1rem;margin:0 0 1.5rem;font-weight:600}.about-card__body{display:flex;flex-direction:column;gap:1rem;color:#9ca3af;font-size:.9rem;line-height:1.7}.about-card__body code{color:#39ff14;background:#0a0a0a;padding:.1em .3em;border-radius:2px;font-size:.85em}.about-card__body p{margin:0}.about-card__link{color:#39ff14;text-decoration:none}.about-card__link:hover{text-decoration:underline}.about-card__sign-off{color:#6b7280;font-style:italic;margin-top:.5rem!important}@media(max-width:480px){.about-page{padding:1.5rem 0;align-items:stretch}.about-card{padding:1.25rem 1rem;border-left:none;border-right:none;border-radius:0}}.account-page{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 44px);padding:3rem 2rem;background:var(--bg-dark, #0d0d0d)}.account-card{width:100%;max-width:520px;background:#111;border:1px solid #1e3a1e;border-radius:4px;padding:2rem;font-family:Courier New,Courier,monospace}.account-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.account-card__title{color:#39ff14;font-size:1.1rem;margin:0;font-weight:600}.account-card__badge{background:#1a3a1a;color:#39ff14;border:1px solid #39ff14;padding:.15rem .5rem;font-size:.7rem;border-radius:2px;letter-spacing:.05em}.account-card__email{color:#6b7280;font-size:.8rem;margin:0 0 1.5rem}.account-section{margin-bottom:1.5rem}.account-section__heading{color:#4b5563;font-size:.75rem;font-weight:400;margin:0 0 .75rem;text-transform:lowercase;letter-spacing:.05em}.account-stats{display:flex;flex-direction:column;gap:.5rem}.account-stat{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;border-bottom:1px solid #1a1a1a;padding-bottom:.4rem}.account-stat__label{color:#6b7280}.account-stat__value{color:silver}.account-weak-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.account-weak-item{display:flex;justify-content:space-between;font-size:.85rem}.account-weak-item__cat{color:#9ca3af}.account-weak-item__pct{color:#ff6b6b}.account-mode-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;flex-wrap:wrap}.account-mode-tab{background:transparent;border:1px solid #1e3a1e;color:#4b5563;font-family:inherit;font-size:.72rem;padding:.2rem .6rem;cursor:pointer;border-radius:2px;letter-spacing:.03em;transition:border-color .15s,color .15s}.account-mode-tab:hover{border-color:#39ff14;color:#9ca3af}.account-mode-tab--active{border-color:#39ff14;color:#39ff14}.account-cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.account-cat-item{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;padding-bottom:.25rem;border-bottom:1px solid #141414}.account-cat-item__name{color:#9ca3af}.account-cat-item__score{color:silver}.account-cat-item__score--unseen{color:#374151}.account-cat-item__score--weak{color:#ff6b6b}.account-cat-item__score--strong{color:#39ff14}.account-stats-locked{color:#4b5563;font-size:.85rem;margin:0;font-style:italic}.account-premium-msg{color:#39ff14;font-size:.85rem;margin:0}.account-free-msg{color:#9ca3af;font-size:.85rem;margin:0 0 .5rem}.account-free-msg--ok{color:#39ff14}.account-free-msg--exhausted{color:#f44}.account-free-msg--note{color:#6b7280;font-size:.8rem}.account-upgrade-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:.4rem}.account-btn--upgrade{background:#0a1a0a;color:#39ff14;border-color:#39ff14}.account-btn--upgrade:hover:not(:disabled){background:#121}.account-upgrade-price{color:#4b5563;font-size:.75rem;margin:0}.account-upgrade-error{color:#ff6b6b;font-size:.8rem;margin:0}.account-actions{display:flex;gap:.75rem;margin-top:2rem}.account-btn{padding:.5rem 1rem;font-family:inherit;font-size:.85rem;cursor:pointer;border-radius:2px;transition:background .15s;border:1px solid}.account-btn--signout{background:#0a0a0a;color:#6b7280;border-color:#374151}.account-btn--signout:hover:not(:disabled){border-color:#6b7280;color:#9ca3af}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn--dev{background:transparent;color:#4b3f00;border-color:#4b3f00;font-size:.75rem}.account-btn--dev:hover{border-color:#92700a;color:#92700a}@media(max-width:480px){.account-page{padding:1.5rem 0;align-items:stretch}.account-card{padding:1.25rem 1rem;border-left:none;border-right:none;border-radius:0}.account-actions{flex-wrap:wrap}}.legal-page{display:flex;justify-content:center;padding:2rem 1rem}.legal-card{background:var(--color-surface, #1e1e1e);border:1px solid var(--color-border, #333);border-radius:4px;padding:2rem;max-width:720px;width:100%}.legal-card__title{font-size:1.25rem;font-weight:700;color:var(--color-accent, #00ff88);margin:0 0 1.5rem}.legal-card__body{color:var(--color-text, #ccc);line-height:1.7;font-size:.95rem}.legal-card__body h3{color:var(--color-accent, #00ff88);font-size:1rem;margin:1.5rem 0 .5rem}.legal-card__body p{margin:0 0 .75rem}.legal-card__body ul{margin:0 0 .75rem 1.25rem;padding:0}.legal-card__body li{margin-bottom:.35rem}.legal-card__body a{color:var(--color-accent, #00ff88);text-decoration:underline}.legal-card__updated{margin-top:2rem;font-size:.8rem;color:var(--color-muted, #666)}.terminal-window{background:var(--bg-terminal);border:1px solid var(--border-green);border-radius:var(--radius);box-shadow:0 0 30px var(--glow-green),0 4px 20px #00000080;overflow:hidden}.terminal-window__titlebar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-gray)}.terminal-window__dots{display:flex;gap:6px}.terminal-window__dot{width:12px;height:12px;border-radius:50%}.terminal-window__dot--red{background:#ff5f57}.terminal-window__dot--yellow{background:#febc2e}.terminal-window__dot--green{background:#28c840}.terminal-window__title{color:var(--text-gray);font-size:.75rem}.terminal-window__body{padding:0}.tab-bar{display:flex;align-items:center;border-bottom:1px solid var(--border-gray);padding:0 var(--spacing-md)}.tab-bar__tabs{display:flex;flex:1}.tab-bar__tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-gray);font-family:var(--font-mono);font-size:.75rem;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;white-space:nowrap;text-align:center;transition:color .15s,border-color .15s}.tab-bar__tab:hover{color:var(--text-white)}.tab-bar__tab--active{color:var(--text-green);border-bottom-color:var(--text-green)}.tab-bar__difficulty{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-sm)}.tab-bar__difficulty-btn{background:none;border:1px solid var(--border-gray);color:var(--text-gray);font-family:var(--font-mono);font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.tab-bar__difficulty-btn:hover{color:var(--text-white);border-color:var(--text-white)}.tab-bar__difficulty-btn--active{cursor:default}.tab-bar__difficulty-btn--active:not(.tab-bar__difficulty-btn--hard-active){color:var(--text-green);border-color:var(--text-green);background:#00ff4112}.tab-bar__difficulty-btn--hard-active{color:var(--text-red);border-color:var(--text-red);background:#ff44441a}.tab-bar__dev-reset{background:transparent;border:1px solid #4b3f00;color:#4b3f00;font-family:var(--font-mono);font-size:.65rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;margin-left:var(--spacing-sm);white-space:nowrap}.tab-bar__dev-reset:hover{border-color:#92700a;color:#92700a}@media(max-width:480px){.tab-bar{flex-wrap:wrap;padding:0}.tab-bar__tabs{width:100%;border-bottom:1px solid var(--border-gray)}.tab-bar__tab{font-size:.65rem;padding:var(--spacing-sm);white-space:normal;line-height:1.3}.tab-bar__difficulty{width:100%;justify-content:center;margin:0;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-gray)}.tab-bar__difficulty-btn{flex:1;text-align:center}}.command-block{background:var(--bg-input);border-left:3px solid var(--text-green-dim);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:.95rem;line-height:1.6;word-break:break-word}.command-block--code{font-family:var(--font-mono);color:var(--text-green)}.command-block__prompt{color:var(--text-green-dim);-webkit-user-select:none;user-select:none}.command-block--scenario{white-space:pre-wrap;line-height:1.7}.feedback{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-gray)}.feedback__result{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feedback__result--correct{color:var(--text-green)}.feedback__result--incorrect{color:var(--text-red)}.feedback__answer{background:var(--bg-input);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6;word-break:break-word}.feedback__label{color:var(--text-gray);margin-right:var(--spacing-sm)}.feedback__command{color:var(--text-green)}.feedback__command--wrong{color:var(--text-red);text-decoration:line-through;opacity:.8}.feedback__answer--typed{border-left:3px solid var(--text-red)}.feedback__typed-text{color:var(--text-red)}.feedback__next{background:none;border:1px solid var(--border-green);color:var(--text-green);font-family:var(--font-mono);font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.feedback__next:hover{background:var(--highlight-green)}.multiple-choice__prompt{margin-bottom:var(--spacing-lg)}.multiple-choice__options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mc-option{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-gray);padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:.85rem;color:var(--text-white);transition:background .15s,border-color .15s;width:100%;line-height:1.5}.mc-option:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-green)}.mc-option:disabled{cursor:default}.mc-option__label{color:var(--text-green-dim);flex-shrink:0;font-weight:600}.mc-option__text--code{color:var(--text-green)}.mc-option--correct{border-color:var(--text-green);background:#00ff4114}.mc-option--incorrect{border-color:var(--text-red);background:#ff444414}.mc-option--dimmed{opacity:.4}@media(max-width:480px){.mc-option{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}}.type-command__prompt{margin-bottom:var(--spacing-md)}.type-command__hint{color:var(--text-gray);font-size:.75rem;margin-bottom:var(--spacing-md);font-style:italic}.type-command__input-line{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-green);border-radius:var(--radius-sm);padding:var(--spacing-md)}.type-command__dollar{color:var(--text-green);font-weight:600;-webkit-user-select:none;user-select:none;flex-shrink:0}.type-command__input{background:none;border:none;outline:none;color:var(--text-green);font-family:var(--font-mono);font-size:.9rem;width:100%;caret-color:var(--text-green)}.type-command__input:disabled{opacity:.6}.type-command__input-line--correct{border-color:var(--text-green);background:#00ff410d}.type-command__input-line--incorrect{border-color:var(--text-red);background:#ff44440d}.quiz-controller{padding:var(--spacing-lg)}.quiz-loading{padding:var(--spacing-lg);color:var(--text-gray)}.quiz-controller__toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.quiz-controller__new-btn{background:none;border:1px solid var(--border-gray);color:var(--text-gray);font-family:var(--font-mono);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s}.quiz-controller__new-btn:hover{color:var(--text-white);border-color:var(--text-white)}.quiz-paywall-msg{padding:var(--spacing-lg);color:var(--text-gray);font-size:.9rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.quiz-controller__dev-reset{background:transparent;border:1px solid #4b3f00;color:#4b3f00;font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.quiz-controller__dev-reset:hover{border-color:#92700a;color:#92700a}@media(max-width:480px){.quiz-controller{padding:var(--spacing-sm)}}.premium-banner{max-width:680px;margin:1.25rem auto 0;border:1px solid #1e3a1e;border-radius:4px;padding:1.25rem 1.5rem;font-family:Courier New,Courier,monospace;background:#0d110d}.premium-banner__heading{color:#39ff14;font-size:.8rem;margin:0 0 .75rem;letter-spacing:.05em}.premium-banner__benefits{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.35rem}.premium-banner__benefits li{color:#9ca3af;font-size:.8rem;padding-left:1.1rem;position:relative}.premium-banner__benefits li:before{content:">";position:absolute;left:0;color:#39ff14}.premium-banner__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.premium-banner__cta{background:#0a1a0a;border:1px solid #39ff14;color:#39ff14;font-family:inherit;font-size:.8rem;padding:.4rem 1.5rem;border-radius:2px;cursor:pointer;transition:background .15s;white-space:nowrap}.premium-banner__cta:hover:not(:disabled){background:#121}.premium-banner__cta:disabled{opacity:.5;cursor:not-allowed}.premium-banner__price{color:#4b5563;font-size:.75rem;margin:0}.premium-banner__error{color:#ff6b6b;font-size:.78rem;margin:0;text-align:center}@media(max-width:480px){.premium-banner{padding:1rem}}.app__content{flex:1}.app__header{text-align:center;margin-bottom:var(--spacing-lg)}.app__title{color:var(--text-green);font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-xs)}.app__subtitle{color:var(--text-gray);font-size:.75rem}