:root{--bg-void:#0a0a0a;--bg-void-rgb:10, 10, 10;--bg-surface:#121212;--bg-elevated:#1e1e1e;--bg-subtle:#2a2a2a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:#919191;--text-dim:gray;--icon-primary:var(--text-primary);--accent-amber:#fbbf24;--accent-green:#22c55e;--accent-red:#ef4444;--accent-cloud:#4fc3f7;--accent-info:#60a5fa;--accent-violet:#ce93d8;--accent-brand:#00d084;--accent-brand-hover:#33dc9d;--text-on-brand:#04150c;--accent-green-rgb:34, 197, 94;--accent-red-rgb:239, 68, 68;--accent-amber-rgb:251, 191, 36;--accent-brand-rgb:0, 208, 132;--quiz-level-d:#2e7d32;--quiz-level-c:#1565c0;--quiz-level-b:#b35900;--quiz-level-a:#9c27b0;--quiz-level-s:#c62828;--quiz-level-d-on-dark:#4caf50;--quiz-level-c-on-dark:#2196f3;--quiz-level-b-on-dark:#ff9800;--quiz-level-a-on-dark:#ce93d8;--quiz-level-s-on-dark:#f44336;--border-primary:#333;--border-subtle:#1f1f1f;--border-style-default:solid;--overlay-light:#00000080;--overlay-medium:#000000b3;--overlay-dark:#000000f2;--primary-color:#4a90e2;--secondary-color:var(--accent-amber);--accent-color:var(--accent-green);--success-color:#28a745;--danger-color:#dc3545;--warning-color:var(--accent-amber);--info-color:#17a2b8;--light-color:var(--bg-subtle);--dark-color:var(--text-primary);--text-color:var(--text-primary);--border-color:var(--border-primary);--sidebar-bg:var(--bg-elevated);--background-secondary:var(--bg-subtle);--background-light:var(--bg-surface);--btn-bg-primary:var(--bg-subtle);--btn-bg-primary-alt:var(--bg-subtle);--btn-bg-cta:#4caf50;--btn-bg-success:#1e7e34;--btn-bg-danger:#dc3545;--btn-bg-success-hover:#218838;--btn-bg-danger-hover:#c82333;--btn-bg-cancel:#6c757d;--btn-bg-cancel-hover:#5a6268;--btn-bg-share:#0f6da6;--btn-bg-accept-hover:#16a34a;--btn-bg-cta-accessible:#1b7a1f;--btn-bg-cta-accessible-hover:#156619;--gradient-primary:var(--btn-bg-primary);--gradient-primary-horizontal:var(--btn-bg-primary-alt);--gradient-secondary:var(--btn-bg-cta);--gradient-success:var(--btn-bg-success);--gradient-danger:var(--btn-bg-danger);--btn-primary-bg:var(--btn-bg-primary);--btn-primary-shadow:#0000004d;--btn-primary-shadow-hover:#0006;--btn-secondary-bg:transparent;--btn-secondary-color:var(--secondary-color);--btn-secondary-border:var(--secondary-color);--btn-cta-bg:var(--btn-bg-cta);--btn-cta-color:#4caf50;--btn-cta-shadow:#4caf5080;--shadow-void:0 2px 4px #000000e6;--shadow-surface:0 4px 12px #00000080;--shadow-elevated:0 8px 24px #0003;--shadow-color-success-light:#28a7454d;--shadow-color-success-medium:#28a74566;--shadow-color-success-strong:#28a74580;--shadow-color-success-subtle:#28a7450d;--shadow-color-success-faint:#28a7451a;--shadow-color-success-solid:#28a745f2;--shadow-color-secondary-subtle:#6c757d1a;--shadow-color-secondary-light:#6c757d4d;--shadow-color-secondary-medium:#6c757d66;--shadow-sm:0 .125rem .25rem #00000013;--shadow:0 .5rem 1rem #00000026;--shadow-lg:0 1rem 3rem #0000002d;--shadow-terminal:0 4px 20px #0000004d;--touch-target-min:44px;--z-below:-1;--z-ground:0;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:500;--z-navigation:900;--z-modal:1000;--z-toast:9000;--z-max:10000;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-section:4rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:50%;--radius-circle:50%;--bp-sm:576px;--bp-md:768px;--bp-lg:992px;--bp-xl:1200px;--terminal-bg:#121212;--terminal-bg-solid:#121212;--terminal-text:#d4d4d4;--terminal-text-white:#fff;--terminal-text-green:#0f0;--terminal-prompt:#4caf50;--terminal-border:#ffffff1a;--terminal-header-bg:#2d2d2d;--terminal-dot-red:#ff6b5d;--terminal-dot-yellow:#ffc843;--terminal-dot-green:#32d74b;--terminal-header-border:#404040;--terminal-btn-bg:#3d3d3d;--terminal-btn-bg-hover:#4d4d4d;--terminal-btn-text:#888;--terminal-btn-text-hover:#aaa;--terminal-output:var(--accent-brand);--terminal-success:#4ade80;--terminal-error:#ff6b6b;--terminal-warning:var(--accent-amber);--terminal-info:#60a5fa;--terminal-file-list:#87ceeb;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-fast) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-standard);--duration-instant:.1s;--duration-fast:.15s;--duration-reveal:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--animation-fast:.3s;--animation-normal:.6s;--animation-slow:.8s;--animation-pulse:2s;--feedback-success-bg:#10b981;--feedback-success-icon:#4ade80;--feedback-error-bg:#ef4444;--feedback-error-icon:#f87171;--hint-color-rgb:251, 191, 36;--progress-bar-bg:#fff3;--progress-bar-fill:#4ade80;--progress-text-color:#6b7280;--progress-text-highlight:#10b981;--next-lesson-bg:#22c55e;--next-lesson-bg-hover:#16a34a;--next-lesson-shadow:#22c55e66;--shadow-green-subtle:#00d0841a;--shadow-green-light:#00d0844d;--shadow-green-medium:#00d08466;--shadow-red-light:#ff52524d}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes successPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes checkmark-draw{0%{stroke-dashoffset:50px}to{stroke-dashoffset:0}}@keyframes success-circle-scale{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes progressFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(1deg)}75%{transform:translateY(-2px)rotate(-1deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-8vh)rotate(0)}to{opacity:0;transform:translateY(108vh)rotate(720deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1rem)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.balus-modal{background:var(--overlay-dark);width:100vw;height:100vh;z-index:var(--z-toast);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.balus-modal.show{opacity:1;pointer-events:all}.balus-image{object-fit:contain;max-width:80vw;max-height:80vh;animation:.8s ease-out balus-appear}@keyframes balus-appear{0%{opacity:0;transform:scale(.3)rotate(-10deg)}50%{opacity:.8;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.blue-radial-light{opacity:0;width:50px;height:50px;z-index:calc(var(--z-toast) - 1);pointer-events:none;background:#3b82f699;border-radius:50%;position:absolute;top:55%;left:45%;transform:translate(-50%,-50%)}.blue-radial-light.active{animation:2s ease-out forwards blue-light-expand}@keyframes blue-light-expand{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}40%{opacity:.8;transform:translate(-50%,-50%)scale(5)}60%{opacity:.6;transform:translate(-50%,-50%)scale(10)}80%{opacity:.3;transform:translate(-50%,-50%)scale(20);box-shadow:0 0 100px #0096ff99}to{opacity:0;transform:translate(-50%,-50%)scale(30);box-shadow:0 0 200px #0096ff33}}.blue-radial-light:before,.blue-radial-light:after{content:"";background:#3b82f666;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blue-radial-light:before{width:80px;height:80px;animation:2s ease-out .3s forwards blue-light-pulse-1}.blue-radial-light:after{width:120px;height:120px;animation:2s ease-out .6s forwards blue-light-pulse-2}@keyframes blue-light-pulse-1{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{opacity:.8;transform:translate(-50%,-50%)scale(1)}70%{opacity:.4;transform:translate(-50%,-50%)scale(8)}to{opacity:0;transform:translate(-50%,-50%)scale(15)}}@keyframes blue-light-pulse-2{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}40%{opacity:.6;transform:translate(-50%,-50%)scale(1)}80%{opacity:.2;transform:translate(-50%,-50%)scale(6)}to{opacity:0;transform:translate(-50%,-50%)scale(12)}}.jewel-octahedron{width:80px;height:80px;z-index:var(--z-toast);pointer-events:none;opacity:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(100px)}.jewel-octahedron.active{animation:3s linear forwards jewel-ascend}.jewel-cube{width:120px;height:120px;transform-style:preserve-3d;animation:2s linear infinite jewel-rotate;position:relative;transform:rotateX(45deg)rotateY(45deg)}.cube-face{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1e3a8ab3;border:2px solid #1e3a8a99;width:120px;height:120px;position:absolute;box-shadow:inset 0 0 15px #fff3,inset 0 5px 2px #fff6,0 0 35px #1e3a8acc,0 0 5px #1e3a8a66}.cube-front{opacity:.9;filter:brightness(1.2);transform:translateZ(60px);box-shadow:inset 0 0 30px #ffffff80,0 0 40px #1e3a8a,0 0 80px #1e3a8a80}.cube-back{opacity:.3;filter:brightness(.7);transform:rotateY(180deg)translateZ(60px)}.cube-right{opacity:.75;filter:brightness();transform:rotateY(90deg)translateZ(60px)}.cube-left{opacity:.65;filter:brightness(.9);transform:rotateY(-90deg)translateZ(60px)}.cube-top{opacity:.8;filter:brightness(1.1);transform:rotateX(90deg)translateZ(60px);box-shadow:inset 0 0 25px #fff6,0 0 35px #1e3a8ae6,0 0 70px #1e3a8a66}.cube-bottom{opacity:.5;filter:brightness(.8);transform:rotateX(-90deg)translateZ(60px)}@keyframes jewel-ascend{0%{opacity:0;filter:blur();transform:translate(-50%)translateY(100px);box-shadow:0 0 50px #1e3a8acc}10%{opacity:1;filter:blur();transform:translate(-50%)translateY(100px);box-shadow:0 0 80px #1e3a8ae6}50%{opacity:1;filter:blur(1px);transform:translate(-50%)translateY(-60vh);box-shadow:0 0 120px #1e3a8a}90%{opacity:.8;filter:blur(2px);transform:translate(-50%)translateY(-110vh);box-shadow:0 0 150px #1e3a8a99}to{opacity:0;filter:blur(3px);transform:translate(-50%)translateY(-120vh);box-shadow:0 0 200px #1e3a8a4d}}@keyframes jewel-rotate{0%{transform:rotateX(45deg)rotateY(45deg)rotate(0)}25%{transform:rotateX(135deg)rotateY(135deg)rotate(90deg)}50%{transform:rotateX(225deg)rotateY(225deg)rotate(180deg)}75%{transform:rotateX(315deg)rotateY(315deg)rotate(270deg)}to{transform:rotateX(405deg)rotateY(405deg)rotate(360deg)}}.jewel-octahedron:before{content:"";z-index:-1;filter:blur(1px);background:#22d3ee33;border-radius:50%;width:100px;height:100px;animation:.8s ease-in-out infinite alternate jewel-energy-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jewel-octahedron:after{content:"";z-index:-2;filter:blur(2px);background:#22d3ee1a;border-radius:50%;width:150px;height:150px;animation:1.2s ease-in-out infinite alternate jewel-energy-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes jewel-energy-pulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(.8)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@media (width<=768px){.jewel-octahedron{width:60px;height:60px}.octahedron-face{border-width:22px 12.73px 0}.face-bottom-1,.face-bottom-2,.face-bottom-3,.face-bottom-4{border-width:0 12.73px 22px}.face-top-1,.face-top-2,.face-top-3,.face-top-4{transform:rotateX(-35.26deg) rotateY(var(--rotation)) translateZ(18px)}.face-bottom-1,.face-bottom-2,.face-bottom-3,.face-bottom-4{transform:rotateX(35.26deg) rotateY(var(--rotation)) translateZ(18px)}.jewel-octahedron:before{width:100px;height:100px}.jewel-octahedron:after{width:160px;height:160px}.octahedron-core:before{width:15px;height:15px}}@media (width<=420px){.jewel-octahedron{width:50px;height:50px}.octahedron-face{border-width:18px 10.39px 0}.face-bottom-1,.face-bottom-2,.face-bottom-3,.face-bottom-4{border-width:0 10.39px 18px}.jewel-octahedron:before{width:80px;height:80px}.jewel-octahedron:after{width:120px;height:120px}}.balus-destruction-mode{position:relative;overflow:hidden!important}.balus-collapse-1{animation:.8s ease-in-out balus-shake}.balus-collapse-2{animation:1.2s ease-in-out forwards balus-tilt}.balus-collapse-3{animation:1.5s ease-in forwards balus-fall}.balus-collapse-final{animation:2s ease-in forwards balus-disintegrate}@keyframes balus-shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-2px,-1px)rotate(-.5deg)}20%{transform:translate(2px,1px)rotate(.5deg)}30%{transform:translate(-1px,2px)rotate(-.3deg)}40%{transform:translate(1px,-2px)rotate(.3deg)}50%{transform:translate(-2px,1px)rotate(-.2deg)}60%{transform:translate(2px,-1px)rotate(.2deg)}70%{transform:translate(-1px,-2px)rotate(-.1deg)}80%{transform:translate(1px,2px)rotate(.1deg)}90%{transform:translate(-2px,-1px)rotate(-.05deg)}}@keyframes balus-tilt{0%{opacity:1;transform:rotate(0)scale(1)}25%{opacity:.9;transform:rotate(-2deg)scale(.98)}50%{opacity:.8;transform:rotate(3deg)scale(.95)}75%{opacity:.7;transform:rotate(-5deg)scale(.9)}to{opacity:.6;transform:rotate(-8deg)scale(.85)}}@keyframes balus-fall{0%{opacity:.6;transform:rotate(-8deg)scale(.85)translateY(0)}30%{opacity:.5;transform:rotate(-15deg)scale(.7)translateY(50px)}60%{opacity:.3;transform:rotate(-25deg)scale(.5)translateY(200px)}to{opacity:0;transform:rotate(-45deg)scale(.2)translateY(1000px)}}@keyframes balus-disintegrate{0%{opacity:1;filter:blur();transform:scale(1)rotate(0)}25%{opacity:.8;filter:blur(1px);transform:scale(.9)rotate(-5deg)}50%{opacity:.6;filter:blur(3px);transform:scale(.7)rotate(-15deg)}75%{opacity:.3;filter:blur(5px);transform:scale(.4)rotate(-30deg)}to{opacity:0;filter:blur(10px);transform:scale(0)rotate(-90deg)translateY(2000px)}}.balus-glitch{animation:.3s infinite balus-glitch-effect}@keyframes balus-glitch-effect{0%{filter:hue-rotate();transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(180deg);transform:translate(-2px,-2px)}60%{filter:hue-rotate(270deg);transform:translate(2px,2px)}80%{filter:hue-rotate(360deg);transform:translate(2px,-2px)}to{filter:hue-rotate();transform:translate(0)}}.balus-crash-screen{background:var(--bg-void);width:100vw;height:100vh;color:var(--accent-red);z-index:var(--z-max);text-align:center;opacity:0;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1rem;font-family:Courier New,monospace;font-size:1.5rem;transition:opacity .5s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.balus-crash-screen.show{opacity:1;pointer-events:all}.balus-crash-title{background:var(--overlay-medium);text-shadow:0 0 20px #ef4444cc;border:2px solid #ef44444d;border-radius:0;margin-bottom:1rem;padding:1rem 0;font-size:3rem;font-weight:700;animation:1s infinite balus-crash-blink}.balus-crash-message{margin-bottom:2rem;font-size:1.2rem;line-height:1.6}@keyframes balus-crash-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.balus-command-explanation{border:2px solid var(--accent-red);opacity:0;background:#ffffff0d;border-radius:0;max-width:800px;margin-top:3rem;padding:2rem;animation:1s ease-out 2s forwards explanationFadeIn;transform:translateY(20px)}.command-explanation-title{color:var(--accent-amber);text-align:center;text-shadow:0 0 10px #fbbf2480;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.command-breakdown{background:var(--overlay-medium);border-left:4px solid var(--accent-red);border-radius:0;padding:1.5rem}.command-line{color:var(--terminal-text-green);background:var(--overlay-dark);border:1px solid var(--terminal-text-green);text-shadow:0 0 8px #0f09;letter-spacing:2px;border-radius:0;margin-bottom:1.5rem;padding:.8rem;font-size:1.6rem;font-weight:700}.command-parts{margin-bottom:1.5rem}.command-part{background:#ffffff08;border-left:3px solid #0000;border-radius:0;align-items:center;margin:.8rem 0;padding:.6rem;display:flex}.command-part:first-child{border-left-color:var(--terminal-dot-red);animation-delay:2.2s}.command-part:nth-child(2){border-left-color:var(--terminal-dot-yellow);animation-delay:2.4s}.command-part:nth-child(3){border-left-color:var(--terminal-dot-green);animation-delay:2.6s}.command-part:nth-child(4){border-left-color:#007aff;animation-delay:2.8s}.command-part:nth-child(5){border-left-color:#af52de;animation-delay:3s}.command-token{text-align:center;border-radius:0;min-width:80px;margin-right:1.2rem;padding:.3rem .8rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.command-token.sudo,.command-token.rm{background:var(--accent-red);color:#fff;text-shadow:0 1px 2px #00000080}.command-token.option{background:var(--accent-green);color:#fff;text-shadow:0 1px 2px #00000080}.command-token.path{color:#fff;text-shadow:0 1px 2px #00000080;background:#8b5cf6}.command-desc{color:var(--text-secondary);flex:1;font-size:1.1rem;line-height:1.4}.command-result{border:2px solid var(--accent-red);background:#ef444426;border-radius:0;align-items:center;margin-top:1.5rem;padding:1rem;animation:2s ease-in-out 3.5s infinite resultPulse;display:flex}.result-arrow{color:var(--accent-red);text-shadow:0 0 10px #ef4444cc;margin-right:1rem;font-size:1.5rem}.result-text{color:var(--accent-red);text-shadow:0 0 8px #ef444499;font-size:1.3rem;font-weight:700}@keyframes explanationFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes resultPulse{0%,to{border-color:var(--accent-red);box-shadow:0 0 20px #ef44444d}50%{border-color:var(--accent-red);box-shadow:0 0 40px #ef4444cc}}.glider-flyby{width:128px;height:128px;z-index:calc(var(--z-max) + 1);opacity:0;transform-origin:50%;pointer-events:none;position:absolute;top:50%;right:-150px}.glider-flyby.flying{animation:5s linear forwards glider-flyby-animation}@keyframes glider-flyby-animation{0%{opacity:0;right:-150px;transform:translate(0)translateY(0)rotate(0)}3%{opacity:1}10%{transform:translate(-300px)translateY(15px)rotate(-2deg)}25%{transform:translate(-600px)translateY(25px)rotate(-3deg)}50%{transform:translate(-900px)translateY(35px)rotate(-2deg)}75%{opacity:.8;transform:translate(-1200px)translateY(45px)rotate(-1deg)}90%{opacity:.4;transform:translate(-1400px)translateY(50px)rotate(0)}to{opacity:0;transform:translate(-1600px)translateY(55px)rotate(0)}}@media (width<=768px){.balus-image{max-width:90vw;max-height:70vh}.blue-radial-light{top:54%;left:44%}.balus-crash-screen{padding:1.5rem .8rem;font-size:1.3rem}.balus-crash-title{background:var(--overlay-dark);z-index:var(--z-base);border-radius:0;margin-bottom:1.5rem;padding:1rem 0;font-size:2rem;position:sticky;top:0}.balus-crash-message{margin-bottom:1.5rem;padding:0 1rem;font-size:1rem}.balus-command-explanation{max-width:95vw;margin-top:2rem;padding:1.5rem}.command-explanation-title{margin-bottom:1rem;font-size:1.4rem}.command-breakdown{padding:1rem}.command-line{letter-spacing:1px;padding:.6rem;font-size:1.2rem}.command-part{flex-direction:column;align-items:flex-start;margin:.6rem 0;padding:.8rem}.command-token{min-width:auto;margin-bottom:.5rem;margin-right:0;padding:.4rem .6rem;font-size:1rem}.command-desc{margin-left:0;font-size:1rem}.command-result{text-align:center;flex-direction:column;padding:.8rem}.result-arrow{margin-bottom:.5rem;margin-right:0}.result-text{font-size:1.1rem}}@media (width<=420px){.blue-radial-light{top:53%;left:45%}.balus-crash-screen{padding:1rem .5rem;font-size:1.2rem}.balus-crash-title{margin-bottom:1rem;padding:.8rem 0;font-size:1.6rem}.balus-crash-message{margin-bottom:1rem;font-size:.9rem}.balus-command-explanation{margin-top:1.5rem;padding:1rem}.command-explanation-title{font-size:1.2rem;line-height:1.3}.command-line{word-break:break-all;padding:.5rem;font-size:1.1rem}.command-token{padding:.3rem .5rem;font-size:.9rem}.command-desc{font-size:.95rem;line-height:1.3}.result-text{font-size:1rem;line-height:1.3}}@media (width<=768px){.glider-flyby{width:100px;height:100px;top:60%}}@media (width<=420px){.glider-flyby{width:80px;height:80px;top:70%}}.collapse-hinge{transform-origin:0 0;animation:2s ease-in-out forwards hingeCollapse}@keyframes hingeCollapse{0%{transform-origin:0 0;animation-timing-function:ease-in-out}20%,60%{transform-origin:0 0;animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{transform-origin:0 0;opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.collapse-hinge-left{transform-origin:0 0;animation:1.8s ease-in-out forwards hingeCollapseLeft}.collapse-hinge-right{transform-origin:100% 0;animation:1.8s ease-in-out forwards hingeCollapseRight}@keyframes hingeCollapseLeft{0%{transform-origin:0 0}20%,60%{transform-origin:0 0;transform:rotate(80deg)}40%,80%{transform-origin:0 0;opacity:1;transform:rotate(60deg)}to{opacity:0;transform:translate(-100px,700px)rotate(90deg)}}@keyframes hingeCollapseRight{0%{transform-origin:100% 0}20%,60%{transform-origin:100% 0;transform:rotate(-80deg)}40%,80%{transform-origin:100% 0;opacity:1;transform:rotate(-60deg)}to{opacity:0;transform:translate(100px,700px)rotate(-90deg)}}.collapse-delay-1{animation-delay:.1s}.collapse-delay-2{animation-delay:.2s}.collapse-delay-3{animation-delay:.3s}.collapse-delay-4{animation-delay:.4s}.collapse-delay-5{animation-delay:.5s}.collapse-delay-6{animation-delay:.6s}.collapse-delay-7{animation-delay:.7s}.collapse-delay-8{animation-delay:.8s}.collapse-small{--collapse-distance:500px}.collapse-medium{--collapse-distance:700px}.collapse-large{--collapse-distance:900px}.collapse-hinge,.collapse-hinge-left,.collapse-hinge-right{will-change:transform, opacity;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){.balus-modal,.balus-collapse-1,.balus-collapse-2,.balus-collapse-3,.balus-collapse-final,.balus-glitch,.balus-crash-screen,.glider-flyby{transition:none!important;animation:none!important}.glider-flyby{display:none}.balus-modal.show,.balus-crash-screen.show{opacity:1}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:calc(62px + 1rem)}body{background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}a{color:var(--accent-amber);transition:color var(--transition-fast);text-decoration:underline}a:visited{color:var(--accent-amber)}a:hover{color:var(--text-primary)}.app-container{background:var(--bg-surface);flex-direction:column;max-width:1400px;height:100%;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 40px #0000004d}#header-container{min-height:123px;z-index:var(--z-navigation);position:sticky;top:0}.articles-index-page .article-container>#header-container{min-height:62px}.article-container:has(.article-content)>#header-container{min-height:62px}.header{background:var(--bg-void);color:#fff;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:62px;padding:0 2rem;display:flex}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.header{background:rgba(var(--bg-void-rgb), .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.header-cta{background:var(--accent-brand);height:38px;color:var(--text-on-brand);letter-spacing:.04em;white-space:nowrap;transition:background-color var(--transition-fast), transform var(--transition-fast);border-radius:0;align-items:center;margin-left:.5rem;padding:0 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.header-cta:hover{background:var(--accent-brand-hover);color:var(--text-on-brand);transform:translateY(-1px)}.header-cta:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@media (width<=768px){.header-cta{display:none}}@media (width>=768px) and (width<=1100px){.header{padding:0 1rem}.header-cta{margin-left:.25rem;padding:0 .75rem}}#header-container.header--nav-collapsed .main-nav{display:none}#header-container.header--nav-collapsed .hamburger-menu{align-self:center;margin-left:auto;display:flex}#header-container .mobile-menu.active,#header-container .mobile-menu-overlay.active{display:block}.logo{align-items:center;font-size:1.5rem;font-weight:700;display:flex}.logo a{color:#fff;border:none;align-items:center;text-decoration:none;display:flex}.logo a:hover,.logo a:visited,.logo a:active{color:#fff;border:none;text-decoration:none}.logo a:focus{color:#fff;outline:2px solid var(--accent-amber);outline-offset:2px;border:none;text-decoration:none}.logo-image{width:auto;height:34px;transition:transform var(--transition-fast);filter:brightness(0)invert()}.logo-image:hover{transform:scale(1.05)}.header-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}.progress-mascot{text-align:center;margin:1rem 0}.progress-penguin-image{max-width:80px;height:auto;transition:transform var(--transition-fast);border-radius:0;animation:4s ease-in-out infinite progressFloat;box-shadow:0 4px 12px #0000001a}.progress-penguin-image:hover{transform:scale(1.1)}.site-footer{background:var(--bg-void);color:var(--text-primary);z-index:var(--z-base);border-top:1px solid var(--border-subtle);margin-top:auto;padding:3rem 0 0;position:relative}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-columns{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:2.25rem;margin-bottom:2rem;display:grid}.footer-logo{margin-bottom:1rem}.footer-logo-image{filter:brightness(0)invert();width:auto;height:38px;margin-bottom:1rem}.footer-description{color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.footer-links{margin-bottom:1rem}.footer-column h3{color:var(--text-dim);letter-spacing:.12em;margin-bottom:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11.5px;font-weight:500}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-muted);transition:color var(--transition-fast);font-size:12.5px;text-decoration:none}.footer-column a:hover{color:var(--accent-brand)}.footer-settings .footer-setting{margin-bottom:1rem}.footer-settings .footer-setting-toggle{width:100%;min-height:var(--touch-target-min);color:var(--text-secondary);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:0;font-size:12.5px;display:flex}.footer-settings .footer-setting-toggle:hover,.footer-settings .footer-setting-toggle:focus-visible{color:var(--text-primary)}.footer-settings .footer-setting-toggle:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.footer-settings .footer-setting-toggle.is-on{color:var(--text-primary)}.footer-settings .footer-setting-toggle.is-on .footer-setting-switch{background:var(--accent-brand)}.footer-settings .footer-setting-toggle.is-on .footer-setting-switch-knob{transform:translate(16px)}.footer-settings .footer-setting-switch{background:var(--bg-subtle);width:34px;height:18px;transition:background-color var(--transition-fast);flex-shrink:0;position:relative}.footer-settings .footer-setting-switch-knob{background:var(--text-primary);width:14px;height:14px;transition:transform var(--transition-fast);position:absolute;top:2px;left:2px}.footer-settings .footer-setting-description{color:var(--text-muted);margin:.35rem 0 0;font-size:.8rem}.footer-bottom{border-top:1px solid var(--border-subtle);padding:1.25rem 0}.footer-bottom-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (width<=768px){.footer-bottom-content{text-align:center;flex-direction:column}}.footer-copyright p{color:var(--text-dim);margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11.5px}.footer-divider{background:var(--border-subtle);border:none;height:1px;margin:1rem 0}.footer-noscript{background:var(--bg-void);text-align:center;color:var(--text-primary);padding:2rem 1rem}.footer-noscript nav{margin-bottom:1rem}.footer-noscript nav a{color:var(--accent-amber);margin:0 .5rem;padding:.25rem .5rem;text-decoration:none}.footer-noscript nav a:hover{text-decoration:underline}.footer-noscript nav a:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.footer-noscript p{color:var(--text-secondary);margin:0;font-size:.85rem}.main-nav{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);letter-spacing:.08em;white-space:nowrap;border-radius:0;padding:.5rem .75rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-link.active{background:var(--bg-surface);color:var(--accent-brand)}.nav-link.active:after{content:"";background:var(--accent-brand);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-articles,.nav-lpic1{z-index:var(--z-navigation);position:relative}.nav-articles-toggle,.nav-lpic1-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;display:inline-flex}.nav-articles-toggle[aria-expanded=true],.nav-lpic1-toggle[aria-expanded=true]{background:var(--bg-elevated);color:var(--text-primary)}.nav-articles-toggle:after,.nav-lpic1-toggle:after{content:"";width:0;height:0;transition:transform var(--transition-fast);border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;display:inline-block}.nav-articles-toggle[aria-expanded=true]:after,.nav-lpic1-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.nav-articles-dropdown,.nav-lpic1-dropdown{z-index:var(--z-dropdown);background:var(--bg-elevated);border:1px solid var(--border-color);min-width:200px;box-shadow:var(--shadow-elevated);animation:fadeUp var(--duration-reveal) var(--ease-out);border-radius:0;flex-direction:column;display:flex;position:absolute;top:100%;left:0}.nav-articles-dropdown .nav-link,.nav-lpic1-dropdown .nav-link{white-space:nowrap}.nav-articles-dropdown .nav-link.active:after,.nav-lpic1-dropdown .nav-link.active:after{content:none}.nav-articles-toggle[aria-expanded=false]+.nav-articles-dropdown,.nav-lpic1-toggle[aria-expanded=false]+.nav-lpic1-dropdown{display:none}.language-switcher{align-items:center;display:inline-flex;position:relative}.lang-dropdown-toggle{background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);min-height:var(--touch-target-min);border-radius:0;align-items:center;gap:.25rem;padding:.25rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.lang-dropdown-toggle:hover{background:var(--bg-subtle);color:var(--text-primary)}.lang-dropdown-toggle:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.lang-dropdown-toggle[aria-expanded=true]{background:var(--bg-subtle);color:var(--text-primary)}.lang-dropdown-caret{width:0;height:0;transition:transform var(--transition-fast);border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;display:inline-block}.lang-dropdown-toggle[aria-expanded=true] .lang-dropdown-caret{transform:rotate(180deg)}.lang-dropdown-menu{z-index:var(--z-dropdown);background:var(--bg-elevated);border:1px solid var(--border-color);min-width:140px;box-shadow:var(--shadow-elevated);animation:fadeUp var(--duration-reveal) var(--ease-out);border-radius:0;flex-direction:column;display:flex;position:absolute;top:100%;right:0}.lang-dropdown-menu[hidden]{display:none}.lang-dropdown-item{cursor:pointer;color:var(--text-secondary);text-align:left;white-space:nowrap;min-height:var(--touch-target-min);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:0;align-items:center;padding:.25rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.lang-dropdown-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.lang-dropdown-item:focus-visible{outline:2px solid var(--accent-amber);outline-offset:-2px}.lang-dropdown-item[aria-current=true]{color:var(--accent-brand);font-weight:700}.language-switcher-mobile{justify-content:center;margin:1rem 0;display:flex}.language-switcher-mobile .lang-dropdown-menu{left:0;right:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin-bottom:0}@media (width>=768px){.main-nav>.nav-link,.nav-articles-toggle,.nav-lpic1-toggle{padding:.5rem}.main-nav{gap:.5rem}}@media (width>=768px) and (width<=1100px){.main-nav>.nav-link,.nav-articles-toggle,.nav-lpic1-toggle{letter-spacing:.02em;padding:.5rem .25rem}.main-nav{gap:.25rem}}@media (width<=767px){.nav-link{min-height:var(--touch-target-min);align-items:center;display:flex}}.hamburger-menu{cursor:pointer;width:30px;height:30px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:0 0;border:none;flex-direction:column;justify-content:space-between;padding:10px;display:none;position:relative}.hamburger-line{background-color:var(--icon-primary);width:100%;height:3px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:0;display:block;position:absolute;left:0}.hamburger-line:first-child{top:0}.hamburger-line:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-line:nth-child(3){bottom:0}.hamburger-menu.active .hamburger-line:first-child{transform:translateY(13px)rotate(45deg)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:translateY(-13px)rotate(-45deg)}.mobile-menu-overlay{background:var(--overlay-light);width:100%;height:100%;z-index:calc(var(--z-navigation) - 1);opacity:0;transition:opacity var(--transition-fast);display:none;position:fixed;top:0;left:0}.mobile-menu-overlay.active{opacity:1;display:block}.mobile-menu{background:var(--bg-surface);width:300px;max-width:80%;height:100%;transition:transform var(--transition-fast);z-index:var(--z-navigation);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 10px #0000004d}.mobile-menu.active{transform:translate(0)}@media (width>=769px){.mobile-menu{display:none}}.mobile-menu-header{padding:var(--spacing-md);background:var(--btn-bg-primary);color:#fff;justify-content:space-between;align-items:center;display:flex}.mobile-menu-header h3{margin:0;font-size:1.2rem}.mobile-menu-close{color:#fff;cursor:pointer;width:30px;height:30px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;line-height:1;display:flex}.mobile-menu-content{padding:var(--spacing-md)}.mobile-nav-section{margin-bottom:1.5rem}.mobile-nav-section h4{color:var(--accent-amber);border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.mobile-nav-link{min-height:var(--touch-target-min);color:var(--text-color);transition:background-color var(--transition-fast);border-radius:0;align-items:center;padding:.75rem .5rem;text-decoration:none;display:flex}.mobile-nav-link:hover{background-color:var(--light-color)}.mobile-nav-heading{min-height:var(--touch-target-min);color:var(--text-color);font-size:inherit;cursor:default;align-items:center;margin:0;padding:.75rem .5rem;font-weight:500;display:flex}.mobile-nav-children{padding-left:1rem}.mobile-progress-info{background-color:var(--light-color);border-radius:0;padding:.5rem}.mobile-progress-info p{margin:.25rem 0;font-size:.9rem}.mobile-menu-cta{width:100%;min-height:var(--touch-target-min);background:var(--accent-brand);color:var(--text-on-brand);transition:background-color var(--transition-fast);border-radius:0;justify-content:center;align-items:center;margin-top:1rem;font-weight:700;text-decoration:none;display:flex}.mobile-menu-cta:hover{background:var(--accent-brand-hover);color:var(--text-on-brand)}.mobile-nav-footer{border-top:1px solid var(--border-color);text-align:center;margin-top:2rem;padding-top:1rem}.mobile-nav-footer a{color:var(--accent-amber);text-decoration:none}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-primary);width:320px;box-shadow:var(--shadow-surface);flex-direction:column;padding:1.5rem;display:flex;overflow:hidden}.sidebar h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}@media (width<=768px){.sidebar{order:2;width:100%;max-height:50vh}}.persona-bar-container{background:var(--bg-void);border-bottom:1px solid var(--border-primary);width:100%}.persona-bar{scrollbar-width:none;background:var(--bg-void);color:var(--text-primary);box-shadow:var(--shadow-void);flex-wrap:nowrap;align-items:center;gap:1rem;padding:.5rem 2rem;display:flex;overflow-x:auto}.persona-bar::-webkit-scrollbar{display:none}@media (width<=768px){.persona-bar{gap:.5rem;padding:.5rem 1rem}}.persona-bar__modes{flex-shrink:0;gap:.25rem;display:flex}.persona-bar__mode-btn{min-height:var(--touch-target-min);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;padding:.25rem 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;display:inline-flex}.persona-bar__mode-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.persona-bar__mode-btn:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.persona-bar__mode-btn--active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-amber)}@media (width<=768px){.persona-bar__mode-btn{padding:.25rem .5rem;font-size:.75rem}}.persona-bar__intro{color:var(--text-muted);white-space:nowrap;font-size:.875rem}@media (width<=768px){.persona-bar__intro{font-size:.75rem}}.persona-bar__kpi{flex-shrink:0;align-items:baseline;gap:.25rem;margin-left:auto;display:flex}@media (width<=768px){.persona-bar__kpi{gap:.125rem;margin-left:.5rem}}.persona-bar__kpi-label{color:var(--text-muted);font-size:.75rem}.persona-bar__kpi-value{color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:600}@media (width<=768px){.persona-bar__kpi-value{font-size:.75rem}}.persona-bar__action{min-height:var(--touch-target-min);background:var(--btn-bg-cta-accessible);color:#fff;border:none;border-radius:0;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.persona-bar__action:hover,.persona-bar__action:visited,.persona-bar__action:active{color:#fff;text-decoration:none}.persona-bar__action:hover{background:var(--btn-bg-cta-accessible-hover)}.persona-bar__action:focus-visible{background:var(--btn-bg-cta-accessible-hover);outline:2px solid var(--accent-amber);outline-offset:2px}@media (width<=768px){.persona-bar__action{padding:.25rem .5rem;font-size:1rem}.persona-bar__action-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.persona-bar__action-icon{display:none}@media (width<=768px){.persona-bar__action-icon{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;display:inline}}.success-message{background:var(--feedback-success-bg);color:#fff;text-align:center;z-index:var(--z-modal);box-shadow:var(--shadow-elevated);animation:successPulse var(--animation-slow) ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0;padding:2rem 3rem;font-size:1.25rem;font-weight:600;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.success-feedback{flex-direction:column;align-items:center;gap:1rem;display:flex}.success-checkmark{width:60px;height:60px;animation:success-circle-scale var(--animation-fast) ease-out}.success-checkmark .checkmark-circle{fill:none;stroke:var(--feedback-success-icon);stroke-width:3px;stroke-linecap:round}.success-checkmark .checkmark-check{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50px;animation:checkmark-draw var(--animation-fast) ease-out var(--animation-fast) forwards}@media (prefers-reduced-motion:reduce){.success-checkmark .checkmark-check{stroke-dashoffset:0}}.difficulty-badge{text-transform:uppercase;background:var(--bg-elevated);color:var(--text-primary);border-style:var(--border-style-default);border-color:var(--text-secondary);border-radius:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.difficulty-indicator{margin-right:var(--spacing-xs);letter-spacing:-.1em;font-size:.7em}.progress-bar{background:#fff3;border-radius:0;width:100%;height:8px;margin:.5rem 0;overflow:hidden}.progress-fill{background:var(--accent-green);transform-origin:0;width:100%;height:100%;transition:transform var(--transition-slow);border-radius:0;transform:scaleX(0)}.progress-fill[data-width="100"]{transform:scaleX(1)}.progress-fill[data-width="90"]{transform:scaleX(.9)}.progress-fill[data-width="85"]{transform:scaleX(.85)}.progress-fill[data-width="80"]{transform:scaleX(.8)}.progress-fill[data-width="75"]{transform:scaleX(.75)}.progress-fill[data-width="70"]{transform:scaleX(.7)}.progress-fill[data-width="60"]{transform:scaleX(.6)}.progress-fill[data-width="50"]{transform:scaleX(.5)}.progress-fill[data-width="40"]{transform:scaleX(.4)}.progress-fill[data-width="30"]{transform:scaleX(.3)}.progress-fill[data-width="25"]{transform:scaleX(.25)}.progress-fill[data-width="20"]{transform:scaleX(.2)}.progress-fill[data-width="10"]{transform:scaleX(.1)}.badge-count{color:var(--accent-green);font-size:1.125rem;font-weight:600}.header-progress{background:var(--background-secondary);border-radius:0;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.header-progress-bar{background:var(--progress-bar-bg);border-radius:0;width:120px;height:6px;overflow:hidden}@media (width<=767px){.header-progress-bar{width:80px}}.header-progress-text{color:var(--progress-text-color);white-space:nowrap;font-size:.875rem}.header-progress-text .progress-count{color:var(--progress-text-highlight);font-weight:600}.header-progress-text .progress-total{color:var(--text-muted)}@media (width<=575px){.header-progress-text{font-size:.75rem}}.cta-button{cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:0;padding:1rem 3rem;font-size:1.125rem;font-weight:500;text-decoration:none;display:inline-block}@media (hover:hover){.cta-button:hover{transform:translateY(-2px)}}.cta-button:focus-visible{transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.cta-button:hover,.cta-button:focus-visible,.cta-button:active{transform:none}}.cta-button:hover,.cta-button:focus-visible{box-shadow:var(--shadow-elevated)}.cta-button-large{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--accent-amber);font-weight:700}.cta-button-large:hover,.cta-button-large:focus-visible{background:var(--bg-subtle);border-color:var(--accent-green)}.cta-button-secondary{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0}.cta-button-secondary:hover,.cta-button-secondary:focus-visible{background:var(--bg-elevated);color:var(--text-primary)}.action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:0;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.btn-primary:hover{transform:translateY(-2px)}}.btn-primary:focus-visible{transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:active{transform:none}}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--btn-primary-bg);color:#fff;z-index:var(--z-ground);box-shadow:none;position:relative}.btn-primary:before,.btn-primary:after{content:"";z-index:var(--z-below);pointer-events:none;transition:opacity var(--transition-fast);position:absolute;inset:0}.btn-primary:before{box-shadow:0 4px 15px var(--btn-primary-shadow);opacity:1}.btn-primary:after{box-shadow:0 8px 25px var(--btn-primary-shadow-hover);opacity:0}@media (hover:hover){.btn-primary:hover:before{opacity:0}.btn-primary:hover:after{opacity:1}}.btn-primary:focus-visible:before{opacity:0}.btn-primary:focus-visible:after,.btn-primary:active:before{opacity:1}.btn-primary:active:after{opacity:0}.btn-primary:disabled:before{opacity:1}.btn-primary:disabled:after{opacity:0}.btn-primary{padding:.5rem 2rem}.btn-secondary{cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:0;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.btn-secondary:hover{transform:translateY(-2px)}}.btn-secondary:focus-visible{transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn-secondary:hover,.btn-secondary:focus-visible,.btn-secondary:active{transform:none}}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary:hover{background:var(--btn-secondary-color);color:var(--text-primary)}.btn-secondary{padding:.5rem 2rem}.hint-content{background:rgba(var(--hint-color-rgb), .1);border:1px solid rgba(var(--hint-color-rgb), .3);color:var(--text-color);border-radius:0;margin-top:.5rem;padding:1rem;font-size:.875rem;line-height:1.6}.terminal-area .hint-content{background:rgba(var(--hint-color-rgb), .15);border-color:rgba(var(--hint-color-rgb), .4);color:var(--terminal-text)}.features-section{background:var(--light-color);border-radius:0;margin-bottom:3rem;padding:3rem 2rem}.features-section>h2{text-align:center;margin-bottom:.5rem;font-size:2.25rem}@media (width<=575px){.features-section{padding:2rem 1rem}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:3rem;margin-top:3rem;display:grid}@media (width<=767px){.features-grid{grid-template-columns:1fr;gap:1.5rem}}.features-cta{text-align:center;margin-top:2rem}.faq-cta{text-align:center;margin-top:1.5rem}.cta-section{background:var(--bg-surface);color:var(--text-primary);text-align:center;border:1px solid var(--border-subtle);border-radius:0;margin:3rem 0;padding:3rem}.cta-section h2{margin-bottom:1rem}.cta-section p{opacity:.9;margin-bottom:2rem}.cta-section .cta-button{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--accent-amber);padding:1rem 3rem;font-weight:700}.cta-section .cta-button:hover,.cta-section .cta-button:focus-visible{background:var(--bg-subtle);border-color:var(--accent-green)}.cta-button.cta-button-primary{background:var(--bg-elevated);color:var(--accent-green);border:1px solid var(--accent-green);font-weight:700}.cta-button.cta-button-primary:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.cta-button.cta-button-primary:hover,.cta-button.cta-button-primary:focus-visible{background:var(--bg-subtle);border-color:var(--accent-green)}.trouble-item{background:var(--background-light);border:1px solid var(--border-color);border-radius:0;margin-bottom:2rem;padding:1.5rem}details.warning-red,details.warning-yellow{background:var(--light-color);border-radius:0;margin-top:1.5rem;padding:1rem}details.warning-red summary,details.warning-yellow summary{cursor:pointer;font-weight:700}details.warning-yellow{border-left:4px solid var(--text-secondary)}details.warning-yellow summary{color:var(--text-primary)}details.warning-red{border-left:4px solid var(--danger-color)}details.warning-red summary{color:var(--danger-color)}.modal{background:var(--overlay-light);width:100%;height:100%;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);text-align:center;border-radius:0;width:90%;max-width:500px;max-height:80vh;margin:1rem;padding:3rem;animation:.15s ease-out modalSlideIn;overflow-y:auto}.modal-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem}.modal-content p{color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.modal-close{background:var(--btn-bg-primary);color:#fff;cursor:pointer;transition:transform var(--transition-fast);border:none;border-radius:0;padding:.75rem 2rem;font-weight:500}.modal-close:hover{box-shadow:var(--shadow-surface);transform:translateY(-2px)}.modal-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.modal-button{background:var(--btn-bg-primary);color:#fff;cursor:pointer;min-width:150px;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:none;border-radius:0;flex:1;padding:1rem 2rem;font-weight:500}.modal-button.cancel{color:var(--text-primary);background:#6c757d}.modal-button.cancel:hover,.modal-button.cancel:focus-visible{background:#5a6268;transform:translateY(-2px)}.modal-button.confirm{background:var(--danger-color);color:var(--text-primary)}.modal-button.confirm:hover,.modal-button.confirm:focus-visible{background:#c82333;transform:translateY(-2px)}.modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.modal-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.modal-button:hover,.modal-button:focus-visible,.modal-button:active,.modal-button.cancel:hover,.modal-button.cancel:focus-visible,.modal-button.confirm:hover,.modal-button.confirm:focus-visible{transform:none}}@media (width<=768px){.modal-content{margin:1rem;padding:2rem 1.5rem}.modal-buttons{flex-direction:column}}.breadcrumb a{color:var(--accent-amber);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--text-primary);text-decoration:underline}.badge-display{margin:1.5rem 0;font-size:4rem}.btn-icon{margin-right:.25rem;font-size:1.1em}@media (width<=767px){.modal-button,.modal-close{min-height:var(--touch-target-min)}}.search-input{border:2px solid var(--border-subtle);width:100%;transition:border-color var(--transition-fast);background:var(--bg-elevated);color:var(--text-primary);border-radius:0;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem}.search-input:focus{border-color:var(--accent-amber);outline:none;box-shadow:0 0 0 3px #fbbf2433}.stat-card{text-align:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;padding:1.5rem}.stat-card h4{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem}.lesson-title{align-items:center;margin-bottom:.25rem;font-weight:500;display:flex}.lesson-hierarchy-mark{color:var(--text-muted);margin-right:.5rem;font-size:.8rem}.lesson-difficulty{color:var(--text-muted);font-size:.75rem}.progress-text{color:var(--text-muted);font-size:.9rem}.article-table{border-collapse:collapse;width:100%;margin:1rem 0}.article-table th,.article-table td{border:1px solid var(--border-subtle);text-align:left;padding:.5rem}.article-table th{background:var(--bg-elevated);font-weight:600}.article-table tr{border-bottom:1px solid var(--border-subtle)}.article-table tr:hover{background:var(--bg-subtle)}.dialogue{background:var(--bg-elevated);border-left:3px solid var(--accent-amber);margin:1.5rem 0;padding:1rem}.speaker{margin-bottom:.5rem;padding:.5rem 1rem}.speaker:last-child{margin-bottom:0}.speaker strong{color:var(--accent-amber);font-weight:600}.speaker.linny strong{color:var(--accent-green)}.speaker.lina strong{color:var(--accent-amber)}.book-section{margin-top:3rem}.book-section--inline{margin-bottom:3rem}.book-section--top{background:var(--bg-elevated);border-left:2px solid var(--accent-amber);margin-top:1.5rem;margin-bottom:1.5rem;padding:1rem}.book-section--top .book-cards{flex-direction:row;gap:1rem;display:flex}@media (width<=575px){.book-section--top .book-cards{flex-direction:column}}.book-section--top .book-card{flex:1}.book-section__heading{color:var(--text-secondary);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.book-disclosure--short{margin:0 0 .5rem}.book-cards{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=575px){.book-cards{grid-template-columns:1fr}}.book-card{background:var(--bg-elevated);box-shadow:var(--shadow-surface);border:1px solid var(--border-subtle);border-radius:0;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.book-card__title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600;line-height:1.5}.book-card__level{color:var(--text-secondary);margin:0;font-size:.75rem}.book-card__link{border:1px solid var(--accent-amber);color:var(--accent-amber);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);text-align:center;border-radius:0;margin-top:auto;padding:.25rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.book-card__link:hover,.book-card__link:focus-visible{background:var(--accent-amber);color:var(--bg-void);transform:translateY(-1px)}.book-card__link:active{transform:translateY(0)}.book-card__link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){.book-card__link:hover,.book-card__link:focus-visible,.book-card__link:active{transform:none}}.book-disclosure{color:var(--text-muted);margin:0 0 1rem;font-size:.75rem;line-height:1.5}.progress-save-notice{max-width:600px;color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin:1rem auto;padding:.5rem 1rem;font-size:.875rem;display:flex}.progress-save-icon{flex-shrink:0;font-size:1rem}.progress-save-text{line-height:1.4}.section-label{letter-spacing:.1em;color:var(--accent-brand);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.section-label:before{content:"## "}@supports (content:"a"/"b"){.section-label:before{content:"## " / ""}}.update-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.update-item:last-child{border-bottom:none}.update-item:hover{background-color:var(--bg-subtle);border-radius:0}.update-date{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;margin-left:var(--spacing-md);font-weight:500}.updates-header{cursor:pointer;margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm);transition:background-color var(--transition-normal);-webkit-user-select:none;user-select:none;border-radius:0;justify-content:space-between;align-items:center;display:flex}.updates-header:hover{background-color:var(--bg-subtle)}.toggle-icon{font-size:var(--font-size-lg);color:var(--text-secondary);transition:transform var(--transition-slow)}.toggle-icon.expanded{transform:rotate(180deg)}.updates-content{transition:grid-template-rows var(--transition-slow), opacity var(--transition-normal);display:grid}.updates-content.collapsed{opacity:0;grid-template-rows:0fr}.updates-content.expanded{opacity:1;padding:var(--spacing-sm) 0 0 0;grid-template-rows:1fr}.updates-content-body{min-height:0;overflow:hidden}.show-more-btn{background:var(--btn-bg-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);cursor:pointer;margin:var(--spacing-md) auto 0 auto;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:0;font-weight:500;display:block}.show-more-btn:hover{transform:translateY(-1px)}.show-more-btn:active{transform:translateY(0)}.cookie-category{background:var(--bg-elevated);border-left:4px solid var(--accent-green);border-radius:0;margin-bottom:1.5rem;padding:1rem}.cookie-category input[type=checkbox]{margin:0}.universal-cookie-banner{background:var(--overlay-dark);color:var(--text-primary);z-index:var(--z-max);border-top:3px solid var(--accent-brand);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.universal-cookie-banner.minimized{padding:.5rem}.cookie-banner-content{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.cookie-icon{flex-shrink:0;font-size:2rem}.cookie-text{flex:1;min-width:300px}.cookie-text h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem}.cookie-text p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.cookie-actions{flex-wrap:wrap;gap:.5rem;display:flex}.cookie-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:0;padding:.7rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .3s,transform .3s,color .3s}.cookie-btn.primary{background:var(--accent-brand);color:var(--text-on-brand)}.cookie-btn.primary:hover{background:var(--accent-brand-hover);transform:translateY(-1px)}.cookie-btn.secondary{color:var(--text-primary);background:#ffffff1a;border:1px solid #ffffff4d}.cookie-btn.secondary:hover{background:#fff3}.cookie-btn.link{color:var(--accent-brand);background:0 0;padding:.7rem .5rem;text-decoration:underline}.cookie-btn.link:hover{color:var(--accent-brand-hover)}.cookie-modal{background:var(--overlay-medium);width:100%;height:100%;z-index:calc(var(--z-max) + 1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cookie-modal.hidden{display:none}.cookie-modal-content{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--text-primary);margin:0}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.5rem;display:flex}.modal-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.modal-body{padding:1.5rem}.cookie-category{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:1.5rem}.cookie-category:last-of-type{border-bottom:none}.cookie-category h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.cookie-category p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem;line-height:1.4}.cookie-toggle{cursor:pointer;align-items:center;gap:.8rem;display:flex}.cookie-toggle input[type=checkbox]{display:none}.toggle-slider{background:var(--text-dim);border-radius:0;width:50px;height:24px;transition:background .3s;position:relative}.toggle-slider:before{content:"";border-radius:var(--radius-circle);background:var(--bg-void);width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.cookie-toggle input:checked+.toggle-slider{background:var(--accent-brand)}.cookie-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.cookie-toggle input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.privacy-links{border-top:1px solid var(--border-primary);flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.privacy-links a{color:var(--accent-brand);font-size:.9rem;text-decoration:none}.privacy-links a:hover{text-decoration:underline}.modal-footer{border-top:1px solid var(--border-primary);flex-wrap:wrap;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@media (width<=768px){.universal-cookie-banner,.universal-cookie-banner.minimized{padding:.6rem 1rem}.cookie-banner-content{flex-direction:column;align-items:stretch;gap:.5rem}.cookie-icon{display:none}.cookie-text{min-width:auto}.cookie-text h3{margin-bottom:.2rem;font-size:.95rem}.cookie-text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.cookie-actions{flex-shrink:0;justify-content:center;gap:.4rem}.cookie-btn{white-space:normal;flex:1;min-width:auto;padding:.5rem .4rem;font-size:.8rem}.cookie-btn.link{padding:.5rem .3rem}.cookie-modal-content{width:95%;margin:1rem}.modal-footer{flex-direction:column}.modal-footer .cookie-btn{width:100%}}.cookie-btn:focus,.modal-close:focus{outline:2px solid var(--accent-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cookie-btn,.toggle-slider,.toggle-slider:before{transition:none}}.glossary-term{color:inherit;text-underline-offset:2px;cursor:help;border-radius:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block;position:relative}.glossary-term:hover .glossary-term__tip,.glossary-term:focus .glossary-term__tip,.glossary-term:focus-within .glossary-term__tip{opacity:1;display:block;transform:translate(-50%,-4px)}.glossary-term__tip{z-index:var(--z-raised);background:var(--bg-elevated);width:max-content;max-width:20rem;color:var(--text-secondary);border:1px solid var(--border-subtle);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), display var(--duration-fast) allow-discrete;border-radius:0;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:400;line-height:1.5;text-decoration:none;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@starting-style{.glossary-term:hover .glossary-term__tip,.glossary-term:focus .glossary-term__tip,.glossary-term:focus-within .glossary-term__tip{opacity:0;transform:translate(-50%)}}.ruby-toggle{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:0;align-items:center;margin-top:.5rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.ruby-toggle[hidden]{display:none}.ruby-toggle:hover,.ruby-toggle:focus-visible{color:var(--text-primary)}.article-content.ruby-hidden rt{display:none}.toast-region{z-index:var(--z-toast);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:20px;right:20px}@media (width<=767px){.toast-region{left:10px;right:10px}}.toast{align-items:flex-start;gap:var(--spacing-sm);max-width:320px;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary);border-left:4px solid var(--text-secondary);font-size:var(--font-size-sm);pointer-events:auto;animation:toastIn var(--duration-slow) var(--ease-out);border-radius:0;display:flex}@media (width<=767px){.toast{max-width:none}}.toast--leaving{animation:toastOut var(--duration-slow) var(--ease-in) forwards}.toast__icon{flex-shrink:0;font-weight:700;line-height:1.4}.toast__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.toast__title{color:var(--text-primary);font-weight:700}.toast__message{color:var(--text-secondary);overflow-wrap:anywhere}.toast__close{color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;padding:0 .25rem;line-height:1.4}.toast__close:before{content:"×"}.toast__close:hover,.toast__close:focus-visible{color:var(--text-primary)}.toast--success{border-left-color:var(--accent-green)}.toast--success .toast__icon{color:var(--accent-green)}.toast--success .toast__icon:before{content:"✓"}.toast--error{border-left-color:var(--accent-red)}.toast--error .toast__icon{color:var(--accent-red)}.toast--error .toast__icon:before{content:"×"}.toast--warning{border-left-color:var(--accent-amber)}.toast--warning .toast__icon{color:var(--accent-amber)}.toast--warning .toast__icon:before{content:"!"}.toast--info{border-left-color:var(--accent-info)}.toast--info .toast__icon{color:var(--accent-info)}.toast--info .toast__icon:before{content:"i"}.toast-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}.terminal-area{background:var(--terminal-bg);box-shadow:var(--shadow-terminal);border:1px solid var(--terminal-border);box-shadow:var(--shadow-surface);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.terminal-area:focus-within{border-color:var(--terminal-prompt)}.terminal-header{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-header-border);border-radius:0;justify-content:space-between;align-items:center;min-height:50px;padding:.5rem 1rem;display:flex}.terminal-controls{align-items:center;gap:.5rem;display:flex}.terminal-dot,.terminal-control-btn{border-radius:50%;width:12px;height:12px}.terminal-control-btn{cursor:pointer;transition:transform var(--transition-fast);border:none}.terminal-control-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.terminal-control-btn.close{background:var(--accent-red)}.terminal-control-btn.minimize{background:var(--accent-amber)}.terminal-control-btn.maximize{background:var(--accent-green)}.terminal-dot{display:inline-block;box-shadow:inset 0 1px 2px #0000004d}.terminal-dot.red{background:var(--terminal-dot-red)}.terminal-dot.yellow{background:var(--terminal-dot-yellow)}.terminal-dot.green{background:var(--terminal-dot-green)}.terminal-title{color:var(--terminal-text-white);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500}.terminal-actions{align-items:center;gap:.5rem;display:flex}.terminal-clear{background:var(--terminal-btn-bg);color:var(--terminal-btn-text);border:1px solid var(--terminal-border);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:0;padding:.25rem .5rem;font-size:.75rem}.terminal-clear:hover{background:var(--terminal-btn-bg-hover);color:var(--terminal-btn-text-hover);transform:translateY(-1px)}.terminal-wrapper{width:100%;max-width:100%;box-shadow:var(--shadow-terminal);margin:0 auto}.terminal{background:var(--terminal-bg-solid);height:360px;color:var(--terminal-text-white);cursor:text;border-radius:0;flex:none;padding:1rem;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.4;overflow-y:auto}.terminal-output{color:var(--terminal-output);white-space:pre-wrap;word-wrap:break-word;cursor:text;margin-bottom:.5rem}.output-line{color:var(--terminal-output);margin:.25rem 0}.output-error{color:var(--terminal-error)}.output-success{color:var(--terminal-success)}.output-warning{color:var(--terminal-warning)}.output-info{color:var(--terminal-info)}.output-primary{color:var(--terminal-prompt)}.output-muted{color:var(--terminal-btn-text)}.terminal-input-line{align-items:center;margin-top:.5rem;display:flex}.terminal-prompt,.prompt{color:var(--terminal-prompt);white-space:nowrap;margin-right:.5rem;font-weight:600}.terminal-input{color:var(--terminal-text-white);font-family:inherit;font-size:inherit;caret-color:var(--terminal-prompt);background:0 0;border:none;flex:1}.terminal-input:focus-visible{outline-offset:2px;outline:2px solid #0000}.terminal-cursor{background:var(--terminal-prompt);width:.5rem;height:1.2rem;margin-left:2px;animation:1s infinite cursor-blink;display:inline-block}.terminal-mockup{background:var(--terminal-bg-solid);color:var(--terminal-text-green);text-align:left;border-radius:0;max-width:500px;margin:2rem auto;padding:1rem;font-family:Courier New,monospace}.terminal-mockup .prompt{color:var(--terminal-text-green)}.terminal-mockup .command{color:var(--terminal-text-white)}.terminal-line{margin:.5rem 0}.error-output{color:var(--terminal-error)}.container{background:var(--bg-surface);max-width:1200px;min-height:100vh;margin:0 auto}@media (width>=769px) and (width<=1199px){.container{padding:0 2rem}}@media (width>=1200px){.container{padding:0 1rem}}@media (width<=768px){.container{background:var(--btn-bg-primary);flex-direction:column;max-width:none;min-height:100vh;margin:0;padding:0;display:flex}}.hero-title{text-shadow:0 2px 4px #0003;margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.hero-description{opacity:.95;max-width:300px;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.hero-features{flex-direction:column;gap:.75rem;width:100%;max-width:250px;margin-bottom:2rem;display:flex}.feature-item{justify-content:flex-start;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.get-started-btn{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(10px);border-radius:0;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.get-started-btn:active{background:var(--bg-subtle);border-color:var(--border-primary);transform:scale(.98)}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.secondary-action-btn{color:var(--text-primary);border:2px solid var(--border-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.secondary-action-btn:hover,.secondary-action-btn:active{background:var(--bg-elevated);border-color:var(--accent-amber);color:var(--text-primary);transform:scale(.98)}.terminal-preview{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);border-radius:0;margin-top:2rem;padding:1.5rem}.preview-text{text-align:center;margin-bottom:1rem}.preview-text h3{margin-bottom:.5rem;font-size:1.25rem}.preview-text p{opacity:.9;font-size:.9rem;line-height:1.4}.preview-image{justify-content:center;display:flex}.terminal-demo-image{border-radius:0;width:100%;max-width:300px;height:auto;box-shadow:0 10px 20px #0003}.tip-item{background:var(--bg-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;border-radius:0;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:240px;padding:.5rem .75rem;font-size:.9rem;display:flex}.levelup-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.levelup-overlay.is-visible{opacity:1}.levelup-modal{background:var(--bg-elevated);width:100%;max-width:350px;max-height:90vh;animation:mobileCelebrationSlideIn var(--animation-fast) ease-out;border-radius:0;overflow-y:auto;box-shadow:0 25px 50px #0006}@media (width>=768px){.levelup-modal{max-width:480px}}.levelup-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.levelup-image{width:100%;max-width:200px}.levelup-main-image{border-radius:0;width:100%;height:auto;box-shadow:0 10px 20px #00000026}.levelup-text{width:100%}.levelup-title{color:var(--success-color);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.levelup-message{color:var(--text-color);margin-bottom:1rem;font-size:1rem;line-height:1.5}.levelup-btn{background:var(--success-color);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;border-radius:0;align-items:center;gap:.5rem;min-width:120px;margin:.25rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.levelup-btn:active{background:var(--success-hover);transform:scale(.98)}.levelup-details{background:var(--bg-light);border-radius:0;width:100%;margin:.5rem 0;padding:1rem;font-size:.9rem}.levelup-next-challenges{border-top:1px solid var(--border-primary);width:100%;margin-top:.75rem;margin-bottom:.5rem;padding-top:1rem}.levelup-next-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.next-challenge-cta{border:1px solid var(--border-primary);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;min-height:var(--touch-target-min,44px);transition:background var(--transition-fast);box-sizing:border-box;background:0 0;border-radius:0;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:none;display:block}.next-challenge-cta:hover{background:var(--bg-elevated)}.next-challenge-cta:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.next-challenge-cta:last-child{margin-bottom:0}.celebration-affiliate{border-top:1px solid var(--border-primary);width:100%;padding-top:var(--spacing-md);margin-top:var(--spacing-sm);background:var(--bg-surface);border-radius:0}.celebration-affiliate .affiliate-section{background:0 0;border:none;margin:0;padding:0}.celebration-affiliate .affiliate-section__heading{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm);font-size:.8rem}.lesson-celebration{z-index:calc(var(--z-modal) + 1);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lesson-celebration__confetti-layer{position:absolute;inset:0}.lesson-celebration__confetti{width:8px;height:14px;animation-name:confettiFall;animation-timing-function:var(--ease-out);animation-iteration-count:1;animation-fill-mode:both;position:absolute;top:0}.lesson-celebration__card{align-items:center;gap:var(--spacing-sm);max-width:min(20rem,82vw);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-elevated);border:1px solid var(--accent-green);text-align:center;animation:pop var(--duration-slow) var(--ease-out) both;flex-direction:column;display:flex;box-shadow:0 24px 60px #0000008c}.lesson-celebration__label{letter-spacing:.14em;color:var(--accent-green);margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem}.lesson-celebration__image{width:100%;max-width:11.25rem;height:auto}.lesson-celebration__title{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:700;line-height:1.5}.completion-bar{background:var(--success-color);min-height:52px;color:var(--bg-void);animation:completionBarSlideIn var(--animation-fast) ease-out;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:0 1rem;display:flex}.completion-bar.completion-bar--link-only{min-height:0;padding:.25rem .5rem}.completion-bar__message{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.completion-bar__link,.completion-bar__btn{color:var(--bg-void);white-space:nowrap;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;padding:.35rem .75rem;font-weight:600;display:inline-flex}.completion-bar__link:hover,.completion-bar__btn:hover{opacity:.8}.completion-bar__link{background:0 0;border:1px solid #ffffff80;border-radius:0;font-size:.8rem;text-decoration:none}.completion-bar__btn{cursor:pointer;background:#00000040;border:1px solid #ffffff4d;border-radius:0;font-size:.85rem}@media (width<=480px){.completion-bar{flex-wrap:wrap;padding:.5rem 1rem}.completion-bar__message{white-space:normal;flex-basis:100%}}@keyframes completionBarSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mobileCelebrationSlideIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.modal{width:100%;height:100%;z-index:var(--z-modal);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.stats-mascot{text-align:center;margin:1rem 0;padding:.5rem}.stats-penguin-image{max-width:60px;height:auto;transition:transform var(--transition-fast);border-radius:0;animation:3s ease-in-out infinite mobileStatsFloat;box-shadow:0 3px 10px #00000026}.stats-penguin-image:active{transform:scale(1.1)}@keyframes mobileStatsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.badge-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.terminal-progress{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);height:44px;padding:0 var(--spacing-md);background:var(--bg-void);border-bottom:1px solid var(--border-subtle);display:flex}.terminal-progress__label{letter-spacing:.08em;color:var(--text-muted);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem}.terminal-progress__count{color:var(--accent-brand);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.terminal-progress__track{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:clamp(6.25rem,22vw,13.75rem);height:6px;overflow:hidden}.terminal-progress__fill{background:var(--accent-brand);transform-origin:0;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out);transform:scaleX(0)}.lesson-accordion{background:var(--bg-surface);z-index:var(--z-raised);flex-direction:column;display:flex;position:relative}.tab{align-items:center;gap:var(--spacing-sm);background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);letter-spacing:.06em;text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-left-color var(--transition-fast);border-left:2px solid #0000;padding:.7rem .9rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;font-weight:500;display:flex}.tab:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.tab .tab-label{line-height:1}.tab .tab-progress{color:var(--text-muted);margin-left:auto;font-size:.75rem;line-height:1}.tab:after{content:"+"}@supports (content:"a"/"b"){.tab:after{content:"+" / ""}}.tab:after{text-align:center;width:.75rem;color:var(--text-muted);line-height:1}.tab:hover{color:var(--text-primary);background:var(--bg-subtle)}.tab.active{color:var(--accent-brand);border-left-color:var(--accent-brand);background:var(--bg-subtle);font-weight:700}.tab.active:after{content:"−"}@supports (content:"a"/"b"){.tab.active:after{content:"−" / ""}}.tab.active:after,.tab.active .tab-progress{color:var(--accent-brand)}.challenge-panel{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:calc(var(--z-raised) - 1);position:relative;overflow:hidden}.challenge-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.challenge-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.challenge-content{padding:0 var(--spacing-md) var(--spacing-md);opacity:1}.challenge-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm);white-space:pre-line;font-size:.9rem;line-height:1.65}.challenge-meta{gap:1rem;margin-bottom:1rem;display:flex}.challenge-hint{color:#856404;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:0;padding:.75rem;font-size:.85rem}.hint-container{margin:var(--spacing-xs) 0 0;padding:0}.hint-content .hint-message{color:var(--accent-amber);margin:0;padding:0;font-style:normal;font-weight:500}.terminal-container{background:var(--btn-bg-primary);z-index:calc(var(--z-raised) - 2);flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex;position:relative}.lesson-incorrect-feedback{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--accent-amber);background:rgba(var(--accent-amber-rgb), .05);animation:fadeUp var(--duration-reveal) var(--ease-out) both;flex-shrink:0}.lesson-incorrect-feedback__message{color:var(--accent-amber);font-size:var(--font-size-sm);margin:0;font-weight:600}.lesson-incorrect-feedback__symbol{margin-right:var(--spacing-xs);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lesson-incorrect-feedback__diagnosis{margin:var(--spacing-xs) 0 0;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6}.lesson-incorrect-feedback__goal{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);white-space:pre-line;line-height:1.6}.lesson-incorrect-feedback__hint{margin:var(--spacing-xs) 0 0;color:var(--accent-amber);font-size:var(--font-size-sm);line-height:1.6}.lesson-incorrect-feedback__answer-button{margin-top:var(--spacing-sm)}.lesson-incorrect-feedback__answer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(var(--accent-amber-rgb), .3)}.lesson-incorrect-feedback__answer-steps{padding-left:var(--spacing-lg);gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);flex-direction:column;margin:0;display:flex}.lesson-incorrect-feedback__answer-item{line-height:1.6}.lesson-incorrect-feedback__answer-command{text-align:left;width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--accent-amber);background:var(--bg-void);color:var(--accent-amber);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-sm);cursor:pointer;overflow-wrap:anywhere;transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:0;display:block}.lesson-incorrect-feedback__answer-command:hover{background:var(--accent-amber);color:var(--bg-void)}.terminal-area{flex:1;min-height:0}#mobileTerminal{text-align:left}#mobileTerminalOutput{text-align:left;margin-left:0;padding-left:0;line-height:1.4}#mobileTerminalOutput span{text-align:left;margin-left:0;padding-left:0;display:block}.lesson-list{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;max-height:400px;padding:1rem 0;display:none;overflow-y:auto}.lesson-list.active{display:flex}@media (width>=769px){.lesson-list{max-height:450px}}@media (width<=768px){.lesson-list{max-height:350px}}@media (width>=1200px){.lesson-list{max-height:500px}}@media (width>=769px){.terminal-layout{height:calc(100vh - 167px);min-height:calc(100vh - 167px);max-height:calc(100vh - 167px);display:flex;overflow:hidden}.terminal-layout__sidebar{border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:301px;display:flex;overflow:hidden}.terminal-layout__sidebar .lesson-accordion{flex-direction:column;flex:1;min-height:0;display:flex}.terminal-layout__sidebar .tab{flex-shrink:0}.terminal-layout__sidebar .lesson-list.active{border-bottom:none;flex:1;min-height:0;max-height:none;overflow-y:auto}.terminal-layout__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.terminal-layout__main .challenge-panel{flex-shrink:0;min-height:193px}.terminal-layout__main .terminal-container{flex:0 auto;min-height:0;overflow:hidden}.terminal-layout__main .terminal-area{flex:0 auto}.terminal-layout__main .terminal{flex:0 auto;height:480px;min-height:0}.terminal-layout__main .lesson-incorrect-feedback{max-height:40%;overflow-y:auto}html.terminal-returning-visitor:not(.terminal-challenge-resolved) .challenge-panel.d-none{visibility:hidden;display:block}}.lesson-item{-webkit-user-select:none;user-select:none}.lpic-exam-section{margin:0 0 var(--spacing-md);background:0 0;border:none;border-radius:0}.lpic-exam-section--hidden{display:none}.lpic-exam-header{padding:var(--spacing-xs) var(--spacing-md);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-sm);letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin:0}.lpic-obj-section{padding:var(--spacing-sm) 0 0;margin:0 0 var(--spacing-sm) var(--spacing-md);border-left:1px solid var(--border-subtle)}.lpic-obj-header{margin:0 0 var(--spacing-xs) 0;padding-left:var(--spacing-md);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-xs);color:var(--accent-amber);font-weight:500;line-height:1.5}.lesson-list-obj{gap:var(--spacing-xs);flex-direction:column;display:flex}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.tab,.lesson-item,.challenge-header{-webkit-tap-highlight-color:#4a90e233;touch-action:manipulation}.content-grid{flex-direction:column;gap:1rem;display:flex}.content-card{background:var(--bg-elevated);box-shadow:var(--shadow-surface);transition:transform var(--transition-fast);border-left:4px solid var(--accent-amber);text-align:center;border-radius:0;padding:1.5rem}.content-card:active{transform:scale(.98)}.card-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.content-card h3{color:var(--text-color);margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.content-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.content-card a,.content-card button{background:var(--btn-bg-primary);color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#4a90e233;border:none;border-radius:0;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.content-card a:active,.content-card button:active{transform:scale(.95)}.guide-card{border-left-color:var(--accent-amber)}.practice-card{border-left-color:var(--success-color)}.recommended-card{border-left-color:var(--accent-green)}.mobile-modal-content{background:var(--bg-elevated);text-align:center;width:100%;max-width:400px;transition:transform var(--transition-fast);border-radius:0;padding:2rem 1.5rem;transform:scale(.9);box-shadow:0 8px 32px #0006}.mobile-modal-content h2,.mobile-modal-content h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.mobile-modal-content p{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem;line-height:1.5}.mobile-modal-buttons{flex-direction:column;gap:.75rem;display:flex}.mobile-modal-button{background:var(--btn-bg-primary);color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#fbbf2433;border:none;border-radius:0;padding:1rem;font-size:1rem;font-weight:500}.mobile-modal-button:active{transform:scale(.98)}.mobile-modal-button.secondary{background:var(--bg-elevated);color:var(--accent-amber);border:2px solid var(--accent-amber)}.terminal-mobile-assist{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.terminal-mobile-assist[hidden]{display:none}.terminal-tab-key-btn{background:var(--bg-elevated);min-height:44px;color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:0;align-self:flex-start;padding:.5rem 1rem;font-family:inherit;font-size:.85rem}.terminal-tab-key-btn:active{background:var(--bg-surface)}.terminal-tab-key-btn[hidden]{display:none}.terminal-completion-chips{flex-wrap:wrap;gap:.5rem;display:flex}.terminal-completion-chips[hidden]{display:none}.terminal-completion-chip{background:var(--bg-surface);min-height:44px;color:var(--accent-green);border:1px solid var(--border-primary);cursor:pointer;border-radius:0;padding:.4rem .75rem;font-family:inherit;font-size:.85rem}.terminal-completion-chip:active{background:var(--bg-elevated)}.adsbygoogle{background:var(--bg-surface);min-height:100px;margin:2rem 0}@media (width>=768px){.adsbygoogle{min-height:250px}}.adsbygoogle:empty{box-shadow:inset 0 0 0 1px var(--border-subtle);display:block}.adsbygoogle:not(:empty){box-shadow:none}.manual-ad-unit{background:var(--bg-surface);min-height:100px;margin:2rem 0}@media (width>=768px){.manual-ad-unit{min-height:90px}}.manual-ad-unit:before{content:"広告";color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:.25rem .5rem;font-size:.75rem;display:block}.manual-ad-unit:has(.adsbygoogle:empty){box-shadow:inset 0 0 0 1px var(--border-subtle)}.manual-ad-unit .adsbygoogle{min-height:0;margin:0}html:not([lang=ja]):not([lang=pt]) .manual-ad-unit:before{content:"Advertisements"}html[lang=pt] .manual-ad-unit:before{content:"Publicidade"}.manual-ad-unit--intro-bottom,.manual-ad-unit--after-author{min-height:280px}.manual-ad-unit--sidebar-bottom{min-height:600px}.manual-ad-unit--list-bottom,.manual-ad-unit--mid-content,.manual-ad-unit--terminal-notice,.manual-ad-unit--quiz-result,.manual-ad-unit--quiz-above-affiliate{min-height:280px}.manual-ad-unit--quiz-result{text-align:left}.manual-ad-unit--typing-result{text-align:left;width:100%;min-height:280px;margin-top:4rem}.manual-ad-unit--quiz-above-affiliate{margin-top:4rem}.manual-ad-unit--top-quicknav,.manual-ad-unit--lpic1,.manual-ad-unit--typing,.manual-ad-unit--roadmap,.manual-ad-unit--command-index,.manual-ad-unit--command-index-top,.manual-ad-unit--articles-faq,.manual-ad-unit--devops{min-height:280px;margin:4rem 0}.manual-ad-unit--terminal-sidebar{flex-wrap:wrap;flex-shrink:0;align-content:flex-start;min-height:304px;display:flex}.manual-ad-unit--terminal-sidebar:before{flex:auto;align-items:center;display:flex}.manual-ad-unit--terminal-sidebar .adsbygoogle{flex:1 0 100%;margin-top:1.5rem}@media (width>=769px){.manual-ad-unit--terminal-sidebar{border-top:1px solid var(--border-subtle);margin:0}.manual-ad-unit--terminal-sidebar:has(.adsbygoogle:empty){box-shadow:inset 0 -1px 0 var(--border-subtle)}}.manual-ad-unit__dismiss{min-height:24px;color:var(--accent-brand);border:0;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition-fast);background:0 0;border-radius:0;flex:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;display:inline-flex}.manual-ad-unit__dismiss:hover{color:var(--accent-brand-hover);text-decoration:underline}.manual-ad-unit__dismiss:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@media (width<=767px) and (pointer:coarse){.manual-ad-unit{width:100vw;margin-inline:calc(50% - 50vw)}}.affiliate-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-surface)}.affiliate-section__heading{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-sm);font-weight:600}.affiliate-disclosure,.affiliate-editorial-independence{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.affiliate-disclosure{margin:0 0 var(--spacing-md)}.affiliate-disclosure:has(+.affiliate-editorial-independence){margin-bottom:var(--spacing-xs)}.affiliate-editorial-independence{margin:0 0 var(--spacing-md)}.affiliate-cards{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.affiliate-card{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-primary);border-left:4px solid var(--accent-amber);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:relative}.affiliate-card:hover{transform:translateY(-2px)}.affiliate-card--school{border-left-color:var(--accent-amber)}.affiliate-card--udemy,.affiliate-card--cloud{border-left-color:var(--accent-cloud)}.affiliate-card--book{border-left-color:var(--accent-red)}.affiliate-card--banner{background:0 0;border:none;justify-content:center;align-items:center;gap:0;padding:0}.affiliate-card--banner:hover{transform:none}.affiliate-card--text{padding:var(--spacing-md);text-align:center;justify-content:center;align-items:center}.affiliate-card--text .affiliate-card__pr{align-self:center}.affiliate-card__title{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600;line-height:1.4}.affiliate-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.affiliate-card__badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--bg-void);background:var(--accent-amber);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;font-weight:600;display:inline-block}.affiliate-card__pr{padding:0 var(--spacing-xs);font-size:var(--font-size-xs);color:var(--accent-cloud);border:1px solid var(--accent-cloud);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;font-weight:600;display:inline-block}.affiliate-card__link{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--btn-bg-primary);border:1px solid var(--border-primary);transition:background var(--transition-fast);justify-content:center;align-items:center;margin-top:auto;font-weight:600;text-decoration:none;display:inline-flex}.affiliate-card__link:after{content:"";position:absolute;inset:0}.affiliate-card__link:hover{background:var(--bg-subtle)}.affiliate-card__link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.affiliate-card__banner-link{line-height:0;display:block}.affiliate-card__banner-link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.affiliate-card__banner{max-width:100%;height:auto;display:block}.affiliate-card__text-link{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--accent-amber);font-weight:600;line-height:1.5;text-decoration:underline;display:inline-block}.affiliate-card__text-link:hover{color:var(--text-primary)}.affiliate-card__text-link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.affiliate-card__pixel{pointer-events:none;border:0;width:1px;height:1px;position:absolute;top:0;left:0}.affiliate-app-bottom .affiliate-section{margin-bottom:0}.donation-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-surface)}.donation-section__heading{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm);font-weight:600}.donation-section__description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-sm);line-height:1.7}.donation-section__free-note{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg);line-height:1.6}.donation-buttons{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.donation-buttons{grid-template-columns:repeat(2,1fr)}}.donation-button{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-primary);transition:border-color var(--duration-reveal) var(--ease-standard), background var(--duration-reveal) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.donation-button:hover,.donation-button:focus-visible{background:var(--bg-void);border-color:var(--accent-green)}.donation-button__logo{display:block}.donation-button__label{font-size:var(--font-size-base);font-weight:600}.donation-button__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.footer-donation{margin-top:var(--spacing-sm)}.footer-donation-link{color:var(--accent-brand);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11.5px;text-decoration:none}.footer-donation-link:before{content:"$ support --coffee "}@supports (content:"a"/"b"){.footer-donation-link:before{content:"$ support --coffee " / ""}}.footer-donation-link:before{color:var(--text-dim)}.footer-donation-link:hover,.footer-donation-link:focus-visible{color:var(--accent-brand-hover);text-decoration:underline}.hero-section{background:radial-gradient(ellipse 60% 50% at 70% 20%, rgba(var(--accent-brand-rgb), .06), transparent), var(--bg-void);border-bottom:1px solid var(--border-subtle);padding:clamp(3rem,7vw,5.5rem) 1.25rem}.hero-content{flex-wrap:wrap;align-items:center;gap:3rem;max-width:1160px;margin:0 auto;display:flex}.hero-text{flex:400px;min-width:min(100%,18.75rem)}.hero-badges{flex-wrap:wrap;gap:.5rem;margin:0 0 1.375rem;padding:0;list-style:none;display:flex}.hero-badge{letter-spacing:.06em;color:var(--accent-brand);border:1px solid rgba(var(--accent-brand-rgb), .35);padding:.25rem .625rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.hero-title{letter-spacing:-.01em;color:var(--text-primary);text-shadow:none;margin:0 0 1rem;font-size:clamp(1.875rem,4.6vw,3.125rem);font-weight:900;line-height:1.28}.hero-title-accent{color:var(--accent-brand)}.hero-subtitle{max-width:30rem;color:var(--text-secondary);margin:0 0 1.875rem;font-size:clamp(.9375rem,1.6vw,1.0625rem);line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:.875rem;display:flex}.hero-button{letter-spacing:.03em;border-radius:0;justify-content:center;align-items:center;font-size:.9375rem;text-decoration:none;display:inline-flex}.hero-button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.hero-button-primary{background:var(--accent-brand);color:var(--text-on-brand);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);z-index:var(--z-ground);box-shadow:none;border:none;padding:.9375rem 1.875rem;font-weight:700;position:relative}.hero-button-primary:before,.hero-button-primary:after{content:"";z-index:var(--z-below);pointer-events:none;transition:opacity var(--transition-fast);position:absolute;inset:0}.hero-button-primary:before{box-shadow:none;opacity:1}.hero-button-primary:after{box-shadow:0 10px 28px rgba(var(--accent-brand-rgb), .28);opacity:0}@media (hover:hover){.hero-button-primary:hover:before{opacity:0}.hero-button-primary:hover:after{opacity:1}}.hero-button-primary:focus-visible:before{opacity:0}.hero-button-primary:focus-visible:after,.hero-button-primary:active:before{opacity:1}.hero-button-primary:active:after{opacity:0}@media (hover:hover){.hero-button-primary:hover{transform:translateY(-2px)}}.hero-button-primary:focus-visible{transform:translateY(-2px)}.hero-button-primary:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.hero-button-primary:hover,.hero-button-primary:focus-visible,.hero-button-primary:active{transform:none}}@media (hover:hover){.hero-button-primary:hover{background:var(--accent-brand-hover)}}.hero-button-primary:focus-visible{background:var(--accent-brand-hover)}.hero-button-primary>span:before{content:"▸ "}@supports (content:"a"/"b"){.hero-button-primary>span:before{content:"▸ " / ""}}.hero-button-secondary{color:var(--text-primary);border:1px solid var(--border-primary);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:.9375rem 1.625rem;font-weight:500}@media (hover:hover){.hero-button-secondary:hover{border-color:var(--accent-brand);color:var(--accent-brand)}}.hero-button-secondary:focus-visible{border-color:var(--accent-brand);color:var(--accent-brand)}.hero-stats{flex-wrap:wrap;gap:2.25rem;margin-top:2.5rem;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-value{color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.625rem;font-weight:700}.hero-stat-label{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.hero-visual{flex:380px;min-width:min(100%,18.75rem);margin-bottom:2rem;position:relative}.hero-terminal{background:var(--terminal-bg);border:1px solid var(--border-primary);box-shadow:0 24px 60px #0009}.hero-terminal-bar{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-header-border);align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.hero-terminal-tab{color:var(--text-secondary);margin-left:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.hero-terminal-body{height:308px;padding:1.125rem 1.125rem 1.375rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.84rem;line-height:2;overflow:hidden}.hero-terminal-prompt{color:var(--terminal-prompt)}.hero-terminal-path{color:var(--text-dim)}.hero-terminal-command{color:var(--text-primary)}.hero-terminal-out{color:var(--terminal-text-white)}.hero-terminal-out-dir{color:var(--accent-cloud)}.hero-terminal-out-ok{color:var(--accent-green)}.hero-terminal-cursor{color:var(--accent-brand);animation:1.1s step-end infinite cursor-blink}.hero-mascot{filter:drop-shadow(0 10px 24px #0009);pointer-events:none;width:auto;position:absolute}.hero-mascot-penguin{height:5rem;bottom:-2.5rem;left:-.875rem;transform:scaleX(-1)}.hero-mascot-girl{height:11.25rem;bottom:-2rem;right:-1.375rem;transform:scaleX(-1)}.learning-paths-section{max-width:1160px;margin:0 auto;padding:clamp(3.25rem,6vw,4.75rem) 1.25rem}.learning-paths-section h2{color:var(--text-primary);margin:.5rem 0 1.875rem;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:900}.learning-paths-grid{grid-template-columns:repeat(auto-fit,minmax(min(16.25rem,100%),1fr));gap:1.125rem;display:grid}.learning-path-card{background:var(--bg-elevated);border:1px solid var(--border-primary);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);flex-direction:column;padding:1.75rem 1.625rem;text-decoration:none;display:flex}@media (hover:hover){.learning-path-card:hover{transform:translateY(-4px)}}.learning-path-card:focus-visible{transform:translateY(-4px)}.learning-path-card:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.learning-path-card:hover,.learning-path-card:focus-visible,.learning-path-card:active{transform:none}}@media (hover:hover){.learning-path-card:hover{border-color:rgba(var(--accent-brand-rgb), .55);box-shadow:0 16px 40px #00000073}}.learning-path-card:focus-visible{border-color:rgba(var(--accent-brand-rgb), .55);outline:2px solid var(--accent-amber);outline-offset:2px;box-shadow:0 16px 40px #00000073}.learning-path-card h3{color:var(--text-primary);margin:0 0 .625rem;font-size:1.1875rem;font-weight:700}.learning-path-card p{color:var(--text-secondary);flex:1;margin:0 0 1.25rem;font-size:.84rem;line-height:1.85}.learning-path-meta{justify-content:space-between;align-items:baseline;margin-bottom:.875rem;display:flex}.learning-path-num{color:var(--accent-brand);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.learning-path-tag{letter-spacing:.08em;color:var(--text-muted);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem}.path-card-link{color:var(--accent-brand);transition:transform var(--transition-fast);align-self:flex-start;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;display:inline-block}.path-card-link:after{content:" →"}@supports (content:"a"/"b"){.path-card-link:after{content:" →" / ""}}@media (hover:hover){.learning-path-card:hover .path-card-link{transform:translate(4px)}}.learning-path-card:focus-visible .path-card-link{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.learning-path-card:hover .path-card-link,.learning-path-card:focus-visible .path-card-link{transform:none}}.quick-nav-section{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:clamp(3.25rem,6vw,4.75rem) 1.25rem}.quick-nav-section>*{max-width:1160px;margin-inline:auto}.quick-nav-section h2{color:var(--text-primary);margin:.5rem auto 1.875rem;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:900}.quick-nav-grid{grid-template-columns:repeat(auto-fit,minmax(min(11.875rem,100%),1fr));gap:.875rem;display:grid}.quick-nav-item{background:var(--bg-elevated);border:1px solid var(--border-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:.375rem;padding:1.25rem 1.125rem;text-decoration:none;display:flex}@media (hover:hover){.quick-nav-item:hover{background:var(--bg-subtle);border-color:var(--accent-brand)}}.quick-nav-item:focus-visible{background:var(--bg-subtle);border-color:var(--accent-brand);outline:2px solid var(--accent-amber);outline-offset:2px}.quick-nav-label{color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:700}.quick-nav-desc{color:var(--text-muted);font-size:.75rem}.quick-nav-section .last-updated{color:var(--text-dim);margin-top:1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.popular-articles-section{max-width:1160px;margin:0 auto;padding:clamp(3.25rem,6vw,4.75rem) 1.25rem}.popular-articles-section h2{color:var(--text-primary);margin:.5rem 0 1.875rem;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:900}.popular-articles-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);counter-reset:popular-article;grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));gap:1px;display:grid}.popular-article-item{background:var(--bg-void);transition:background-color var(--transition-fast);grid-template-columns:auto 1fr;align-items:baseline;column-gap:.875rem;padding:1.125rem 1.25rem;text-decoration:none;display:grid}.popular-article-item:before{counter-increment:popular-article;content:counter(popular-article, decimal-leading-zero)/"";color:var(--text-dim);grid-row:1/span 2;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}@media (hover:hover){.popular-article-item:hover{background:var(--bg-elevated)}}.popular-article-item:focus-visible{background:var(--bg-elevated);outline:2px solid var(--accent-amber);outline-offset:2px}.popular-article-title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.6}.popular-article-desc{color:var(--text-muted);grid-column:2;margin-top:.25rem;font-size:.75rem}.faq-excerpt-section{max-width:56rem;margin:0 auto;padding:clamp(3.25rem,6vw,4.75rem) 1.25rem}.faq-excerpt-section h2{color:var(--text-primary);margin:.5rem 0 1.875rem;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:900}.faq-excerpt-list{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.faq-excerpt-item{border-bottom:1px solid var(--border-subtle)}.faq-excerpt-question{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.faq-excerpt-toggle{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}@media (hover:hover){.faq-excerpt-toggle:hover{color:var(--accent-brand)}}.faq-excerpt-toggle:focus-visible{color:var(--accent-brand);outline:2px solid var(--accent-amber);outline-offset:2px}.faq-excerpt-toggle:after{content:"+"}@supports (content:"a"/"b"){.faq-excerpt-toggle:after{content:"+" / ""}}.faq-excerpt-toggle:after{color:var(--accent-brand);flex-shrink:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem}.faq-excerpt-toggle[aria-expanded=true]:after{content:"−"}@supports (content:"a"/"b"){.faq-excerpt-toggle[aria-expanded=true]:after{content:"−" / ""}}.faq-excerpt-answer{color:var(--text-secondary);animation:fadeUp var(--duration-reveal) var(--ease-out) both;margin:0;padding-bottom:1.25rem;line-height:1.8}.faq-excerpt-answer[hidden]{display:none}.faq-cta{margin-top:1.875rem}.faq-more-link{color:var(--accent-brand);border:1px solid rgba(var(--accent-brand-rgb), .45);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:.625rem 1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;text-decoration:none;display:inline-block}@media (hover:hover){.faq-more-link:hover{background:var(--accent-brand);border-color:var(--accent-brand);color:var(--text-on-brand)}}.faq-more-link:focus-visible{background:var(--accent-brand);border-color:var(--accent-brand);color:var(--text-on-brand);outline:2px solid var(--accent-amber);outline-offset:2px}@media (width<=767px){.hero-content{gap:2.25rem}.hero-terminal-body{font-size:.75rem;line-height:1.85}.hero-stats{gap:1.5rem}.hero-mascot-penguin{height:5rem}.hero-mascot-girl{height:8.5rem}}@media (width<=768px){.hero-mascot-girl{right:-1rem}}.terminal-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}.lesson-filter-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.lesson-filter-grid .filter-btn{white-space:nowrap;text-align:center;padding:.6rem .75rem;font-size:.85rem;font-weight:500}.lesson-list-scrollable{flex:1;max-height:calc(100vh - 400px);overflow-y:auto}.lesson-list-section{flex-direction:column;flex:1;min-height:0;display:flex}.lesson-item,.lesson-card{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-left-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);color:var(--text-secondary);background:0 0;border:none;border-left:2px solid #0000;border-radius:0;flex-direction:column;align-items:flex-start;gap:.15rem;margin:0;padding:.6rem 1.75rem .6rem .9rem;font-size:.9rem;display:flex;position:relative}.lesson-item:hover,.lesson-card:hover,.lesson-item:focus-visible,.lesson-card:focus-visible{background:var(--bg-subtle);color:var(--text-primary)}.lesson-item.active,.lesson-card.active,.lesson-item.selected,.lesson-card.selected{background:var(--bg-subtle);color:var(--text-primary);border-left-color:var(--accent-brand)}.lesson-item:focus-visible,.lesson-card:focus-visible{outline:2px solid var(--accent-amber);outline-offset:-2px}.lesson-item.completed,.lesson-card.completed{border-left-color:var(--accent-green)}.lesson-item:after,.lesson-card:after{content:"○"}@supports (content:"a"/"b"){.lesson-item:after,.lesson-card:after{content:"○" / ""}}.lesson-item:after,.lesson-card:after{color:var(--text-muted);z-index:var(--z-raised);font-size:.875rem;line-height:1;position:absolute;top:10px;right:10px}.lesson-item.active:after,.lesson-card.active:after,.lesson-item.selected:after,.lesson-card.selected:after{content:"▸"}@supports (content:"a"/"b"){.lesson-item.active:after,.lesson-card.active:after,.lesson-item.selected:after,.lesson-card.selected:after{content:"▸" / ""}}.lesson-item.active:after,.lesson-card.active:after,.lesson-item.selected:after,.lesson-card.selected:after{color:var(--accent-amber)}.lesson-item.completed:after,.lesson-card.completed:after{content:"✓";color:var(--accent-green)}.lesson-content{flex-direction:column;gap:.5rem;width:100%;display:flex}.lesson-title{color:inherit;margin-bottom:0;font-size:.875rem;font-weight:500;line-height:1.4}.lesson-description{color:var(--text-muted);margin:.25rem 0;font-size:.85rem;line-height:1.4}.lesson-item.active .lesson-title,.lesson-card.active .lesson-title{font-weight:700}.lesson-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;font-size:.75rem;display:flex}.lesson-status-icon{transition:transform var(--transition-fast);flex-shrink:0;font-size:1.25rem}.lesson-item:hover .lesson-status-icon,.lesson-card:hover .lesson-status-icon{transform:scale(1.1)}.lesson-difficulty{color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;background:0 0;border-style:solid;border-color:#0000;border-radius:0;padding:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem;font-weight:500}.lesson-difficulty.beginner{color:var(--accent-green);border-width:1px;border-color:var(--accent-green);background:#22c55e1a}.lesson-difficulty.intermediate{color:var(--accent-amber);border-width:2px;border-color:var(--accent-amber);background:#fbbf241a}.lesson-difficulty.application,.lesson-difficulty.advanced{color:var(--accent-red);border-width:3px;border-color:var(--accent-red);background:#ef44441a}.lesson-item.active .lesson-difficulty,.lesson-card.active .lesson-difficulty{background:var(--bg-subtle);color:var(--text-primary)}@media (width<=768px){.lesson-filter-grid{grid-template-columns:1fr 1fr;gap:.4rem}.lesson-filter-grid .filter-btn{min-height:var(--touch-target-min);padding:.5rem .6rem;font-size:.8rem}.hint-button{min-height:var(--touch-target-min)}.command-item,.reference-item{min-height:var(--touch-target-min);align-items:center;display:inline-flex}}.challenge-area{background:var(--light-color);gap:1.5rem;min-height:200px;padding:1.5rem;display:flex}.challenge-card{background:var(--bg-elevated);box-shadow:var(--shadow-surface);border:2px solid var(--border-subtle);transition:border-color var(--transition-fast);border-radius:0;flex:1;padding:2rem;position:relative;overflow:hidden}.challenge-card:before{content:"";background:var(--accent-green);opacity:0;height:4px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.challenge-card.active:before{opacity:1}.challenge-card.active{border-color:var(--accent-amber);box-shadow:var(--shadow-surface)}.challenge-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.challenge-title-group h2{color:var(--text-color);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.challenge-meta{align-items:center;gap:1rem;display:flex}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);color:var(--text-primary);border-style:var(--border-style-default);border-color:var(--text-secondary);border-radius:0;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.difficulty-badge.beginner{border-width:1px}.difficulty-badge.intermediate{border-width:2px}.difficulty-badge.application,.difficulty-badge.advanced{border-width:3px}.challenge-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.challenge-description{color:var(--text-secondary);white-space:pre-line;background:0 0;border-left:none;border-radius:0;padding:0;font-size:.9rem;line-height:1.65}.command-reference,.quick-reference{background:#4a90e20d;border:1px solid #4a90e21a;border-radius:0;padding:1.5rem}.command-reference h4,.quick-reference h4{color:var(--accent-amber);margin-bottom:1rem;font-size:1rem}.command-list,.reference-grid{flex-wrap:wrap;gap:.75rem;display:flex}.command-item,.reference-item{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);cursor:pointer;border-radius:0;padding:.5rem 1rem;font-family:Courier New,monospace;font-size:.9rem}.command-item:hover,.reference-item:hover{background:var(--btn-bg-primary);color:var(--text-primary);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.command-item:focus-visible,.reference-item:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.hint-container{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.hint-button{color:var(--accent-amber);border:1px solid var(--accent-amber);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:#4a90e233;touch-action:manipulation;background:0 0;border-radius:0;align-items:center;gap:.5rem;width:auto;padding:.5rem .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.hint-button:active{background:var(--bg-subtle);border-color:var(--border-subtle);transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.hint-button:hover{background:var(--accent-amber);color:var(--bg-void);border-color:var(--accent-amber);transform:translateY(-1px);box-shadow:0 2px 8px #fbbf244d}.hint-button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.hint-content{background:rgba(var(--accent-amber-rgb), .05);border:1px solid var(--accent-amber);color:var(--accent-amber);animation:fadeUp var(--duration-reveal) var(--ease-out) both;border-radius:0;margin-top:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.6}.learning-progress-panel{background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:0;width:280px;padding:1.5rem;box-shadow:0 4px 15px #0000004d}.learning-progress-panel h4{color:var(--accent-amber);margin-bottom:1rem;font-size:1rem;font-weight:600}.progress-stats{flex-direction:column;gap:1rem;display:flex}.stat-item{border:1px solid var(--border-color);background:#f8f9fab3;border-radius:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.stat-value{color:var(--accent-amber);font-size:.9rem;font-weight:600}.tip-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tip-icon{min-width:1.5rem;font-size:1.2rem}html:not(.terminal-returning-visitor):not(.terminal-visit-resolved) .onboarding-guide.d-none{display:block}.onboarding-guide{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:3px solid var(--accent-amber);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:0}.onboarding-header{margin-bottom:var(--spacing-sm)}.onboarding-title{color:var(--accent-amber);font-size:var(--font-size-base);margin:0}.onboarding-content{color:var(--text-primary)}.onboarding-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);line-height:1.6}.onboarding-steps{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(min(13.75rem,100%),1fr));display:grid}.onboarding-step{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:0;display:flex}.step-number{background:var(--accent-amber);width:24px;min-width:24px;height:24px;color:var(--bg-void);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;font-size:var(--font-size-sm);border-radius:0;justify-content:center;align-items:center;display:flex}.step-info{flex-direction:column;gap:2px;display:flex}.step-label{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.step-text{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5}.onboarding-recommendation{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-style:italic}.onboarding-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.onboarding-start-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-amber);color:var(--bg-void);font-weight:600;font-size:var(--font-size-base);cursor:pointer;min-height:var(--touch-target-min);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;border-radius:0;display:inline-flex}.onboarding-start-btn:hover{opacity:.9;transform:translateY(-1px)}.onboarding-start-btn:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.onboarding-skip-link{padding:var(--spacing-sm) 0;color:var(--accent-amber);font-size:var(--font-size-sm);text-underline-offset:2px;cursor:pointer;min-height:var(--touch-target-min);transition:color var(--transition-fast);background:0 0;border:none;border-radius:0;align-items:center;text-decoration:underline;display:inline-flex}.onboarding-skip-link:hover{color:var(--text-primary)}.onboarding-skip-link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.btn-icon{font-size:1.2em}@media (width<=480px){.onboarding-actions{flex-direction:column}.onboarding-start-btn,.onboarding-skip-link{justify-content:center;width:100%}.onboarding-guide{padding:var(--spacing-md)}}.dashboard-container{background:var(--bg-void);min-height:100vh;position:relative}.dashboard-main{max-width:1200px;margin:2rem auto 0;padding:2rem 1rem}.breadcrumb{max-width:1200px;color:var(--text-muted);margin:1rem auto 0;padding:1rem 1rem 0;font-size:.9rem}@media (width>=768px){.dashboard-container .main-nav{display:flex}.dashboard-container .hamburger-menu,.dashboard-container .mobile-menu,.dashboard-container .mobile-menu-overlay{display:none}}.dashboard-heading{margin-bottom:1.5rem}.dashboard-heading h1{color:var(--text-primary);margin:.5rem 0 .375rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:900}.dashboard-subtitle{color:var(--text-secondary);margin:0 0 .875rem;font-size:.875rem}.dashboard-heading .progress-save-notice{color:var(--text-dim);justify-content:flex-start;max-width:none;margin:0;padding:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.dashboard-heading .progress-save-notice:before{content:"▣ "}@supports (content:"a"/"b"){.dashboard-heading .progress-save-notice:before{content:"▣ " / ""}}.learning-summary{margin-bottom:2rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(min(11.25rem,100%),1fr));gap:.875rem;display:grid}.summary-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);padding:1.375rem 1.25rem}@media (hover:hover){.summary-card:hover{transform:translateY(-3px)}}.summary-card:focus-visible{transform:translateY(-3px)}.summary-card:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.summary-card:hover,.summary-card:focus-visible,.summary-card:active{transform:none}}.summary-card:hover,.summary-card:focus-within{border-color:var(--border-primary)}.summary-value{color:var(--accent-green);margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.875rem;font-weight:700;line-height:1}.summary-card--badges .summary-value{color:var(--accent-amber)}.summary-card--streak .summary-value{color:var(--accent-info)}.summary-card--quiz .summary-value{color:var(--accent-violet)}.summary-unit{color:var(--text-dim);margin-left:.25rem;font-size:.875rem;font-weight:400}.summary-label{color:var(--text-secondary);margin:.5rem 0 0;font-size:.78rem}.overall-progress-section{margin-bottom:2rem}.progress-bar{background:var(--bg-subtle);border-radius:0;width:100%;height:.375rem;overflow:hidden}.progress-bar-fill{background:var(--accent-brand);transform-origin:0;width:100%;height:100%;transition:transform var(--animation-slow) ease;border-radius:0;transform:scaleX(0)}.progress-text{color:var(--text-secondary);margin:.5rem 0 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.dashboard-columns{flex-wrap:wrap;align-items:flex-start;gap:1.375rem;display:flex}.dashboard-column-main{flex:3 26.25rem;min-width:min(100%,18.75rem)}.dashboard-column-side{flex:2 18.75rem;min-width:min(100%,16.25rem)}.dashboard-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);margin-bottom:1.375rem;padding:1.5rem}.panel-title{letter-spacing:.1em;color:var(--text-secondary);margin:0 0 1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:400}.dashboard-cta{background:var(--accent-brand);width:100%;color:var(--text-on-brand);text-align:center;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:0;margin-bottom:1rem;padding:.9375rem;font-size:.875rem;font-weight:700;text-decoration:none;display:block}@media (hover:hover){.dashboard-cta:hover{transform:translateY(-2px)}}.dashboard-cta:focus-visible{transform:translateY(-2px)}.dashboard-cta:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.dashboard-cta:hover,.dashboard-cta:focus-visible,.dashboard-cta:active{transform:none}}.dashboard-cta:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.dashboard-cta:before{content:"▸ "}@supports (content:"a"/"b"){.dashboard-cta:before{content:"▸ " / ""}}.dashboard-cta:hover,.dashboard-cta:focus-visible{background:var(--accent-brand-hover);color:var(--text-on-brand)}.lesson-category-item+.lesson-category-item{margin-top:1rem}.lesson-category-head{justify-content:space-between;gap:.75rem;margin-bottom:.4375rem;font-size:.8125rem;display:flex}.lesson-category-name{color:var(--text-primary);font-weight:700}.lesson-category-count{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.lesson-category-bar{background:var(--bg-subtle);height:.375rem;position:relative;overflow:hidden}.lesson-category-fill{background:var(--accent-green);transform-origin:0;transform:scaleX(var(--category-fill-scale,0));transition:transform var(--animation-fast) ease;position:absolute;inset:0}.activity-item{border-top:1px solid var(--border-subtle);align-items:baseline;gap:.875rem;padding:.5625rem 0;display:flex}.activity-time{color:var(--text-dim);flex-shrink:0;width:5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.activity-dot{background:var(--text-dim);flex-shrink:0;width:.375rem;height:.375rem}.activity-dot.activity-dot--article{background:var(--accent-green)}.activity-dot.activity-dot--quiz{background:var(--accent-violet)}.activity-dot.activity-dot--exam{background:var(--accent-info)}.activity-text{color:var(--text-secondary);font-size:.8125rem}.activity-empty{color:var(--text-secondary);margin:0;font-size:.8125rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:.625rem;max-width:100%;display:grid}.badge-item{background:var(--bg-elevated);text-align:center;aspect-ratio:1/1.2;box-sizing:border-box;border:1px solid var(--border-subtle);width:100%;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}@media (hover:hover){.badge-item:hover{transform:translateY(-3px)}}.badge-item:focus-visible{transform:translateY(-3px)}.badge-item:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.badge-item:hover,.badge-item:focus-visible,.badge-item:active{transform:none}}.badge-item[hidden]{display:none}.badge-item-trigger{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:0;display:flex}.badge-item-trigger:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.badge-item:hover{background:var(--bg-subtle);box-shadow:0 8px 15px #0000004d}.badge-item:has(>.badge-item-trigger:focus-visible){background:var(--bg-subtle);transform:translateY(-3px);box-shadow:0 8px 15px #0000004d}@media (prefers-reduced-motion:reduce){.badge-item:has(>.badge-item-trigger:focus-visible){transform:none}}.badge-icon{margin-bottom:.5rem;font-size:3rem;position:relative}.badge-icon-hexagon{background:var(--bg-subtle);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:80px;height:80px;transition:background-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;margin:0 auto .5rem;font-size:2rem;display:flex;position:relative}.badge-item.earned .badge-icon-hexagon{background:var(--accent-green);color:var(--bg-void);text-shadow:none}.badge-item.locked .badge-icon-hexagon{background:var(--bg-subtle);color:var(--text-dim);filter:grayscale();opacity:.7}.badge-name{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:600;line-height:1.2}.badge-item.locked .badge-name{color:var(--text-muted)}.badge-status{color:var(--text-secondary);font-size:.8rem}.badge-item.earned .badge-status{color:var(--success-color);font-weight:600}.badge-item.locked .badge-status{color:var(--text-muted)}.badge-lock-icon{background:var(--danger-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex;position:absolute;bottom:-5px;right:-5px}.badge-item.earned .badge-lock-icon{background:var(--success-color)}.badge-share-buttons{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.badge-share-btn{background:var(--bg-elevated);border:1px solid var(--border-primary);cursor:pointer;width:32px;height:32px;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);color:var(--text-secondary);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.9rem;display:flex}@media (hover:hover){.badge-share-btn:hover{transform:translateY(-2px)}}.badge-share-btn:focus-visible{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.badge-share-btn:hover,.badge-share-btn:focus-visible,.badge-share-btn:active{transform:none}}.badge-share-btn:hover,.badge-share-btn:focus-visible{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.badge-share-btn:active{transform:scale(1)}@media (prefers-reduced-motion:reduce){.badge-share-btn:hover,.badge-share-btn:focus-visible,.badge-share-btn:active{transform:none}}.badge-share-web:hover,.badge-share-web:focus-visible,.badge-share-twitter:hover,.badge-share-twitter:focus-visible,.badge-share-facebook:hover,.badge-share-facebook:focus-visible{background:var(--accent-amber);color:var(--bg-void);border-color:var(--accent-amber)}.badge-item.locked .badge-share-buttons{display:none}.badge-modal{width:100%;height:100%;z-index:var(--z-modal);justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.badge-modal.active{display:flex}.badge-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.badge-modal-content{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;width:90%;max-width:400px;max-height:80vh;animation:.15s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000080}.badge-modal-close{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.badge-modal-close:hover,.badge-modal-close:focus-visible{color:var(--text-primary)}.badge-modal-close:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.badge-modal-close:active{transform:none}}.badge-modal-header{text-align:center;padding:2rem 2rem 1rem}.badge-modal-icon{margin-bottom:1rem;font-size:4rem}.badge-modal-title{color:var(--text-primary);margin:0;font-size:1.5rem}.badge-modal-body{padding:0 2rem 2rem}.badge-modal-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.badge-modal-condition{background:var(--bg-subtle);border-left:4px solid var(--accent-amber);color:var(--text-secondary);border-radius:0;margin-bottom:1rem;padding:1rem}.badge-modal-status{text-align:center;border-radius:0;padding:.75rem;font-weight:600}.badge-modal-status.earned{background:rgba(var(--accent-green-rgb), .15);color:var(--accent-green);border:1px solid var(--accent-green)}.badge-modal-status.locked{background:rgba(var(--accent-red-rgb), .15);color:var(--accent-red);border:1px solid var(--accent-red)}.share-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.share-button{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;text-align:center;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border-radius:0;flex:auto;padding:.5625rem 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}@media (hover:hover){.share-button:hover{transform:translateY(0)}}.share-button:focus-visible,.share-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.share-button:hover,.share-button:focus-visible,.share-button:active{transform:none}}.share-button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.share-button:hover,.share-button:focus-visible{border-color:var(--accent-brand);color:var(--accent-brand)}.share-description{color:var(--text-secondary);margin:0 0 .875rem;font-size:.75rem;line-height:1.7}@media (width<=768px){.dashboard-main{padding:1rem .5rem}.dashboard-panel{margin-bottom:1.5rem;padding:1.5rem}.summary-cards{grid-template-columns:1fr}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:1rem}.badge-item{min-height:140px}.badge-share-btn{width:28px;height:28px;font-size:.8rem}.badge-icon-hexagon{width:60px;height:60px;font-size:1.5rem}.share-buttons{flex-direction:column;align-items:center}.share-button{width:200px}.continue-actions{flex-direction:column;align-items:center}.continue-button{width:250px}}@media (width<=480px){.breadcrumb{padding:.5rem}.dashboard-main{padding:1rem .25rem}.summary-header h1{font-size:1.8rem}.badge-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.badge-item{min-height:120px;padding:.8rem}.badge-share-btn{width:24px;height:24px;font-size:.7rem}.badge-share-buttons{gap:.3rem}.badge-modal-content{width:95%}}.data-management[hidden]{display:none}.data-management{border:1px solid var(--border-subtle);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.125rem 1.375rem;display:flex}.data-management-title{color:var(--text-primary);margin:0 0 .1875rem;font-size:.8125rem;font-weight:700}.data-management-description{color:var(--text-secondary);line-height:1.7}.data-management-description p{margin:0;font-size:.75rem}.reset-progress-button{color:var(--accent-red);border:1px solid rgba(var(--accent-red-rgb), .5);cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background:0 0;border-radius:0;flex-shrink:0;padding:.5625rem 1.125rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}@media (hover:hover){.reset-progress-button:hover{transform:translateY(0)}}.reset-progress-button:focus-visible,.reset-progress-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reset-progress-button:hover,.reset-progress-button:focus-visible,.reset-progress-button:active{transform:none}}.reset-progress-button:before{content:"↺ "}@supports (content:"a"/"b"){.reset-progress-button:before{content:"↺ " / ""}}.reset-progress-button:hover,.reset-progress-button:focus-visible{background:rgba(var(--accent-red-rgb), .1);border-color:var(--accent-red)}.reset-progress-button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.quiz-progress h2{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:400}.quiz-progress-content{flex-direction:column;gap:2rem;display:flex}.quiz-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.quiz-stat-card{background:var(--btn-bg-primary);color:#fff;transition:transform var(--transition-fast);border-radius:0;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 15px #0000004d}.quiz-stat-card:hover{transform:translateY(-3px)}.quiz-stat-card .stat-icon{opacity:.9;font-size:2rem}.quiz-stat-card .stat-content{flex:1}.quiz-stat-card .stat-value{text-shadow:0 1px 3px #0000004d;color:#fff;margin-bottom:.3rem;font-size:1.8rem;font-weight:800}.quiz-stat-card .stat-label{opacity:.95;text-shadow:0 1px 2px #0003;color:#fff;font-size:.9rem;font-weight:500}.level-stats-section{background:var(--bg-elevated);border-radius:0;padding:1.5rem}.level-stats-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.level-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem;display:grid}.level-stat-card{background:var(--bg-subtle);border-left:4px solid var(--border-primary);transition:background-color var(--transition-fast), border-left-color var(--transition-fast);border-radius:0;padding:1.2rem}.level-stat-card.attempted{border-left:4px solid var(--accent-green);background:var(--bg-elevated)}.level-stat-card.not-attempted{border-left:4px solid var(--border-subtle);background:var(--bg-surface)}.level-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.level-header{margin-bottom:1rem}.level-name{margin-bottom:.3rem;font-size:1.1rem;font-weight:600}.level-description{color:var(--text-secondary);font-size:.85rem}.level-stats{flex-direction:column;gap:.5rem;display:flex}.level-score,.level-average,.level-attempts{justify-content:space-between;align-items:center;display:flex}.score-label{color:var(--text-secondary);font-size:.9rem}.score-value{font-size:1rem;font-weight:600}.level-not-attempted{text-align:center;padding:1rem 0}.not-attempted-text{color:var(--text-muted);margin-bottom:.8rem;font-size:.9rem;display:block}.challenge-button,.start-quiz-button{background:var(--secondary-color);color:var(--bg-void);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:0;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}@media (hover:hover){.challenge-button:hover,.start-quiz-button:hover{transform:translateY(-1px)}}.challenge-button:focus-visible,.start-quiz-button:focus-visible{transform:translateY(-1px)}.challenge-button:active,.start-quiz-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.challenge-button:hover,.challenge-button:focus-visible,.challenge-button:active,.start-quiz-button:hover,.start-quiz-button:focus-visible,.start-quiz-button:active{transform:none}}.challenge-button,.start-quiz-button{transition:filter var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.challenge-button:hover,.challenge-button:focus-visible,.start-quiz-button:hover,.start-quiz-button:focus-visible{filter:brightness(1.1)}.recent-results-section{background:var(--bg-elevated);border-radius:0;padding:1.5rem}.recent-results-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.no-recent-results{text-align:center;color:var(--text-secondary);padding:2rem 1rem}.no-recent-results p{margin-bottom:1rem;font-size:1rem}.recent-results-list{flex-direction:column;gap:.8rem;display:flex}.recent-result-item{background:var(--bg-subtle);transition:transform var(--transition-fast);border-radius:0;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0003}.recent-result-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.result-rank{background:var(--btn-bg-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:600;display:flex}.result-info{flex:1}.result-level{color:var(--text-primary);margin-bottom:.2rem;font-size:1rem;font-weight:600}.result-score{color:var(--success-color);margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.result-details{color:var(--text-secondary);font-size:.85rem}.result-date{color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.8rem}@media (width<=768px){.data-management{margin-top:1.5rem;padding:1.5rem}.data-management h2{font-size:1.3rem}.reset-progress-button{justify-content:center;width:100%;padding:1.2rem 1.5rem}.quiz-progress{margin-bottom:1.5rem;padding:1.5rem}.quiz-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:.8rem}.quiz-stat-card{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}.quiz-stat-card .stat-icon{font-size:1.5rem}.quiz-stat-card .stat-value{text-shadow:0 1px 3px #0000004d;color:#fff;font-size:1.5rem;font-weight:800}.level-stats-grid{grid-template-columns:1fr;gap:.8rem}.level-stat-card{padding:1rem}.recent-result-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem}.result-rank{align-self:flex-start}.result-date{text-align:left;align-self:flex-end}}.reading-progress h2{color:var(--text-secondary);letter-spacing:.1em;margin:0 0 1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:400}.reading-progress-content{flex-direction:column;gap:2rem;display:flex}.reading-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.reading-stat-card{background:var(--accent-green);color:var(--bg-void);box-shadow:0 4px 15px var(--shadow-green-light);transition:transform var(--transition-fast);border-radius:0;align-items:center;gap:1rem;padding:1.5rem;display:flex}.reading-stat-card:hover{transform:translateY(-3px)}.reading-stat-card .stat-icon{opacity:.9;font-size:2rem}.reading-stat-card .stat-content{flex:1}.reading-stat-card .stat-value{text-shadow:0 1px 3px #0000004d;color:#fff;margin-bottom:.3rem;font-size:1.8rem;font-weight:800}.reading-stat-card .stat-label{opacity:.95;text-shadow:0 1px 2px #0003;color:#fff;font-size:.9rem;font-weight:500}.reading-category-section{background:var(--bg-elevated);border-radius:0;padding:1.5rem}.reading-category-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.reading-category-stats{flex-direction:column;gap:1rem;display:flex}.category-stat-item{background:var(--bg-subtle);transition:transform var(--transition-fast);border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0003}.category-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.category-name{color:var(--text-primary);flex-shrink:0;font-size:1rem;font-weight:600}.category-progress{flex:1;align-items:center;gap:.8rem;display:flex}.category-bar{background:var(--bg-surface);border-radius:0;flex:1;height:8px;overflow:hidden}.category-fill{transform-origin:0;width:100%;height:100%;transition:transform var(--animation-fast) ease;border-radius:0;transform:scaleX(0)}.category-fill.guides,.category-fill.tutorials{background:var(--accent-green)}.category-fill.faq{background:var(--accent-red)}.category-count{color:var(--text-secondary);flex-shrink:0;font-size:.9rem;font-weight:600}.reading-recent-section{background:var(--bg-elevated);border-radius:0;padding:1.5rem}.reading-recent-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.no-recent-reads{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-style:italic}.recent-reads-list{flex-direction:column;gap:.8rem;display:flex}.recent-read-item{background:var(--bg-subtle);transition:transform var(--transition-fast);border-radius:0;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0003}.recent-read-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.read-info{flex:1}.read-title{color:var(--text-primary);margin-bottom:.3rem;font-size:1rem;font-weight:600}.read-meta{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.85rem;display:flex}.read-category{align-items:center;gap:.3rem;display:flex}.read-time{color:var(--text-muted)}.reading-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.action-btn{transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:2px solid #0000;border-radius:0;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.action-btn:hover{transform:translateY(-2px)}}.action-btn:focus-visible{transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.action-btn:hover,.action-btn:focus-visible,.action-btn:active{transform:none}}.action-btn{transition:filter var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.action-btn.guides{background:var(--accent-green);color:var(--bg-void)}.action-btn.guides:hover,.action-btn.guides:focus-visible{filter:brightness(.9);box-shadow:0 4px 15px var(--shadow-green-light)}.action-btn.tutorials{background:var(--accent-green);color:var(--bg-void)}.action-btn.tutorials:hover,.action-btn.tutorials:focus-visible{filter:brightness(.9);box-shadow:0 4px 15px var(--shadow-green-light)}.action-btn.troubleshooting{background:var(--accent-green);color:var(--bg-void)}.action-btn.troubleshooting:hover,.action-btn.troubleshooting:focus-visible{filter:brightness(.9);box-shadow:0 4px 15px var(--shadow-green-light)}.action-btn.faq{background:var(--accent-red);color:var(--bg-void)}.action-btn.faq:hover,.action-btn.faq:focus-visible{filter:brightness(.9);box-shadow:0 4px 15px var(--shadow-red-light)}@media (width<=768px){.reading-progress{margin-bottom:1.5rem;padding:1.5rem}.reading-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:.8rem}.reading-stat-card{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}.reading-stat-card .stat-icon,.reading-stat-card .stat-value{font-size:1.5rem}.category-stat-item{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem}.category-progress{width:100%}.recent-read-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem}.read-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.reading-actions{gap:.5rem}.action-btn{padding:.7rem 1.2rem;font-size:.9rem}.badge-modal-close{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}.dashboard-empty-state{background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:center;margin-bottom:2rem;padding:clamp(2.5rem,6vw,4rem) 1.5rem}.empty-state-mascot{width:6rem;height:auto;margin:0 auto 1.125rem;display:block}.empty-state-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:900}.empty-state-description{color:var(--text-secondary);max-width:30rem;margin:0 auto 1.5rem;font-size:.84rem;line-height:1.9}.empty-state-cta{background:var(--accent-brand);color:var(--text-on-brand);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:0;padding:.875rem 2rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}@media (hover:hover){.empty-state-cta:hover{transform:translateY(-2px)}}.empty-state-cta:focus-visible{transform:translateY(-2px)}.empty-state-cta:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.empty-state-cta:hover,.empty-state-cta:focus-visible,.empty-state-cta:active{transform:none}}.empty-state-cta:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.empty-state-cta:before{content:"▸ "}@supports (content:"a"/"b"){.empty-state-cta:before{content:"▸ " / ""}}.empty-state-cta:hover,.empty-state-cta:focus-visible{background:var(--accent-brand-hover);color:var(--text-on-brand)}.badge-collapse-toggle{text-align:center;margin-top:1.5rem}.badge-toggle-btn{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:background var(--animation-fast) ease, color var(--animation-fast) ease, transform var(--animation-fast) ease;border-radius:0;padding:.6rem 1.5rem;font-size:.9rem}.badge-toggle-btn:hover,.badge-toggle-btn:focus-visible{background:var(--bg-subtle);color:var(--text-primary)}.badge-toggle-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.badge-toggle-btn:active{transform:none}}.badge-toggle-btn:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@media (width<=768px){.empty-state-title{font-size:1.125rem}}.dashboard-view-tabs{border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-lg);gap:0;display:flex}.dashboard-view-tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.dashboard-view-tab:hover,.dashboard-view-tab:focus-visible{color:var(--text-primary);background:var(--bg-elevated)}.dashboard-view-tab:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.dashboard-view-tab.active,.dashboard-view-tab[aria-selected=true]{color:var(--accent-brand);border-bottom-color:var(--accent-brand);background:0 0;font-weight:700}.lpic-summary-dl{grid-template-columns:1fr auto;gap:0;margin:0;display:grid}.lpic-summary-dl dt,.lpic-summary-dl dd{border-top:1px solid var(--border-subtle);padding:.5625rem 0;font-size:.8125rem}.lpic-summary-dl dt{color:var(--text-secondary)}.lpic-summary-dl dd{color:var(--text-primary);text-align:right;margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.lpic-summary-score-value{color:var(--accent-green)}.lpic-score-chart{padding:0 .5rem;position:relative}.lpic-chart-bars{border-bottom:1px solid var(--border-subtle);align-items:flex-end;gap:1.125rem;height:8.75rem;display:flex}.lpic-chart-column{flex:1;height:100%;position:relative}.lpic-chart-value{left:0;right:0;bottom:calc(var(--lpic-bar-scale,0) * 100%);text-align:center;color:var(--text-secondary);margin-bottom:.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700;position:absolute}.lpic-chart-bar{width:100%;max-width:3.25rem;transform:scaleY(var(--lpic-bar-scale,0));transform-origin:bottom;transition:transform var(--animation-slow) ease;background:var(--text-dim);margin:0 auto;position:absolute;inset:0}.lpic-chart-bar.lpic-chart-bar--passed{background:var(--accent-green)}.lpic-chart-bar.lpic-chart-bar--near{background:var(--accent-amber)}.lpic-chart-bar.lpic-chart-bar--below{background:var(--accent-red)}.lpic-chart-passline{left:0;right:0;bottom:calc(var(--lpic-passline-ratio,.5) * 8.75rem);border-top:1px dashed rgba(var(--accent-amber-rgb), .5);pointer-events:none;position:absolute}.lpic-chart-passline-label{color:var(--accent-amber);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.625rem;position:absolute;top:-1rem;right:0}.lpic-coverage-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.lpic-coverage-item{align-items:center;gap:var(--spacing-sm);display:flex}.lpic-coverage-obj{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:4rem}.lpic-coverage-progress{align-items:center;gap:var(--spacing-xs);flex:1;display:flex}.lpic-coverage-bar{background:var(--bg-subtle);flex:1;height:8px;position:relative;overflow:hidden}.lpic-coverage-fill{background:var(--accent-green);transform-origin:0;transform:scaleX(var(--lpic-fill-scale,0));transition:transform .3s;position:absolute;inset:0}.lpic-coverage-count{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right;min-width:3rem}.lpic-weak-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.lpic-weak-section h3{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md)}.lpic-weak-note{color:var(--text-muted);font-size:var(--font-size-xs);margin:0 0 var(--spacing-sm) 0}.lpic-weak-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.lpic-weak-item{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.lpic-weak-item:last-child{border-bottom:none}.lpic-weak-obj{color:var(--text-primary);font-size:var(--font-size-sm)}.lpic-weak-pct{color:var(--text-secondary);font-size:var(--font-size-sm)}.lpic-weak-empty{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.lpic-cta-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-green);color:var(--bg-void);font-size:var(--font-size-base);margin-top:var(--spacing-sm);transition:background-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);font-weight:600;text-decoration:none;display:inline-block}.lpic-cta-button:hover,.lpic-cta-button:focus-visible{background:var(--accent-green-hover,var(--accent-green));opacity:.9}.lpic-cta-button:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.lpic-cta-button:active{transform:none}}[data-testid=lpic-view-empty]{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md) 0}@media (width<=768px){.dashboard-view-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.lpic-summary-dl{grid-template-columns:1fr}}.lpic-panel-heading{color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.lpic-chart-section .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}.quiz-page-container{background:var(--bg-void);min-height:100vh}.quiz-main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.quiz-main__title{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:700}.quiz-wrapper{gap:2rem;display:flex}.quiz-content-column{flex:1;min-width:0}.quiz-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:0;flex:1;min-height:600px;padding:2rem;box-shadow:0 10px 30px #0006}.quiz-sidebar{flex-direction:column;gap:1.5rem;width:300px;display:flex}.sidebar-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;padding:1.5rem;box-shadow:0 4px 10px #0000004d}.sidebar-section h2,.sidebar-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.quiz-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}.sidebar-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.sidebar-section ul{color:var(--text-secondary);margin:1rem 0 0;padding-left:1.5rem}.level-list{margin:0}.level-list dt{color:var(--text-primary);margin:.75rem 0 .25rem;font-weight:600}.level-color-D{color:var(--quiz-level-d-on-dark)}.level-color-C{color:var(--quiz-level-c-on-dark)}.level-color-B{color:var(--quiz-level-b-on-dark)}.level-color-A{color:var(--quiz-level-a-on-dark)}.level-color-S{color:var(--quiz-level-s-on-dark)}.level-list dd{color:var(--text-secondary);margin:0 0 0 1rem;font-size:.9rem}.level-selection h2{color:var(--text-primary);margin-bottom:.375rem;font-size:1.375rem}.level-selection .description{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.875rem}.quiz-daily{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;grid-template-columns:1fr auto;grid-template-areas:"header start""status start""streak start";align-items:center;gap:.375rem 1.5rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:grid}.quiz-daily__header{grid-area:header}.quiz-daily__title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem}.quiz-daily__desc{color:var(--text-secondary);margin:0;font-size:.8125rem}.quiz-daily__status{color:var(--text-secondary);grid-area:status;margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.quiz-daily__status--done{color:var(--accent-green)}.quiz-daily__streak{color:var(--text-secondary);grid-area:streak;margin:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.quiz-daily__start{background:var(--accent-brand);border:1px solid var(--accent-brand);color:var(--text-on-brand);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:0;grid-area:start;padding:.6875rem 1.25rem;font-size:.875rem;font-weight:700}@media (hover:hover){.quiz-daily__start:hover{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover)}}.quiz-daily__start:focus-visible{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover);outline:2px solid var(--accent-amber);outline-offset:2px}.quiz-daily-result{text-align:center;margin:0 0 1.5rem}.quiz-daily-result__recorded,.quiz-daily-result__streak{color:var(--text-secondary);margin:.25rem 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}@media (width<=767px){.quiz-daily{grid-template-columns:1fr;grid-template-areas:"header""status""streak""start";padding:1rem}.quiz-daily__start{width:100%;min-height:var(--touch-target-min);min-width:var(--touch-target-min);margin-top:.5rem}}.level-grid{grid-template-columns:repeat(auto-fit,minmax(min(7.8125rem,100%),1fr));gap:.875rem;margin-bottom:2.5rem;display:grid}.level-card{height:100%;position:relative}.level-button{background:var(--bg-elevated);border:1px solid var(--border-primary);cursor:pointer;width:100%;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border-radius:0;padding:1.375rem 1.125rem;position:relative;overflow:hidden}@media (hover:hover){.level-button:hover{transform:translateY(-4px)}}.level-button:focus-visible{transform:translateY(-4px)}.level-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.level-button:hover,.level-button:focus-visible,.level-button:active{transform:none}}.level-button{text-align:left;flex-direction:column;align-items:flex-start;gap:.1875rem;height:100%;display:flex}.level-button:hover,.level-button:focus-visible{background:var(--bg-subtle);border-color:currentColor;box-shadow:0 14px 34px #00000073}.level-button .level-rank{color:inherit;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.875rem;font-weight:700;line-height:1}.level-button .level-name{color:var(--text-primary);flex-shrink:0;margin:.4375rem 0 0;font-size:.875rem;font-weight:700}.level-button .level-description{display:none}.level-button .question-count{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.71875rem}.quiz-category-filter{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.quiz-category-filter__label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.quiz-category-filter__select{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-primary);cursor:pointer;transition:border-color var(--transition-fast);border-radius:0;min-width:200px;padding:.5rem 1rem;font-size:.95rem;font-weight:500}.quiz-category-filter__result{color:var(--text-secondary);font-size:.9rem;font-weight:500}.quiz-category-filter__select:hover{border-color:var(--accent-amber)}.quiz-category-filter__select:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px;border-color:var(--accent-amber)}@media (width<=768px){.quiz-category-filter{flex-direction:column;align-items:stretch;gap:.5rem}.quiz-category-filter__label{text-align:center}.quiz-category-filter__select{width:100%;min-width:0;min-height:var(--touch-target-min)}}.quiz-disclaimer[hidden]{display:none}.quiz-disclaimer{background:var(--bg-elevated);border-left:3px solid var(--accent-amber);color:var(--text-secondary);border-radius:0;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.6}@media (width<=768px){.quiz-disclaimer{padding:.5rem .875rem;font-size:.825rem}}.question-type-badge{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0;border-radius:0;align-items:center;margin-bottom:1rem;padding:.25rem .625rem;display:inline-flex}.type-text{letter-spacing:.04em;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.71875rem}.choice-label{background:var(--bg-elevated);border:1px solid var(--border-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;gap:.875rem;margin-bottom:.625rem;padding:.9375rem 1.125rem;display:flex}.choice-label:hover{border-color:var(--text-muted)}.choice-label:has(.choice-checkbox:focus-visible){border-color:var(--text-muted)}.choice-label:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.choice-label:active{transform:none}}.choice-checkbox{width:20px;height:20px;accent-color:var(--accent-brand);transform:scale(1.2)}.choice-content{flex:1;align-items:center;gap:.875rem;display:flex}.choice-label .choice-number{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem;display:flex}.choice-label code{color:var(--text-primary);background:0 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.90625rem}.choice-label:has(.choice-checkbox:checked){background:rgba(var(--accent-brand-rgb), .06);border-color:var(--accent-brand)}.choice-label:has(.choice-checkbox:checked) .choice-number{color:var(--accent-brand);border-color:var(--accent-brand)}.choice-label:has(.choice-checkbox:disabled){cursor:not-allowed}.choice-label:has(.choice-checkbox:disabled):not(.correct-choice):not(.incorrect-choice){opacity:.6}.choice-label:has(.choice-checkbox:disabled):not(.correct-choice):not(.incorrect-choice):hover{border-color:var(--border-primary)}.choice-label.correct-choice,.choice-label.correct-choice:hover{background:rgba(var(--accent-green-rgb), .08);border-color:var(--accent-green);cursor:default;transform:none}.choice-label.correct-choice:has(.choice-checkbox:checked){background:rgba(var(--accent-green-rgb), .08);border-color:var(--accent-green);cursor:default;transform:none}.choice-label.correct-choice:has(.choice-checkbox:checked):hover{background:rgba(var(--accent-green-rgb), .08);border-color:var(--accent-green);cursor:default;transform:none}:is(.choice-label.correct-choice .choice-number,.choice-label.correct-choice:has(.choice-checkbox:checked) .choice-number){color:var(--accent-green);border-color:var(--accent-green)}.choice-label.incorrect-choice,.choice-label.incorrect-choice:hover{background:rgba(var(--accent-red-rgb), .08);border-color:var(--accent-red);cursor:default;transform:none}.choice-label.incorrect-choice:has(.choice-checkbox:checked){background:rgba(var(--accent-red-rgb), .08);border-color:var(--accent-red);cursor:default;transform:none}.choice-label.incorrect-choice:has(.choice-checkbox:checked):hover{background:rgba(var(--accent-red-rgb), .08);border-color:var(--accent-red);cursor:default;transform:none}:is(.choice-label.incorrect-choice .choice-number,.choice-label.incorrect-choice:has(.choice-checkbox:checked) .choice-number){color:var(--accent-red);border-color:var(--accent-red)}.answer-comparison{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;margin:.75rem 0;padding:.75rem .875rem}.selected-answers,.correct-answers{color:var(--text-secondary);margin:.25rem 0;font-size:.84375rem}.selected-answers strong,.correct-answers strong{color:var(--text-primary);font-weight:600}.selection-info{text-align:center;margin:1rem 0}.selection-counter{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:0;padding:.375rem .75rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem}.confirm-button{background:var(--accent-brand);color:var(--text-on-brand);cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);z-index:var(--z-ground);box-shadow:none;border:none;border-radius:0;margin-right:1rem;padding:.8125rem 1.625rem;font-size:.875rem;font-weight:700;position:relative}.confirm-button:before,.confirm-button:after{content:"";z-index:var(--z-below);pointer-events:none;transition:opacity var(--transition-fast);position:absolute;inset:0}.confirm-button:before{box-shadow:none;opacity:1}.confirm-button:after{box-shadow:0 10px 26px rgba(var(--accent-brand-rgb), .25);opacity:0}@media (hover:hover){.confirm-button:hover:before{opacity:0}.confirm-button:hover:after{opacity:1}}.confirm-button:focus-visible:before{opacity:0}.confirm-button:focus-visible:after,.confirm-button:active:before{opacity:1}.confirm-button:active:after{opacity:0}@media (hover:hover){.confirm-button:hover{transform:translateY(-2px)}}.confirm-button:focus-visible{transform:translateY(-2px)}.confirm-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.confirm-button:hover,.confirm-button:focus-visible,.confirm-button:active{transform:none}}@media (hover:hover){.confirm-button:hover{background:var(--accent-brand-hover)}}.confirm-button:focus-visible{background:var(--accent-brand-hover)}.confirm-button.disabled:hover,.confirm-button.disabled:focus-visible{transform:none}.confirm-button.disabled:before{opacity:1}.confirm-button.disabled:after{opacity:0}.confirm-button.disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed;pointer-events:none}.confirm-button.hidden{display:none}.quiz-question{flex-direction:column;gap:1.5rem;display:flex}.quiz-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.quiz-header .progress-info{align-items:baseline;gap:.625rem;display:flex}.level-badge{letter-spacing:.06em;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700}.question-number{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.question-number:before{content:"— Q"}@supports (content:"a"/"b"){.question-number:before{content:"— Q" / ""}}.quiz-progress-dots{flex-wrap:wrap;justify-content:flex-end;gap:.3125rem;margin-left:auto;display:flex}.quiz-progress-dot{background:var(--bg-subtle);flex-shrink:0;width:.4375rem;height:.4375rem}.quiz-progress-dot.completed{background:var(--accent-brand)}.quiz-progress-dot.active{background:var(--accent-amber)}.question-content h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.1875rem;line-height:1.7}.choices{flex-direction:column;gap:.625rem;display:flex}.choice-button{background:var(--bg-elevated);border:1px solid var(--border-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);text-align:left;color:var(--text-primary);border-radius:0;align-items:center;gap:.875rem;padding:.9375rem 1.125rem;display:flex;position:relative}.choice-button:hover:not(:disabled),.choice-button:focus-visible:not(:disabled){border-color:var(--text-muted)}.choice-button:active:not(:disabled){transform:scale(.99)}@media (prefers-reduced-motion:reduce){.choice-button:active:not(:disabled){transform:none}}.choice-button:disabled{cursor:not-allowed}.choice-button:disabled:not(.correct):not(.incorrect){opacity:.6}.choice-button.correct{background:rgba(var(--accent-green-rgb), .08);border-color:var(--accent-green)}.choice-button.incorrect{background:rgba(var(--accent-red-rgb), .08);border-color:var(--accent-red)}.choice-number{border:1px solid var(--border-primary);width:1.625rem;height:1.625rem;color:var(--text-secondary);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem;display:flex}.choice-button.correct .choice-number{color:var(--accent-green);border-color:var(--accent-green)}.choice-button.incorrect .choice-number{color:var(--accent-red);border-color:var(--accent-red)}.choice-button code{color:var(--text-primary);background:0 0;border-radius:0;padding:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.90625rem}.choice-button.correct:after,.choice-label.correct-choice:after{content:"✓"}@supports (content:"a"/"b"){.choice-button.correct:after,.choice-label.correct-choice:after{content:"✓" / ""}}.choice-button.correct:after,.choice-label.correct-choice:after{color:var(--accent-green);margin-left:auto;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.choice-button.incorrect:after,.choice-label.incorrect-choice:after{content:"✗"}@supports (content:"a"/"b"){.choice-button.incorrect:after,.choice-label.incorrect-choice:after{content:"✗" / ""}}.choice-button.incorrect:after,.choice-label.incorrect-choice:after{color:var(--accent-red);margin-left:auto;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.feedback{margin-top:1rem;animation:.15s slideIn}.feedback.hidden{display:none}.feedback-content{color:var(--text-secondary);border:1px solid;border-radius:0;padding:1rem 1.25rem}.feedback-content.correct{background:rgba(var(--accent-green-rgb), .05);border-color:rgba(var(--accent-green-rgb), .4)}.feedback-content.incorrect{background:rgba(var(--accent-red-rgb), .05);border-color:rgba(var(--accent-red-rgb), .4)}.feedback-header{align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}.feedback-header .feedback-icon{margin-bottom:0;font-size:.875rem}.feedback-title{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:700}.feedback-content.correct .feedback-header{color:var(--accent-green)}.feedback-content.incorrect .feedback-header{color:var(--accent-red)}.feedback-icon{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.feedback-message p{margin:.375rem 0;line-height:1.8}.feedback-message code{background:var(--bg-elevated);border-radius:0;padding:.2rem .4rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.feedback-content .explanation{color:var(--text-secondary);margin-top:.375rem;font-size:.84375rem;font-style:normal;line-height:1.8}.related-link{background:var(--bg-elevated);color:var(--accent-amber);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid var(--border-primary);border-radius:0;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;display:inline-flex}.related-link:hover{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color);transform:translateY(-2px)}.quiz-actions{justify-content:center;margin-top:2rem;display:flex}.next-button{color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:0;padding:.5rem 1.125rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem}@media (hover:hover){.next-button:hover{border-color:var(--accent-brand);color:var(--accent-brand)}}.next-button:focus-visible{border-color:var(--accent-brand);color:var(--accent-brand)}.next-button.hidden{display:none}.quiz-results{text-align:center}.quiz-results h2{color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.score-display{justify-content:center;margin:2rem 0;display:flex}.score-circle{background:var(--score-accent,var(--bg-elevated));color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 10px 30px #0006}.score-percentage{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:3rem;font-weight:700}.score-fraction{opacity:.9;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.2rem}.result-message{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;margin:2rem 0;padding:1.5rem}.result-message h3{color:var(--text-primary);margin:0 0 .5rem}.result-message p{color:var(--text-secondary);margin:0}.result-stats{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.result-stats .stat-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-direction:column;align-items:flex-start;gap:.1875rem;padding:.875rem 1.125rem;display:flex}.result-stats .stat-label{color:var(--text-secondary);margin-bottom:0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.result-stats .stat-value{color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;font-weight:700}.answer-review{text-align:left;margin:3rem 0}.answer-review h3{color:var(--text-primary);margin-bottom:1rem}.answer-list{background:var(--bg-subtle);border-radius:0;flex-direction:column;gap:.75rem;max-height:400px;padding:1rem;display:flex;overflow-y:auto}.answer-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;align-items:flex-start;gap:1rem;padding:.75rem;display:flex}.answer-item.correct{border-color:rgba(var(--accent-green-rgb), .4)}.answer-item.incorrect{border-color:rgba(var(--accent-red-rgb), .4)}.answer-number{color:var(--text-secondary);min-width:2.1875rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78125rem}.answer-icon{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.answer-item.correct .answer-icon{color:var(--accent-green)}.answer-item.incorrect .answer-icon{color:var(--accent-red)}.answer-details{flex:1}.answer-question{color:var(--text-primary);margin:0 0 .5rem;font-weight:500}.answer-correction{color:var(--text-secondary);margin:0;font-size:.9rem}.answer-correction code{background:var(--bg-subtle);color:var(--text-primary);border-radius:0;padding:.1rem .3rem;font-family:monospace}.result-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.action-button{border:1px solid var(--border-primary);cursor:pointer;text-align:center;color:var(--text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:0;padding:.6875rem 1.25rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}@media (hover:hover){.action-button:hover{border-color:var(--accent-brand);color:var(--accent-brand)}}.action-button:focus-visible{border-color:var(--accent-brand);color:var(--accent-brand)}.action-button.primary{background:var(--accent-brand);border-color:var(--accent-brand);color:var(--text-on-brand)}@media (hover:hover){.action-button.primary:hover{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover);color:var(--text-on-brand)}}.action-button.primary:focus-visible{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover);color:var(--text-on-brand)}.quiz-stats{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;margin-top:2rem;padding:1.5rem}.quiz-stats h3{color:var(--text-primary);margin:0 0 1rem;font-size:1rem}.history-grid{grid-template-columns:repeat(auto-fit,minmax(min(6.25rem,100%),1fr));gap:.75rem;display:grid}.history-item{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;flex-direction:column;align-items:center;padding:.75rem;display:flex}.history-level{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;font-weight:700}.history-score{color:var(--text-primary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.2rem;font-weight:700}.no-history{color:var(--text-muted);font-style:italic}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.spinner{border:5px solid var(--bg-subtle);border-top:5px solid var(--secondary-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.quiz-wrapper{flex-direction:column}.quiz-sidebar{width:100%}}@media (width<=768px){.hamburger-menu{align-self:center;margin-left:auto;display:flex}.main-nav{display:none}.quiz-main{padding:1rem .5rem}.quiz-container{border-radius:0;padding:1.5rem}.level-grid{grid-template-columns:repeat(auto-fit,minmax(min(8.125rem,100%),1fr));gap:.75rem}.level-button .level-description{color:var(--text-secondary);margin:.25rem 0 0;font-size:.78125rem;line-height:1.5;display:block}.quiz-progress-dots{justify-content:flex-start;margin-left:0}.question-content h3{font-size:1.1rem}.choice-button{padding:.75rem 1rem;font-size:.95rem}.score-circle{width:150px;height:150px}.score-percentage{font-size:2.5rem}.result-stats{flex-direction:column;gap:1rem}.result-actions{flex-direction:column;align-items:stretch}.quiz-sidebar{display:none}.confirm-button,.next-button,.action-button,.choice-button{min-height:var(--touch-target-min)}}@media (width<=480px){.quiz-container{padding:1rem}.level-button{padding:1rem .75rem}.choice-button{gap:.75rem;padding:.75rem}}.sim-hidden{display:none}.sim-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 0 1.25rem;display:flex}.sim-header .progress-bar{background:var(--bg-elevated);flex:1;min-width:8rem;height:.375rem;margin:0;overflow:hidden}.sim-header .progress-fill{background:var(--accent-brand);height:100%;transform:scaleX(var(--fill-scale,0));transform-origin:0;transition:transform var(--transition-slow)}.sim-timer{color:var(--accent-green);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;min-width:160px;padding:.4rem .75rem;font-family:monospace;font-size:1rem;font-weight:700;transition:color .2s}.sim-timer--amber{color:var(--accent-amber);border-color:var(--accent-amber)}.sim-timer--red{--sim-timer-red:#f06565;color:var(--sim-timer-red);border-color:var(--sim-timer-red);animation:1s ease-in-out infinite sim-timer-pulse}@keyframes sim-timer-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.sim-timer--red{animation:none}}.sim-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:.9rem;font-weight:600}.sim-resume-dialog{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;max-width:480px;margin:2rem auto;padding:2rem}.sim-resume-dialog__title{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.sim-resume-dialog__message{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.sim-resume-dialog__actions{flex-wrap:wrap;gap:1rem;display:flex}.sim-btn{cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);min-height:var(--touch-target-min);border:2px solid #0000;border-radius:0;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600}.sim-btn:hover,.sim-btn:focus-visible{opacity:.85}.sim-btn:active{transform:translateY(1px)}.sim-btn:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sim-btn:active{transform:none}}.sim-btn--primary{background:var(--accent-green);color:var(--bg-void);border-color:var(--accent-green)}.sim-btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.sim-results{max-width:720px;margin:0 auto}.sim-results__title{color:var(--text-primary);text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.sim-score-section{background:var(--bg-elevated);border:1px solid var(--border-primary);text-align:center;border-radius:0;margin-bottom:1.5rem;padding:1.5rem}.sim-score__value{margin-bottom:.25rem;font-family:monospace;font-size:4rem;font-weight:700;line-height:1}.sim-score__value--pass{color:var(--accent-green)}.sim-score__value--fail{color:var(--accent-red)}.sim-score__label{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem}.sim-score__badge{letter-spacing:.08em;border-radius:0;margin-bottom:.5rem;padding:.35rem 1.25rem;font-size:1rem;font-weight:700;display:inline-block}.sim-score__badge--pass{background:var(--accent-green);color:var(--bg-void)}.sim-score__badge--fail{background:var(--accent-red);color:var(--bg-void)}.sim-score__passing-note{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.sim-score__correct{color:var(--text-secondary);font-size:1rem}.sim-topic-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:0;margin-bottom:1.5rem;padding:1.25rem}.sim-topic-section__title{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.sim-topic-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 2fr auto;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}.sim-topic-row:last-child{border-bottom:none}.sim-topic-row--weak .sim-topic-row__label{color:var(--accent-amber);font-weight:600}.sim-topic-row__label{color:var(--text-secondary);font-size:.85rem}.sim-topic-row__bar{background:var(--bg-subtle);border-radius:0;height:8px;overflow:hidden}.sim-topic-row__fill{background:var(--accent-green);height:100%;transform:scaleX(var(--fill-scale,0));transform-origin:0;transition:transform .4s}.sim-topic-row__fill--weak{background:var(--accent-amber)}.sim-topic-row__rate{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:.8rem}.sim-weak-section{background:var(--bg-elevated);border:1px solid var(--accent-amber);border-radius:0;margin-bottom:1.5rem;padding:1.25rem}.sim-weak-section__title{color:var(--accent-amber);margin:0 0 1rem;font-size:1.1rem}.sim-weak-topic{margin-bottom:1rem}.sim-weak-topic:last-child{margin-bottom:0}.sim-weak-topic__name{color:var(--text-primary);margin-bottom:.4rem;font-size:.9rem;font-weight:600}.sim-weak-topic__links{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sim-weak-topic__link{color:var(--accent-green);font-size:.85rem;text-decoration:underline}.sim-weak-topic__link:hover,.sim-weak-topic__link:focus-visible{color:var(--accent-amber)}.sim-weak-topic__note{color:var(--text-muted);margin:0;font-size:.85rem}.sim-weak-topic__udemy{min-height:4rem;margin-top:.6rem}.sim-weak-topic__udemy-note{color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.sim-next-steps{background:var(--bg-elevated);border:1px solid var(--accent-green);border-radius:0;margin-bottom:1.5rem;padding:1.25rem}.sim-next-steps__title{color:var(--accent-green);margin:0 0 1rem;font-size:1.1rem}.sim-next-steps__description{color:var(--text-primary);margin:0 0 .75rem;font-size:.9rem}.sim-next-steps__links{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.sim-next-steps__link{color:var(--accent-green);font-size:.85rem;text-decoration:underline}.sim-next-steps__link:hover,.sim-next-steps__link:focus-visible{color:var(--accent-amber)}.sim-next-steps__udemy{min-height:4rem;margin-top:.6rem}.sim-next-steps__udemy-note{color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.sim-result-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (width<=768px){.sim-header{gap:.75rem}.sim-timer{min-width:0;font-size:.9rem}.sim-topic-row{grid-template-columns:1fr;gap:.35rem}.sim-topic-row__bar{display:none}.sim-score__value{font-size:3rem}.sim-resume-dialog__actions{flex-direction:column}}[data-mode-panel][hidden]{display:none}.quiz-mode-tabs{gap:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-lg);display:flex}.quiz-mode-tabs[hidden]{display:none}.quiz-mode-tab{padding:var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);min-height:var(--touch-target-min);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;font-weight:700}.quiz-mode-tab:hover:not(.active){color:var(--text-primary)}.quiz-mode-tab:focus-visible{outline:2px solid var(--accent-amber);outline-offset:-2px}.quiz-mode-tab.active,.quiz-mode-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent-brand)}.quiz-simulator-cta{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-lg);background:var(--bg-elevated);border:1px solid rgba(var(--accent-brand-rgb), .4);border-radius:0;flex-direction:row;display:flex}.quiz-simulator-cta[hidden]{display:none}.quiz-simulator-cta__body{flex:1;min-width:0}.quiz-simulator-cta__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.quiz-simulator-cta__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.quiz-simulator-cta__button{padding:var(--spacing-md) var(--spacing-lg);background:var(--accent-brand);border:1px solid var(--accent-brand);color:var(--text-on-brand);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:0;flex-shrink:0;font-weight:700;text-decoration:none;display:inline-block}.quiz-simulator-cta__button:hover,.quiz-simulator-cta__button:focus-visible{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover);outline:none}.quiz-simulator-cta__button:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.quiz-simulator-cta__button:active{transform:none}}.quiz-simulator-cta__button:focus-visible{outline:2px solid var(--accent-brand);outline-offset:2px}@media (width<=768px){.quiz-simulator-cta{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.quiz-simulator-cta__button{text-align:center;width:100%}}.quiz-init-error{border:1px solid var(--danger-color);color:var(--text-primary);background:var(--bg-subtle);padding:1.5rem}.article-container{background:var(--bg-surface);max-width:1200px;color:var(--text-secondary);min-height:100vh;margin:0 auto}.article-container:has(>.article-sidebar){grid-template-columns:1fr 280px;gap:0 2rem;display:grid}.article-container:has(>.article-sidebar)>#header-container{grid-column:1/-1}.article-container:has(>.article-sidebar)>.breadcrumb{grid-column:1/-1;margin-inline:0}.article-container:has(>.article-sidebar)>.article-main{grid-column:1;min-width:0;padding:2rem 0 2rem 2rem}.article-container:has(>.article-sidebar)>.article-sidebar{grid-column:2;padding:2rem 2rem 2rem 0}@media (width<=767px){.article-container:has(>.article-sidebar){grid-template-columns:1fr}:is(.article-container:has(>.article-sidebar)>.article-main,.article-container:has(>.article-sidebar)>.article-sidebar){grid-column:1;padding:1rem}.article-container:has(>.article-sidebar)>.article-sidebar{overflow-wrap:anywhere;min-width:0}}.article-main article{width:100%;max-width:760px}.article-main.about-page,.article-main.contact-page,.article-main.terms-page,.article-main.sitemap-page{padding:2rem}@media (width<=767px){.article-main.about-page,.article-main.contact-page,.article-main.terms-page,.article-main.sitemap-page{padding:1rem}}.article-main a:not(.cta-button):not(.cta-button-secondary):not(.back-link){color:var(--accent-amber);transition:color var(--transition-fast);text-decoration:underline}.article-main a:not(.cta-button):not(.cta-button-secondary):not(.back-link):hover{color:var(--text-primary)}.breadcrumb{background:var(--bg-void);color:var(--text-muted);border-bottom:1px solid var(--border-primary);padding:1rem 2rem;font-size:.875rem}.breadcrumb a{color:var(--text-primary);text-decoration:none}.breadcrumb a:hover{color:var(--accent-green);text-decoration:underline}.article-hero-image{aspect-ratio:3/2;width:100%;max-width:760px;box-shadow:var(--shadow-sm);border-radius:0;margin:0 auto 2rem;overflow:hidden}.article-hero-image img{object-fit:cover;object-position:center center;width:100%;height:100%}@media (width<=767px){.article-hero-image{aspect-ratio:1;margin-bottom:1.5rem}}.article-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;font-size:.875rem;display:flex}.article-intro{color:var(--text-secondary);background:var(--bg-elevated);border-left:4px solid var(--accent-green);border-radius:0;margin-bottom:2rem;padding:1.5rem;font-size:1.125rem;line-height:1.6}.article-intro .lead{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:500}.article-primer{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.article-primer__block{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);border-radius:0;padding:1.5rem}.article-primer__prerequisites{border-left-color:var(--accent-amber)}.article-primer__heading{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.article-primer__list{margin:0;padding-left:1.5rem}.article-primer__list li{color:var(--text-secondary);margin-bottom:.25rem;line-height:1.6}.article-primer__list a{color:var(--text-primary);text-decoration:none}.article-primer__list a:hover{color:var(--accent-green);text-decoration:underline}.toc{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin:2rem 0;padding:1.5rem}.toc h2,.toc h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.toc ol,.toc ul{margin:0;padding-left:1.5rem}.toc li{color:var(--text-secondary);margin-bottom:.5rem}.toc a{color:var(--text-primary);text-decoration:none}.toc a:hover{color:var(--accent-green);text-decoration:underline}section{margin:3rem 0}.article-content{line-height:1.8}.article-content>p{margin:0 0 1.5rem}.article-content>h2{color:var(--text-primary);margin-top:3rem;margin-bottom:1.5rem}.article-content>h3{border-left:2px solid var(--text-muted);color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;padding-left:.5rem}.article-content>:first-child{margin-top:0}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:2rem}.article-content .diagram-figure{margin:1.5rem 0 .5rem}.article-content .article-diagram{border:1px solid var(--border-primary);background:var(--bg-surface);max-width:100%;height:auto;margin:0 auto;display:block}.article-content .diagram-caption{color:var(--text-muted);text-align:center;margin:0 0 1.5rem;font-size:.875rem}.command-example,.code-example{margin:1.5rem 0}.command-example h4,.code-example h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.code-example code{background:var(--bg-elevated);color:var(--terminal-text);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;border:1px solid var(--border-primary);border-radius:0;max-width:100%;padding:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.4;display:block;overflow-x:auto}.step code,.solution-code code{background:var(--bg-elevated);color:var(--terminal-text);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;border:1px solid var(--border-primary);border-radius:0;max-width:100%;margin:.5rem 0;padding:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.4;display:block;overflow-x:auto}.solution-steps{margin:1rem 0}.step{margin-bottom:1.5rem}.step h6{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.code-example pre{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-primary);white-space:pre;letter-spacing:.2px;box-shadow:none;font-feature-settings:"liga" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;unicode-bidi:embed;border-radius:0;margin:.5rem 0;padding:1.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.3;overflow-x:auto}.ui-explanation{justify-content:center;max-width:100%;margin:2rem 0;display:flex}.screenshot-container{background:var(--bg-elevated);box-shadow:none;border:1px solid var(--border-primary);border-radius:0;width:100%;max-width:800px;padding:1rem;display:inline-block;position:relative}@media (width<=767px){.screenshot-container{max-width:95%;padding:.75rem}}@media (width<=575px){.screenshot-container{max-width:100%;padding:.5rem}}.terminal-screenshot{border:2px solid var(--border-primary);width:100%;height:auto;box-shadow:none;border-radius:0;display:block}.ui-label{background:var(--bg-elevated);border:2px solid var(--accent-green);color:var(--text-primary);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-raised);text-align:center;border-radius:0;padding:.5rem 1rem;font-size:.8rem;font-weight:600;position:absolute;transform:translate(-50%)}@media (width<=767px){.ui-label{padding:.4rem .8rem;font-size:.75rem}}@media (width<=575px){.ui-label{max-width:120px;padding:.3rem .6rem;font-size:.7rem}}.label-text{white-space:nowrap;display:block}@media (width<=575px){.label-text{text-overflow:ellipsis;overflow:hidden}}.header-label{top:5%;left:75%}@media (width<=575px){.header-label{top:3%}}.sidebar-label{top:45%;left:12%}@media (width<=575px){.sidebar-label{top:40%;left:10%}}.content-label{top:15%;left:75%}@media (width<=575px){.content-label{top:12%;left:78%}}.terminal-label{bottom:15%;left:75%}@media (width<=575px){.terminal-label{bottom:12%;left:78%}}.interface-explanation{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin:3rem 0;padding:2rem}.interface-explanation h4{text-align:center;color:var(--text-primary);border-bottom:2px solid var(--accent-green);margin-bottom:2rem;padding-bottom:.5rem;font-size:1.3rem}@media (width<=767px){.interface-explanation{margin:2rem 0;padding:1.5rem}}.explanation-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=767px){.explanation-grid{grid-template-columns:1fr;gap:1rem}}.explanation-item{background:var(--bg-subtle);border:1px solid var(--border-primary);box-shadow:none;border-radius:0;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}@media (width<=767px){.explanation-item{padding:1rem}}.explanation-number{background:var(--accent-green);width:28px;height:28px;color:var(--bg-void);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:.2rem;font-size:.875rem;font-weight:600;display:flex}@media (width<=767px){.explanation-number{width:24px;height:24px;font-size:.8rem}}.explanation-content h5{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}@media (width<=767px){.explanation-content h5{font-size:.875rem}}.explanation-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}@media (width<=767px){.explanation-content p{font-size:.85rem}}.command,.code{background:var(--bg-elevated);color:var(--terminal-text);border:1px solid var(--border-primary);border-radius:0;margin:.5rem 0;padding:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;overflow-x:auto}@media (width<=767px){.command,.code{padding:.75rem;font-size:.8rem}}.output{background:var(--bg-surface);color:var(--terminal-success);border:1px solid var(--border-subtle);border-radius:0;margin:.5rem 0;padding:1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;overflow-x:auto}@media (width<=767px){.output{padding:.75rem;font-size:.8rem}}.explanation{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;font-style:italic}code{background:var(--bg-elevated);color:var(--accent-green);border-radius:0;padding:.2rem .4rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.article-content :not(pre)>code{overflow-wrap:anywhere}.info-box,.tip-box,.warning-box,.danger-box{background:var(--bg-elevated);border-left:4px solid;border-radius:0;margin:1.5rem 0;padding:1rem}.info-box{border-color:var(--text-secondary);color:var(--text-secondary)}.tip-box{border-color:var(--accent-green);color:var(--text-secondary)}.warning-box{border-color:var(--text-muted);color:var(--text-secondary)}.danger-box{border-color:var(--accent-red);color:var(--text-secondary)}.highlight-box{background:var(--bg-elevated);color:var(--text-primary);box-shadow:none;border:2px solid var(--accent-green);border-radius:0;margin:2rem 0;padding:1.5rem}.highlight-box h3{color:var(--text-primary);margin-bottom:1rem;font-weight:600}.highlight-box ul{margin:0;padding-left:1.5rem}.highlight-box li{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;line-height:1.6}table{border-collapse:collapse;border:2px solid var(--border-primary);width:100%;box-shadow:none;border-radius:0;margin:1.5rem 0;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);color:var(--text-secondary);padding:.75rem}th:last-child,td:last-child{border-right:none}tbody tr:last-child td{border-bottom:none}th{background:var(--bg-elevated);color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-weight:600}tr:hover{background:var(--bg-subtle)}@media (width<=767px){th,td{overflow-wrap:anywhere}}.option-table,.command-table,.permission-table{border-collapse:collapse;border:2px solid var(--border-primary);width:100%;box-shadow:none;border-radius:0;margin:1.5rem 0;font-size:.875rem;overflow:hidden}.option-table th,.command-table th,.permission-table th{background:var(--bg-elevated);text-align:left;border-bottom:2px solid var(--border-primary);color:var(--text-primary);border-right:1px solid var(--border-primary);padding:1rem .75rem;font-weight:600}.option-table th:last-child,.command-table th:last-child,.permission-table th:last-child{border-right:none}.option-table td,.command-table td,.permission-table td{text-align:left;border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);color:var(--text-secondary);padding:.75rem}.option-table td:last-child,.command-table td:last-child,.permission-table td:last-child{border-right:none}.option-table tr:last-child td,.command-table tr:last-child td,.permission-table tr:last-child td{border-bottom:none}.option-table tr:hover,.command-table tr:hover,.permission-table tr:hover{background:var(--bg-subtle)}.option-table code,.command-table code,.permission-table code{background:var(--bg-subtle);color:var(--accent-green);border-radius:0;padding:.2rem .4rem;font-weight:500}.concept-grid,.features-grid,.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;margin:2rem 0;display:grid}@media (width<=767px){.concept-grid,.features-grid,.benefits-grid{grid-template-columns:1fr}}.action-buttons{flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}@media (width<=767px){.action-buttons{flex-direction:column}}.btn-primary,.btn-secondary{text-align:center;transition:background-color var(--transition-normal), color var(--transition-normal), opacity var(--transition-normal), transform var(--transition-normal);cursor:pointer;border:none;border-radius:0;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}@media (width<=767px){.btn-primary,.btn-secondary{width:100%}}.btn-primary{background:var(--accent-green);color:var(--bg-void)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-primary)}.btn-secondary:hover,.btn-secondary:focus-visible{background:var(--bg-subtle);color:var(--text-primary)}.summary-box{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);border-radius:0;margin:3rem 0;padding:2rem}.summary-box h2{color:var(--text-primary);margin-bottom:1rem}.summary-box p,.summary-box li{color:var(--text-secondary)}.article-sidebar{flex-shrink:0;width:260px}@media (width<=767px){.article-sidebar{order:1;width:100%}}.sidebar-load-error{color:var(--text-secondary);background:var(--bg-elevated);border-left:3px solid var(--accent-red);margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.sidebar-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin-bottom:2rem;padding:1.5rem}.sidebar-section.sticky{position:sticky;top:calc(62px + 1.5rem)}@media (width<=767px){.sidebar-section.sticky{position:static}}.sidebar-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.sidebar-section ul{margin:0;padding:0;list-style:none}.sidebar-section li{background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:0;margin-bottom:.5rem;padding:.5rem}.sidebar-section a{color:var(--text-primary);font-size:.875rem;text-decoration:none}.sidebar-section a:hover{color:var(--accent-green)}.sidebar-section .sidebar-udemy-cta__disclosure{color:var(--text-muted);margin-top:.5rem;margin-bottom:0;font-size:.75rem}.sidebar-udemy-cta{border-left:4px solid var(--accent-green)}@media (width<=767px){.sidebar-udemy-cta.sticky{position:relative}}.sidebar-udemy-cta h3{color:var(--accent-green)}.sidebar-udemy-cta .sidebar-udemy-cta__badge{background:var(--accent-amber);color:var(--bg-void);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:0;font-weight:600;display:inline-block}.sidebar-udemy-cta .sidebar-udemy-cta__close{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;min-width:24px;min-height:24px;color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.sidebar-udemy-cta .sidebar-udemy-cta__close:hover{color:var(--text-primary)}.about-page .mission-content{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;margin:2rem 0;display:grid}.mission-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;padding:1.5rem}.mission-card h3{color:var(--text-primary);margin-bottom:1rem}.mission-card p{color:var(--text-secondary)}.story-content{line-height:1.7}.challenge-list{margin:1.5rem 0}.challenge-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin:1rem 0;padding:1rem}.challenge-item h4{color:var(--text-primary);margin-bottom:.5rem}.challenge-item p{color:var(--text-secondary)}.tech-stack{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.tech-category{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;padding:1rem}.tech-category h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.tech-category ul{margin:0;padding-left:1.25rem;list-style-type:disc}.tech-category li{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.security-list,.roadmap-list{margin:1rem 0;padding-left:1.25rem;list-style-type:disc}.security-list li,.roadmap-list li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.security-list li{font-size:.95rem}.roadmap-list li{font-size:.875rem}.tech-content ul:not(.security-list):not(.roadmap-list):not(.tech-category ul),.mission-content ul,.story-content ul{margin:1rem 0;padding-left:1.25rem;list-style-type:disc}.tech-content ol,.mission-content ol,.story-content ol,.faq-content ol,.accordion-content ol,article ol{margin:1rem 0;padding-left:1.5rem;list-style-type:decimal}article ol li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:.25rem;line-height:1.5}article ul{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}article ul li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:.25rem;line-height:1.5}.tech-content li:not(.security-list li):not(.roadmap-list li):not(.tech-category li),.mission-content li,.story-content li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.values-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.value-item{background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:0;padding:1rem}.faq-page .faq-category{margin-bottom:2rem}.faq-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin-bottom:1rem;overflow:hidden}.faq-question{background:var(--bg-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-normal);color:var(--text-primary);justify-content:space-between;align-items:center;margin:0;padding:1rem;display:flex}.faq-question:hover{background:var(--bg-elevated)}.faq-question:after{content:"▼";transition:transform var(--transition-normal);color:var(--text-muted);font-size:.8rem}.faq-question.active:after{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--border-primary);color:var(--text-secondary);padding:1rem;display:none}.faq-answer.active{display:block}.terms-page .definitions-list{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin:1rem 0;padding:1rem}.terms-page .definitions-list dt{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-weight:700}.terms-page .definitions-list dt:first-child{margin-top:0}.terms-page .definitions-list dd{color:var(--text-secondary);margin-bottom:.5rem;margin-left:1rem}@media print{.header,.breadcrumb,.article-sidebar,.site-footer,.action-buttons{display:none}.article-main{flex-direction:column;max-width:none;padding:0}.article-main article{max-width:none}.command,.code,.output{border:1px solid var(--border-color);background:var(--light-color)!important;color:var(--text-color)!important}a{color:var(--text-color)!important}.highlight-box,.btn-primary,.btn-secondary{border:1px solid var(--border-color);background:var(--light-color)!important;color:var(--text-color)!important}}@media (prefers-contrast:high){.btn-primary,.btn-secondary,.command,.code,.output{border:2px solid var(--text-color)}}pre{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}pre.command,pre.output{white-space:pre;overflow-x:auto}.permission-diagram{white-space:pre;max-width:100%;font-size:.8rem;overflow-x:auto}@media (width<=767px){.permission-diagram{font-size:.65rem}pre{padding:.75rem;font-size:.75rem}.permission-breakdown{-webkit-overflow-scrolling:touch;overflow-x:auto}}.investment-comparison-table{border:2px solid var(--border-primary);width:100%;box-shadow:none;background:var(--bg-elevated);border-radius:0;margin:1.5rem 0;overflow:hidden}.comparison-row{border-bottom:1px solid var(--border-primary);grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:var(--bg-subtle);color:var(--text-primary);border-bottom:2px solid var(--border-primary);font-weight:600}.comparison-row.header .comparison-item{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.comparison-row.linux{background:var(--bg-subtle);border-left:4px solid var(--accent-green)}@media (width<=767px){.comparison-row{border:1px solid var(--border-primary);background:var(--bg-elevated);box-shadow:none;border-radius:0;grid-template-columns:1fr;margin-bottom:1rem}.comparison-row.linux{border-left:4px solid var(--accent-green)}.comparison-row.header{display:none}}.comparison-item{text-align:left;border-right:1px solid var(--border-primary);color:var(--text-secondary);padding:.75rem;font-size:.875rem}.comparison-item:first-child{text-align:left;font-weight:500}.comparison-item:last-child{border-right:none}@media (width<=767px){.comparison-item{border-right:none;border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.comparison-item:last-child{border-bottom:none}.comparison-item:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}}.article-author-section{background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:none;border-radius:0;margin-bottom:2rem;padding:1.5rem}@media (width<=767px){.article-author-section{margin-bottom:1.5rem;padding:1.25rem}}.author-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.author-icon{font-size:1.25rem}.author-title{color:var(--text-primary);font-size:.95rem;font-weight:600}@media (width<=767px){.author-title{font-size:.875rem}}.author-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.6}@media (width<=767px){.author-description{font-size:.85rem}}.author-link{color:var(--accent-green);transition:color var(--transition-fast);align-items:center;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.author-link:hover{color:var(--text-primary);text-decoration:underline}@media (width<=767px){.author-link{font-size:.8rem}}.article-read-button-container{max-width:1000px;margin:3rem auto 2rem;padding:0 2rem}@media (width<=767px){.article-read-button-container{margin:2rem 0 1.5rem;padding-left:1rem;padding-right:1rem}}.article-read-section{background:var(--bg-elevated);border:1px solid var(--border-primary);text-align:center;box-shadow:none;border-radius:0;padding:2rem}@media (width<=767px){.article-read-section{margin:0;padding:1.5rem}}.article-read-header h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.article-read-header p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.article-read-button-wrapper{margin:1.5rem 0}.article-read-button{background:var(--accent-green);color:var(--bg-void);cursor:pointer;transition:opacity var(--transition-normal), transform var(--transition-normal);box-shadow:none;border:none;border-radius:50px;align-items:center;gap:.5rem;min-width:200px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;display:inline-flex}.article-read-button:hover{opacity:.9;box-shadow:none;transform:translateY(-2px)}.article-read-button:active{transform:translateY(0)}.article-read-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-icon{font-size:1.25rem}.read-button-hint{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.article-already-read{flex-direction:column;align-items:center;gap:.75rem;display:flex}.read-status{color:var(--success-color);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.status-icon{font-size:1.3rem}.read-time{color:var(--text-muted);font-size:.875rem}.article-unread-button{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;transition:background-color var(--transition-normal);border-radius:0;padding:.5rem 1rem;font-size:.875rem}.article-unread-button:hover{background:var(--bg-elevated)}.article-read-stats{border-top:1px solid var(--border-primary);margin:1.5rem 0;padding:1rem 0}.reading-stats{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}@media (width<=767px){.reading-stats{justify-content:space-around;gap:1rem}}.stat-item{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}@media (width<=767px){.stat-item{font-size:.8rem}}.stat-icon{font-size:1.125rem}.article-read-encouragement{border-top:1px solid var(--border-primary);margin-top:1.5rem;padding-top:1rem}.article-read-encouragement p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.article-navigation-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=767px){.article-navigation-links{gap:.5rem}}.article-nav-link{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary);transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), transform var(--transition-normal);border-radius:0;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.article-nav-link:hover{background:var(--accent-green);color:var(--bg-void);border-color:var(--accent-green);text-decoration:none;transform:translateY(-1px)}@media (width<=767px){.article-nav-link{padding:.4rem .8rem;font-size:.8rem}}.badge-name{color:var(--accent-green);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.salary-table,.learning-table{border-collapse:collapse;background:var(--bg-elevated);width:100%;box-shadow:none;border-radius:0;margin:1.5rem 0;overflow:hidden}.salary-table th,.salary-table td,.learning-table th,.learning-table td{text-align:left;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);padding:12px 16px}.salary-table th,.learning-table th{background:var(--bg-subtle);color:var(--text-primary);border-bottom:2px solid var(--accent-green);font-weight:600}.salary-table tbody tr:hover,.learning-table tbody tr:hover{background-color:var(--bg-subtle)}.salary-table tbody tr:last-child td,.learning-table tbody tr:last-child td{border-bottom:none}@media (width<=767px){.salary-table,.learning-table{font-size:.875rem}.salary-table th,.salary-table td,.learning-table th,.learning-table td{padding:8px 12px}}.category-header .category-badge{position:static}.tutorial-choice-nav{justify-content:center;gap:1.5rem;max-width:700px;margin:2rem auto 3rem;padding:0 1rem;display:flex}@media (width<=575px){.tutorial-choice-nav{flex-direction:column;gap:1rem}}.choice-card{background:var(--bg-elevated);border:2px solid var(--border-primary);transition:border-color var(--transition-normal), transform var(--transition-normal);text-align:center;border-radius:0;flex-direction:column;flex:1;align-items:center;padding:1.5rem 2rem;text-decoration:none;display:flex}.choice-card:hover{border-color:var(--accent-green);box-shadow:none;text-decoration:none;transform:translateY(-4px)}@media (width<=575px){.choice-card{padding:1.25rem 1.5rem}}.choice-icon{margin-bottom:.5rem;font-size:2rem}@media (width<=575px){.choice-icon{font-size:1.75rem}}.choice-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}@media (width<=575px){.choice-title{font-size:1rem}}.choice-desc{color:var(--text-secondary);font-size:.85rem}.choice-learning{border-color:var(--accent-green)}.choice-troubleshoot{border-color:var(--accent-red);background:var(--bg-elevated)}.choice-troubleshoot:hover{border-color:var(--accent-red);box-shadow:none}.troubleshooting-section{background:var(--bg-elevated);border:2px solid var(--accent-red);border-radius:0;margin:3rem 0;padding:2rem}.troubleshooting-section .category-header h2{border-bottom-color:var(--accent-red)}.troubleshooting-section .category-badge{background:var(--accent-red);color:var(--bg-void);position:static}@media (width<=767px){.troubleshooting-section{margin:2rem 0;padding:1.5rem 1rem}}.section-intro{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.troubleshoot-category{margin-bottom:2rem}.troubleshoot-category:last-child{margin-bottom:0}.troubleshoot-category h3{color:var(--text-primary);border-bottom:1px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem}@media (width<=767px){.troubleshoot-category h3{font-size:1rem}}.guides-index{max-width:1200px;margin:0 auto;padding:2rem 1rem}.guides-hero{background:var(--bg-elevated);color:var(--text-primary);text-align:center;border:1px solid var(--border-primary);border-radius:0;margin-bottom:3rem;padding:3rem 2rem}.guides-hero h1{margin-bottom:1rem;font-size:2.25rem;font-weight:700}.guides-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.guides-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.guide-card{background:var(--bg-elevated);box-shadow:none;transition:border-color var(--transition-normal), transform var(--transition-normal);color:inherit;cursor:pointer;border:1px solid var(--border-primary);border-radius:0;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.guide-card>.guide-card-content>a[href]:last-child:after{content:"";z-index:var(--z-base);position:absolute;inset:0}.guide-card:hover{border-color:var(--accent-green);box-shadow:none;transform:translateY(-4px)}.guide-card-image{aspect-ratio:3/2;background:var(--bg-subtle);width:100%;position:relative;overflow:hidden}.guide-card-image img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .3s}.guide-card:hover .guide-card-image img{transform:scale(1.05)}.guide-card-content{padding:1.5rem}.guide-card-header{background:var(--bg-subtle);color:var(--text-primary);align-items:center;gap:1rem;padding:1.5rem;display:flex}.guide-number{background:var(--accent-green);color:var(--bg-void);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:700;display:flex}.guide-card-body{padding:2rem}.guide-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.guide-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.guide-card a{color:var(--accent-green);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.guide-card a:hover{color:var(--text-primary)}.guide-description{color:var(--text-secondary);line-height:1.6}.guide-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.guide-meta span{align-items:center;gap:.25rem;display:flex}.learning-path{background:var(--bg-elevated);box-shadow:none;border:1px solid var(--border-primary);border-radius:0;margin-bottom:3rem;padding:3rem}.path-step{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.path-step:not(:last-child):after{content:"";background:var(--border-primary);width:2px;height:calc(100% - 10px);position:absolute;top:45px;left:20px}.guides-grid.compact{gap:1rem}.guides-grid.compact .guide-card{background:var(--bg-elevated)}.guides-grid.compact .guide-card-content{padding:1rem 1.25rem}@media (width<=767px){.guides-grid.compact .guide-card-content{padding:.875rem 1rem}}.guides-grid.compact h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.guides-grid.compact p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.guides-grid.compact a{color:var(--accent-green);font-size:.875rem;font-weight:500}.guides-grid.compact a:hover{color:var(--text-primary)}.guide-card.troubleshoot{border-left:4px solid var(--accent-red)}.article-conclusion{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin:3rem 0 2rem;padding:1.5rem 2rem}.article-conclusion h2{color:var(--text-primary);border-bottom:2px solid var(--accent-green);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}@media (width<=767px){.article-conclusion h2{font-size:1.125rem}}.article-conclusion h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.125rem}@media (width<=767px){.article-conclusion h3{font-size:1rem}.article-conclusion{margin:2rem 0 1.5rem;padding:1.25rem 1.5rem}}.next-action{margin-top:1.5rem}.next-reading-list{margin:0;padding:0;list-style:none}.next-reading-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.next-reading-list li:before{content:"→";color:var(--accent-green);font-weight:700;position:absolute;left:0}.next-reading-list li:last-child{margin-bottom:0}@media (width<=767px){.next-reading-list li{margin-bottom:.6rem;font-size:.95rem}}.next-reading-list a{color:var(--accent-green);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.next-reading-list a:hover{color:var(--text-primary);text-decoration:underline}.gamification-features{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:1.5rem;margin:2rem 0;display:grid}@media (width<=767px){.gamification-features{grid-template-columns:1fr}}.gamification-feature{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;padding:1.5rem}.gamification-feature p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.gamification-feature ul{margin:0;padding-left:1.5rem;list-style:none}.gamification-feature ul li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.feature-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.feature-header h3{color:var(--text-primary);margin:0;font-size:1.125rem}.feature-emoji{font-size:1.25rem}.article-main .badge-examples{flex-direction:column;gap:.5rem;display:flex}.article-main .badge-examples .badge-item{background:var(--bg-subtle);border:1px solid var(--border-primary);aspect-ratio:auto;text-align:left;cursor:default;border-radius:0;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;height:auto;min-height:0;max-height:none;padding:.5rem 1rem;display:flex}.article-main .badge-examples .badge-item:hover{box-shadow:none;transform:none}.article-main .badge-examples .badge-icon{flex-shrink:0;margin-bottom:0;font-size:1.125rem}.article-main .badge-examples .badge-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.article-main .badge-examples .badge-desc{color:var(--text-secondary);text-align:right;margin-left:auto;font-size:.875rem}@media (width<=767px){.article-main .badge-examples .badge-desc{display:none}}.level-progression{flex-direction:column;gap:.5rem;display:flex}.level-item{background:var(--bg-subtle);border:1px solid var(--border-primary);border-radius:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.level-icon{flex-shrink:0;font-size:1.125rem}.level-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.level-requirement{color:var(--text-secondary);margin-left:auto;font-size:.875rem}.motivation-note{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);border-radius:0;margin-top:2rem;padding:1.5rem}.motivation-note h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.motivation-note p{color:var(--text-secondary);margin:0;line-height:1.6}.dashboard-features{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;margin:2rem 0;display:grid}@media (width<=767px){.dashboard-features{grid-template-columns:1fr}}.dashboard-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;padding:1.5rem}.dashboard-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.dashboard-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.dashboard-section ul{margin:0;padding-left:1.5rem}.dashboard-section ul li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.dashboard-tips{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-amber);border-radius:0;margin-top:2rem;padding:1.5rem}.dashboard-tips h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.dashboard-tips ul{margin:0;padding-left:1.5rem}.dashboard-tips ul li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.article-main .tip-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem;margin-top:1rem;display:grid}@media (width<=767px){.article-main .tip-grid{grid-template-columns:1fr}}.article-main .tip-grid .tip-item{background:var(--bg-subtle);border:1px solid var(--border-primary);text-align:left;border-radius:0;width:100%;max-width:none;padding:1rem;display:block}.article-main .tip-grid .tip-item h4{width:100%;color:var(--text-primary);writing-mode:horizontal-tb;margin-bottom:.5rem;font-size:1rem;display:block}.article-main .tip-grid .tip-item p{width:100%;color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5;display:block}.next-step-hint{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);border-radius:0;margin-top:2rem;padding:1.5rem}.next-step-hint h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.next-step-hint p{color:var(--text-secondary);margin:0;line-height:1.6}.example-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin-bottom:1rem;padding:1.5rem}.example-item h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.example-item pre.code{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1rem;overflow-x:auto}.pattern-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:0;margin-bottom:.5rem;padding:1rem}.pattern-item h6{color:var(--accent-amber);margin-bottom:.25rem;font-size:.875rem}.pattern-item code{background:var(--bg-surface);color:var(--text-primary);padding:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;display:block;overflow-x:auto}.pattern-item .strict-version{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.5rem}.pattern-item .strict-version p{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem}.mistake-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-red);border-radius:0;margin-bottom:1rem;padding:1.5rem}.mistake-item h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.mistake-item .error-example{background:var(--bg-surface);border:1px solid var(--accent-red);margin-bottom:.5rem;padding:.5rem}.mistake-item .error-example code{color:var(--accent-red);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.solution{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-green);border-radius:0;margin-top:.5rem;padding:1rem}.solution h5{color:var(--accent-green);margin-bottom:.5rem;font-size:.875rem}.solution ul{margin:0;padding-left:1.5rem}.solution ul li{color:var(--text-secondary);margin-bottom:.25rem}.method{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:0;margin-bottom:.5rem;padding:1rem}.method h6{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem}.method code{background:var(--bg-elevated);color:var(--accent-amber);padding:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;display:block}.arrow{color:var(--text-muted);text-align:center;padding:.25rem 0;font-size:1.125rem}.article-index-search-section{background:var(--bg-elevated);border-radius:0;margin-bottom:2rem;padding:1.5rem}.article-index-search-box{align-items:center;gap:.5rem;display:flex}.article-index-search-wrapper{flex:1;position:relative}.article-index-search-input{border:1px solid var(--border-primary);background:var(--bg-surface);width:100%;color:var(--text-primary);border-radius:0;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem}.article-index-search-input::placeholder{color:var(--text-muted)}.article-index-search-input:focus{outline:2px solid var(--accent-amber);outline-offset:-2px}.article-index-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;display:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.article-index-search-clear:hover{color:var(--text-primary)}.article-index-search-stats{color:var(--text-secondary);margin-top:.5rem;font-size:.875rem}.article-index-no-results{background:var(--bg-subtle);color:var(--text-secondary);border-radius:0;margin-top:1rem;padding:1rem;display:none}.article-tag-filter{flex-wrap:wrap;gap:.25rem;margin-top:1rem;display:flex}.article-tag-filter-btn{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:0;padding:.35rem .75rem;font-size:.875rem}.article-tag-filter-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.article-tag-filter-btn.active{background:var(--accent-amber);color:#000;border-color:var(--accent-amber)}.article-tag-filter-btn.active:focus-visible{outline-color:var(--text-primary)}.guide-card.hidden{display:none}@media (width<=600px){.article-index-search-box{flex-direction:column}.article-index-search-wrapper{width:100%}.article-tag-filter{gap:.35rem}.article-tag-filter-btn{padding:.3rem .6rem;font-size:.8rem}}.command-example>pre{margin:0}.article-header{margin-bottom:2rem}.related-links{padding:0;list-style:none}.related-links li{margin-bottom:.5rem}.article-cta-triple{border-top:1px solid var(--border-primary);grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:2rem;display:grid}@media (width<=768px){.article-cta-triple{grid-template-columns:1fr;gap:.5rem}}.article-cta-triple__card{background:var(--bg-surface);border:1px solid var(--border-primary);border-left:3px solid var(--accent-cloud);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.article-cta-triple__card:hover,.article-cta-triple__card:focus-visible{background:var(--bg-elevated);border-color:var(--accent-cloud);transform:translateY(-2px)}.article-cta-triple__card:focus-visible{box-shadow:0 0 0 2px var(--accent-cloud);outline:none}@media (prefers-reduced-motion:reduce){.article-cta-triple__card:hover,.article-cta-triple__card:focus-visible{transform:none}}.article-cta-triple__icon{font-size:1.5rem;line-height:1}.article-cta-triple__title{color:var(--text-primary);font-size:1rem;font-weight:600}.article-cta-triple__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.article-next-step{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--bg-surface);border-top:2px solid var(--border-primary);border-bottom:2px solid var(--border-primary)}.next-step-title{color:var(--text-primary);margin:0 0 var(--spacing-xl) 0;border-bottom:none;border-left:4px solid var(--accent-amber);border-radius:0;padding-left:1rem;font-size:1.25rem;font-weight:600}.next-step-grid{gap:var(--spacing-md);flex-wrap:wrap;display:flex}@media (width<=767px){.next-step-grid{flex-direction:column}}.next-step-card{gap:var(--spacing-xs);min-width:0;padding:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-primary);min-height:var(--touch-target-min);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:0;flex-direction:column;flex:1;text-decoration:none;display:flex}.next-step-card:hover,.next-step-card:focus-visible{background:var(--bg-subtle);border-color:var(--accent-amber)}.next-step-card:focus-visible{box-shadow:0 0 0 2px var(--accent-amber);outline:none}@media (prefers-reduced-motion:reduce){.next-step-card{transition:none}}@media (width<=767px){.next-step-card{padding:var(--spacing-md)}}.next-step-label{color:var(--accent-amber);font-size:.875rem;font-weight:600}.next-step-card-title{color:var(--text-primary);font-size:1rem;line-height:1.4}.next-step-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.next-step-mock-exam-cta{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated);border:2px solid var(--accent-amber);color:var(--accent-amber);text-align:center;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;font-size:1rem;font-weight:600;text-decoration:none;display:block}.next-step-mock-exam-cta:hover,.next-step-mock-exam-cta:focus-visible{background:var(--accent-amber);color:var(--bg-void)}.next-step-mock-exam-cta:focus-visible{box-shadow:0 0 0 2px var(--accent-amber);outline:none}@media (prefers-reduced-motion:reduce){.next-step-mock-exam-cta{transition:none}}.article-content>h2:before{content:"## "}@supports (content:"a"/"b"){.article-content>h2:before{content:"## " / ""}}.article-content>h2:before{color:var(--accent-brand);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400}.article-sidebar-sticky{margin-bottom:1.5rem;position:sticky;top:calc(62px + 1.5rem)}@media (width<=767px){.article-sidebar-sticky{position:static}}.article-sidebar-sticky:has(.article-sidebar-toc)~.sidebar-section.sticky{position:static}.article-sidebar-toc{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:1.125rem 1rem}.article-sidebar-toc__heading{letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;font-weight:500}.article-sidebar-toc__list{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.article-sidebar-toc__item{margin:0}.article-sidebar-toc__link{color:var(--text-muted);transition:color var(--transition-fast);border-left:2px solid #0000;padding:.4rem 0 .4rem .625rem;font-size:.8125rem;line-height:1.6;text-decoration:none;display:block}@media (hover:hover){.article-sidebar-toc__link:hover{color:var(--text-primary)}}.article-sidebar-toc__link.is-current{border-left-color:var(--accent-brand);color:var(--text-primary)}.article-sidebar-toc__link:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.article-toc-cta{background:var(--accent-brand);border:1px solid var(--accent-brand);color:var(--text-on-brand);text-align:center;transition:background-color var(--transition-fast);margin-top:.75rem;padding:.75rem 1rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;text-decoration:none;display:block}.article-toc-cta:before{content:"▸ "}@supports (content:"a"/"b"){.article-toc-cta:before{content:"▸ " / ""}}@media (hover:hover){.article-toc-cta:hover{background:var(--accent-brand-hover);border-color:var(--accent-brand-hover)}}.article-toc-cta:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.article-share{background:var(--bg-elevated);border:1px solid var(--border-primary);flex-wrap:wrap;align-items:center;gap:.75rem;margin:2rem 0;padding:1rem 1.125rem;display:flex}.article-share__heading{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.article-share__actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.article-share__button{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;text-decoration:none;display:inline-flex}@media (hover:hover){.article-share__button:hover{color:var(--text-primary);border-color:var(--text-dim)}}.article-share__button.is-copied{border-color:var(--accent-green);color:var(--accent-green)}.article-share__button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.article-share__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.command-example.has-copy-button,pre.output.has-copy-button{position:relative}.code-copy-button{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);padding:.25rem .625rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem;position:absolute;top:.5rem;right:.5rem}@media (hover:hover){.code-copy-button:hover{color:var(--text-primary)}}.code-copy-button.is-copied{color:var(--accent-green);border-color:var(--accent-green)}.code-copy-button:focus-visible{opacity:1;outline:2px solid var(--accent-amber);outline-offset:2px}.command-example.has-copy-button:hover .code-copy-button,pre.output.has-copy-button:hover .code-copy-button,.code-copy-button.is-copied{opacity:1}@media (hover:none){.code-copy-button{opacity:1}}.warning-box{border-left:none;border:1px solid var(--accent-amber);background:rgba(var(--accent-amber-rgb), .05);color:var(--text-secondary)}.danger-box{border-left:none;border:1px solid var(--accent-red);background:rgba(var(--accent-red-rgb), .05);color:var(--text-secondary)}.tip-box{border-left:none;border:1px solid var(--accent-green);background:rgba(var(--accent-green-rgb), .05);color:var(--text-secondary)}.articles-index{max-width:75rem;margin:0 auto;padding:0 1rem 4rem}.articles-index-hero{margin-bottom:2.25rem}.articles-index-hero h1{color:var(--text-primary);margin:.5rem 0 .75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:900}.articles-index-intro{max-width:46rem;color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.9}.articles-index-controls{margin-bottom:2rem}.articles-index-search{background:var(--bg-elevated);border:1px solid var(--border-primary);align-items:center;gap:.625rem;max-width:34rem;padding:0 .875rem;display:flex}.articles-index-search:focus-within{border-color:var(--accent-brand)}.articles-index-search-prompt{color:var(--accent-brand);-webkit-user-select:none;user-select:none;flex:none;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.articles-index-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;padding:.75rem 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.articles-index-search-input::placeholder{color:var(--text-muted)}.articles-index-search-input:focus{outline:none}.articles-index-search-input::-webkit-search-cancel-button{appearance:none}.articles-index-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:.25rem;font-size:.875rem}@media (hover:hover){.articles-index-search-clear:hover{color:var(--text-primary)}}.articles-index-search-clear:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.articles-index-tabs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.articles-index-tab{background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-secondary);letter-spacing:.04em;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);padding:.5rem .9375rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}@media (hover:hover){.articles-index-tab:hover{color:var(--text-primary);border-color:var(--text-dim)}}.articles-index-tab[aria-pressed=true]{background:var(--accent-brand);border-color:var(--accent-brand);color:var(--text-on-brand)}.articles-index-tab:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.articles-index-count{color:var(--text-muted);margin:1.125rem 0 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.articles-index-grid{grid-template-columns:repeat(auto-fill,minmax(min(18.75rem,100%),1fr));gap:1.125rem;display:grid}.articles-index-card{background:var(--bg-elevated);border:1px solid var(--border-primary);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);flex-direction:column;padding:1.375rem 1.25rem;text-decoration:none;display:flex}@media (hover:hover){.articles-index-card:hover{transform:translateY(-4px)}}.articles-index-card:focus-visible{transform:translateY(-4px)}.articles-index-card:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.articles-index-card:hover,.articles-index-card:focus-visible,.articles-index-card:active{transform:none}}@media (hover:hover){.articles-index-card:hover{border-color:rgba(var(--accent-brand-rgb), .55);box-shadow:0 16px 40px #00000073}}.articles-index-card:focus-visible{border-color:rgba(var(--accent-brand-rgb), .55);outline:2px solid var(--accent-amber);outline-offset:2px;box-shadow:0 16px 40px #00000073}.articles-index-card[hidden]{display:none}.articles-index-card-top{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.articles-index-card-chip{letter-spacing:.04em;white-space:nowrap;border:1px solid;padding:.1875rem .5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem}.articles-index-card-chip--guides{color:var(--accent-info)}.articles-index-card-chip--troubleshooting{color:var(--accent-amber)}.articles-index-card-chip--tutorials{color:var(--accent-violet)}.articles-index-card-date{color:var(--text-dim);flex:none;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem}.articles-index-card-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.55}.articles-index-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 1rem;font-size:.8125rem;line-height:1.8;display:-webkit-box;overflow:hidden}.articles-index-card-foot{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.articles-index-card-readtime{color:var(--text-dim);font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.6875rem}.articles-index-card-cta{color:var(--accent-brand);margin-left:auto;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}.articles-index-no-results{border:1px dashed var(--border-primary);text-align:center;color:var(--text-muted);margin:2.5rem 0 0;padding:2.5rem 1.25rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.sitemap-toc{background:var(--bg-subtle,#2a2a2a);border-radius:0;margin-bottom:2rem;padding:1rem 1.5rem}.sitemap-toc ul{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.sitemap-toc a{color:var(--accent-amber,#c9a227);font-weight:500;text-decoration:none}.sitemap-toc a:hover{text-decoration:underline}.search-section{background:var(--bg-elevated,#1e1e1e);color:var(--text-primary,#f0f0f0);border-radius:0;margin-bottom:2rem;padding:1.5rem}.search-section h2{color:#fff;margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.search-section p{opacity:.9;margin-bottom:1rem}.search-box{align-items:center;gap:.5rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input{border:none;border-radius:0;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem}.search-clear{cursor:pointer;color:#b0b0b0;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;display:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:#f0f0f0}.search-stats{opacity:.9;margin-top:.75rem;font-size:.9rem}.search-no-results{background:#ffffff1a;border-radius:0;margin-top:1rem;padding:1rem;display:none}.search-no-results a{color:#fff;text-decoration:underline}.sitemap-section{margin-bottom:2.5rem}.sitemap-section h2{border-bottom:2px solid var(--border-primary,#333);margin-bottom:1rem;padding-bottom:.5rem}.sitemap-list{margin:0;padding:0;list-style:none}.sitemap-item{border-bottom:1px solid var(--border-subtle,#1f1f1f);padding:.75rem 0}.sitemap-item:last-child{border-bottom:none}.sitemap-item a{color:var(--accent-amber,#c9a227);font-weight:500;text-decoration:none}.sitemap-item a:hover{text-decoration:underline}.sitemap-item.hidden{display:none}.sitemap-description{color:#b0b0b0;margin:.25rem 0 0;font-size:.9rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.sitemap-toc ul{flex-direction:column;gap:.5rem}.search-box{flex-direction:column}.search-input-wrapper{width:100%}}.noscript-content{background:var(--bg-elevated,#1e1e1e);border-radius:0;max-width:800px;margin:2rem auto;padding:2rem}.noscript-content h2{color:var(--text-primary,#f0f0f0);margin-bottom:1rem}.noscript-content p{color:var(--text-secondary,#b0b0b0);margin-bottom:1.5rem}.noscript-content p:nth-of-type(2){margin-bottom:1rem}.noscript-content ul{color:var(--text-primary,#f0f0f0);line-height:2}.noscript-content ul a{color:var(--accent-amber,#fbbf24)}.seo-content{background:var(--bg-surface,#121212);border-radius:0;max-width:900px;margin:0 auto 2rem;padding:2rem}.seo-content h1,.seo-content h2{color:var(--text-primary,#f0f0f0);margin-bottom:1rem;font-size:1.5rem}.seo-content h3{color:var(--text-primary,#f0f0f0);margin:1.5rem 0 1rem;font-size:1.2rem}.seo-content p{color:var(--text-secondary,#b0b0b0);margin-bottom:1.5rem;line-height:1.8}.seo-content p a{color:var(--accent-amber,#fbbf24)}.seo-content ul{color:var(--text-secondary,#b0b0b0);padding-left:1.5rem;line-height:2}.privacy-policy-page{background:var(--btn-bg-primary);min-height:100vh;margin:0;padding:2rem 0}.privacy-policy{background:var(--bg-surface);max-width:900px;box-shadow:var(--shadow-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:0;margin:0 auto;padding:3rem;line-height:1.7}.privacy-policy h1{color:var(--text-primary);text-align:center;border-bottom:3px solid var(--accent-green);margin-bottom:1rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700}.privacy-policy h2{color:var(--text-primary);border-left:5px solid var(--accent-green);background:0 0;margin:3rem 0 1.5rem;padding:.75rem 0 .5rem 1rem;font-size:1.5rem;font-weight:600}.privacy-policy h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.2rem;font-weight:600}.privacy-policy p{text-align:justify;margin:1rem 0;font-size:1rem}.privacy-policy ul,.privacy-policy ol{margin:1rem 0 1rem 2rem}.privacy-policy li{margin:.5rem 0;line-height:1.6}.privacy-policy a{color:var(--accent-amber);transition:color var(--transition-fast);text-decoration:underline}.privacy-policy a:hover{color:var(--text-primary)}.privacy-policy strong{color:var(--text-primary);font-weight:600}.privacy-policy .highlight{background:var(--bg-subtle);border-left:6px solid var(--accent-green);box-shadow:0 4px 15px var(--shadow-green-subtle);border-radius:0;margin:2rem 0;padding:2rem}.privacy-policy .highlight p{margin:.5rem 0}.privacy-policy .contact-info{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;margin:2rem 0;padding:2rem;box-shadow:inset 0 1px 3px #0000000d}.privacy-policy .toc{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:0;margin:2rem 0;padding:2rem}.privacy-policy .toc h3{color:var(--text-primary);text-align:center;margin-top:0;font-size:1.3rem}.privacy-policy .toc ul{columns:2;column-gap:2rem;margin:1rem 0 0;list-style:none}.privacy-policy .toc li{break-inside:avoid;margin:.5rem 0}.privacy-policy .toc a{color:var(--accent-amber);transition:color var(--transition-fast);border-radius:0;padding:.3rem .5rem;font-weight:500;text-decoration:none;display:block}.privacy-policy .toc a:hover{color:var(--text-primary);background:var(--bg-subtle)}.privacy-policy .back-link{background:var(--accent-green);color:var(--bg-void);transition:filter var(--transition-fast), transform var(--transition-fast);box-shadow:0 4px 15px var(--shadow-green-light);border-radius:0;align-items:center;gap:.5rem;margin-top:3rem;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.privacy-policy .back-link:hover{box-shadow:0 8px 25px var(--shadow-green-medium);filter:brightness(.9);transform:translateY(-2px)}.privacy-policy .last-updated{color:var(--text-secondary);text-align:center;background:var(--bg-elevated);border-radius:0;width:100%;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-style:italic;display:inline-block}.error-page{text-align:center;padding:var(--spacing-xl) var(--spacing-md);max-width:800px;margin:0 auto}.error-content{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.error-image{width:100%;max-width:200px;margin:0 auto}@media (width<=767px){.error-image{max-width:150px}}.error-penguin-image{object-fit:contain;width:100%;height:auto}.error-code{color:var(--accent-amber);margin:var(--spacing-md) 0;font-size:6rem;font-weight:700;line-height:1}@media (width<=767px){.error-code{font-size:4rem}}.error-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}@media (width<=767px){.error-title{font-size:var(--font-size-xl)}}.error-description{color:var(--text-secondary);max-width:600px;line-height:1.8}.terminal-mockup{background:var(--bg-void);border:1px solid var(--border-primary);padding:var(--spacing-md);text-align:left;font-family:var(--font-mono);font-size:var(--font-size-sm);max-width:100%;margin:var(--spacing-lg) 0;border-radius:0;overflow-x:auto}.terminal-line{margin:var(--spacing-xs) 0;white-space:nowrap}.terminal-line .prompt{color:var(--accent-green)}.terminal-line .command{color:var(--text-primary);margin-left:var(--spacing-xs)}.terminal-line .error-output{color:var(--accent-red)}.terminal-line .ls-output,.terminal-line .file-list{color:var(--terminal-file-list)}.search-box{gap:var(--spacing-sm);width:100%;max-width:500px;margin:var(--spacing-lg) 0;display:flex}@media (width<=767px){.search-box{flex-direction:column}}.search-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-base);border-radius:0;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-amber);outline:none}.search-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--btn-bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;font-size:var(--font-size-base);transition:background-color var(--transition-normal);border-radius:0}.search-button:hover{background:var(--bg-subtle)}.suggestions{text-align:left;width:100%;max-width:500px;margin:var(--spacing-lg) 0}.suggestions h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.suggestion-list{padding:0;list-style:none}.suggestion-list li{margin:var(--spacing-sm) 0}.suggestion-list li a{color:var(--accent-amber);transition:color var(--transition-normal);text-decoration:none}.suggestion-list li a:hover{color:var(--text-primary);text-decoration:underline}.quick-links{gap:var(--spacing-md);width:100%;max-width:700px;margin:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.quick-link-card{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-md);text-align:left;border-radius:0}.quick-link-card h4{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.quick-link-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.quick-link-card a{color:var(--accent-amber);font-size:var(--font-size-sm);text-decoration:none}.quick-link-card a:hover{text-decoration:underline}.action-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.back-button{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:background-color var(--transition-normal), color var(--transition-normal);background:0 0;border-radius:0}.back-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.additional-info{text-align:left;width:100%;max-width:500px;margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:0}.additional-info h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.additional-info p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.additional-info ul{color:var(--text-secondary);padding-left:var(--spacing-lg);text-align:left;max-width:400px;margin:0 auto}.additional-info ul li{margin:var(--spacing-xs) 0}.lpic1-page{padding-bottom:var(--spacing-3xl)}.lpic1-section-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin:var(--spacing-2xl) 0 var(--spacing-md);border-radius:0}.lpic1-section-lead{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.lpic1-hero{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-2xl) var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-hero-title{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.lpic1-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.lpic1-hero-flow{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.lpic1-flow-step{gap:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-lg);border-radius:0;display:flex}.lpic1-step-number{background:var(--bg-void);width:2.5rem;height:2.5rem;color:var(--accent-green);border:1px solid var(--border-primary);font-size:var(--font-size-xl);border-radius:0;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.lpic1-step-content h2{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.lpic1-step-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.lpic1-exam-cta{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-exam-cta-heading{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.lpic1-exam-cta-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.7}.lpic1-cta-button--exam{background:var(--accent-green);color:var(--bg-void);border-color:var(--accent-green)}.lpic1-cta-button--exam:hover,.lpic1-cta-button--exam:focus-visible{background:var(--bg-void);color:var(--accent-green);outline-color:var(--accent-green)}.lpic1-overview-cta{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-overview-cta-heading{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.lpic1-overview-cta-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.7}.lpic1-overview-cta-link{background:var(--bg-void);color:var(--accent-green);border:1px solid var(--accent-green);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);border-radius:0;font-weight:700;text-decoration:none;display:inline-block}.lpic1-overview-cta-link:hover,.lpic1-overview-cta-link:focus-visible{background:var(--accent-green);color:var(--bg-void)}.lpic1-exam-info{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-pillar-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}.lpic1-pillar-card{gap:var(--spacing-xs);background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-lg);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:0;flex-direction:column;text-decoration:none;display:flex}.lpic1-pillar-card:hover,.lpic1-pillar-card:focus-visible{border-color:var(--accent-green);color:var(--text-primary)}.lpic1-pillar-card__label{font-size:var(--font-size-sm);color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.lpic1-pillar-card__title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.lpic1-pillar-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.lpic1-article-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}.lpic1-article-card{align-items:center;gap:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-lg);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:0;text-decoration:none;display:flex}.lpic1-article-card:hover,.lpic1-article-card:focus-visible{border-color:var(--accent-green);color:var(--text-primary)}.lpic1-article-icon{font-size:var(--font-size-2xl);flex:none}.lpic1-article-name{font-size:var(--font-size-base)}.lpic1-study-plan,.lpic1-quiz,.lpic1-practice{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-cta-wrap{justify-content:center;display:flex}.lpic1-cta-button{background:var(--bg-void);color:var(--accent-green);border:1px solid var(--accent-green);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;font-weight:700;text-decoration:none;display:inline-block}.lpic1-cta-button:hover,.lpic1-cta-button:focus-visible{background:var(--accent-green);color:var(--bg-void)}.lpic1-progress{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-progress[hidden]{display:none}.lpic1-progress-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.lpic1-progress-count{font-size:var(--font-size-3xl);color:var(--accent-green);font-weight:700}.lpic1-progress-total{font-size:var(--font-size-lg);color:var(--text-secondary)}.lpic1-progress-bar{background:var(--bg-void);border:1px solid var(--border-primary);height:.5rem;margin-top:var(--spacing-md);border-radius:0;overflow:hidden}.lpic1-progress-bar-fill{background:var(--accent-green);height:100%}.lpic1-udemy{margin:var(--spacing-xl) 0}.lpic1-udemy-placeholder{background:var(--bg-surface);border:1px dashed var(--border-primary);border-radius:0;min-height:6rem}.lpic1-udemy-placeholder:empty{display:block}.lpic1-cluster{margin:var(--spacing-xl) 0}.lpic1-cluster-heading{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle);border-radius:0}.lpic1-cluster-objectives{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-sm);font-weight:400}.lpic1-faq{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.lpic1-faq-list{margin:0;padding:0}.lpic1-faq-item{border-bottom:1px solid var(--border-subtle)}.lpic1-faq-item:last-child{border-bottom:none}.lpic1-faq-question{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--spacing-md) 0 var(--spacing-xs);margin:0;font-weight:700}.lpic1-faq-answer{font-size:var(--font-size-sm);color:var(--text-secondary);padding:0 0 var(--spacing-md);margin:0;line-height:1.7}.lpic1-faq-more{margin:var(--spacing-lg) 0 0;font-size:var(--font-size-sm)}.lpic1-faq-more a{color:var(--accent-amber);text-decoration:none}.lpic1-faq-more a:hover{text-decoration:underline}.lpic1-next-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.lpic1-next-card{gap:var(--spacing-xs);background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-lg);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:0;flex-direction:column;text-decoration:none;display:flex}.lpic1-next-card:hover,.lpic1-next-card:focus-visible{border-color:var(--accent-green)}.lpic1-next-icon{font-size:var(--font-size-2xl)}.lpic1-next-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.lpic1-next-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.lpic1-next-grid{align-items:stretch}.devops-page{padding-bottom:var(--spacing-3xl)}.devops-section-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin:var(--spacing-2xl) 0 var(--spacing-md);border-radius:0}.devops-section-lead{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.devops-hero{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-2xl) var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.devops-hero-title{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.devops-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.devops-hero-flow{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.devops-flow-step{gap:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-lg);border-radius:0;display:flex}.devops-step-number{background:var(--bg-void);width:2.5rem;height:2.5rem;color:var(--accent-green);border:1px solid var(--border-primary);font-size:var(--font-size-xl);border-radius:0;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.devops-step-content h2{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.devops-step-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.devops-bridge-cta{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:4px solid var(--accent-green);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.devops-bridge-cta-heading{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.devops-bridge-cta-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.7}.devops-topic{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.devops-topic-heading{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle);border-radius:0}.devops-topic-label{font-size:var(--font-size-sm);color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;margin-left:var(--spacing-sm);font-weight:700}.devops-topic-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.7}.devops-article-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));display:grid}.devops-article-card{align-items:center;gap:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-lg);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:0;text-decoration:none;display:flex}.devops-article-card:hover,.devops-article-card:focus-visible{border-color:var(--accent-green);color:var(--text-primary)}.devops-article-icon{font-size:var(--font-size-2xl);flex:none}.devops-article-name{font-size:var(--font-size-base)}.devops-udemy{margin:var(--spacing-xl) 0}.devops-udemy-placeholder:empty{display:none}.devops-faq{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.devops-faq-list{margin:0;padding:0}.devops-faq-item{border-bottom:1px solid var(--border-subtle)}.devops-faq-item:last-child{border-bottom:none}.devops-faq-question{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--spacing-md) 0 var(--spacing-xs);margin:0;font-weight:700}.devops-faq-answer{font-size:var(--font-size-sm);color:var(--text-secondary);padding:0 0 var(--spacing-md);margin:0;line-height:1.7}.devops-cta-wrap{justify-content:center;display:flex}.devops-cta-button{background:var(--bg-void);color:var(--accent-green);border:1px solid var(--accent-green);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;font-weight:700;text-decoration:none;display:inline-block}.devops-cta-button:hover,.devops-cta-button:focus-visible{background:var(--accent-green);color:var(--bg-void)}.devops-next-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:stretch;display:grid}.devops-next-card{gap:var(--spacing-xs);background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-lg);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:0;flex-direction:column;text-decoration:none;display:flex}.devops-next-card:hover,.devops-next-card:focus-visible{border-color:var(--accent-green)}.devops-next-icon{font-size:var(--font-size-2xl)}.devops-next-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.devops-next-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.roadmap-page{padding-bottom:var(--spacing-3xl)}.roadmap-section-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin:var(--spacing-2xl) 0 var(--spacing-md)}.roadmap-hero{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-2xl) var(--spacing-xl);margin:var(--spacing-xl) 0;border-radius:0}.roadmap-hero-title{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.roadmap-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.roadmap-hero-flow{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.roadmap-hero-flow{grid-template-columns:repeat(3,1fr)}}.roadmap-flow-step{gap:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--spacing-lg);border-radius:0;display:flex}.roadmap-flow-step--primary{border-color:var(--accent-green);color:inherit;grid-column:1/-1;text-decoration:none}.roadmap-flow-step--primary .roadmap-step-number{width:3rem;height:3rem;font-size:var(--font-size-2xl);background:var(--accent-green);color:var(--bg-void);border-color:var(--accent-green)}.roadmap-flow-step--primary .roadmap-step-label{font-size:var(--font-size-xl);color:var(--accent-green)}.roadmap-flow-step--primary:hover,.roadmap-flow-step--primary:focus-visible{background:rgba(var(--accent-green-rgb), .05)}.roadmap-step-number{background:var(--bg-void);width:2.5rem;height:2.5rem;color:var(--accent-green);border:1px solid var(--border-primary);font-size:var(--font-size-xl);border-radius:0;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.roadmap-step-content .roadmap-step-label{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:700}.roadmap-step-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.roadmap-stage{border:1px solid var(--border-primary);margin:var(--spacing-xl) 0;background:var(--bg-elevated);border-radius:0}.roadmap-stage-header{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);border-bottom:1px solid var(--border-subtle);display:flex}.roadmap-stage-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);letter-spacing:.05em;border:1px solid;border-radius:0;flex:none;font-weight:700;display:inline-block}.roadmap-stage-badge[data-stage=beginner]{color:var(--accent-green);border-color:var(--accent-green)}.roadmap-stage-badge[data-stage=basics]{color:var(--accent-amber);border-color:var(--accent-amber)}.roadmap-stage-badge[data-stage=practical]{color:var(--accent-cloud);border-color:var(--accent-cloud)}.roadmap-stage-badge[data-stage=intermediate]{color:var(--accent-red);border-color:var(--accent-red)}.roadmap-stage-meta{flex:1;min-width:0}.roadmap-stage-title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-xs)}.roadmap-stage-duration{font-size:var(--font-size-sm);color:var(--text-muted)}.roadmap-stage-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.roadmap-stage-lead{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.roadmap-article-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.roadmap-article-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:0;text-decoration:none;display:flex}.roadmap-article-card:hover,.roadmap-article-card:focus-visible{border-color:var(--accent-green);color:var(--text-primary)}.roadmap-article-name{font-size:var(--font-size-sm);line-height:1.4}.roadmap-cta{background:var(--bg-elevated);border:1px solid var(--border-primary);padding:var(--spacing-2xl) var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:center;border-radius:0}.roadmap-cta-wrap{margin-top:var(--spacing-lg)}.roadmap-cta-button{padding:var(--spacing-md) var(--spacing-2xl);background:var(--bg-subtle);color:var(--accent-green);border:1px solid var(--accent-green);font-weight:700;font-size:var(--font-size-lg);border-radius:0;text-decoration:none;display:inline-block}.roadmap-cta-button:hover,.roadmap-cta-button:focus-visible{background:rgba(var(--accent-green-rgb), .1);color:var(--accent-green)}.command-index-page{background:var(--bg-void);color:var(--text-primary)}.command-index-page .command-index-search-input,.command-index-page .command-index-search-clear,.command-index-page .command-index-tag-btn,.command-index-page .command-index-alpha-jump,.command-index-page .command-index-alpha-jump__link,.command-index-page .command-index-section,.command-index-page .command-index-card,.command-index-page .command-index-card__thumb,.command-index-page .command-index-card__tag,.command-index-page .command-index-search-section,.command-index-page .command-index-no-results{border-radius:0}.command-index-main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.command-index-h1{color:var(--text-primary);border-left:4px solid var(--accent-primary);margin-bottom:1rem;padding-left:1rem;font-size:2rem}.command-index-intro{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.command-index-typing-cta{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.command-index-typing-cta a{color:var(--accent-green);text-decoration:none}.command-index-typing-cta a:hover,.command-index-typing-cta a:focus-visible{text-decoration:underline}.command-index-search-section{background:var(--bg-surface);border:1px solid var(--border-subtle);margin-bottom:1.5rem;padding:1.25rem}.command-index-search-box{margin-bottom:.75rem}.command-index-search-wrapper{position:relative}.command-index-search-input{background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);padding:.75rem 2.5rem .75rem .75rem;font-family:inherit;font-size:1rem}.command-index-search-input:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.command-index-search-input::-webkit-search-cancel-button{display:none}.command-index-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.5rem;display:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.command-index-search-clear.visible{display:block}.command-index-search-clear:hover{color:var(--accent-primary)}.command-index-search-stats{color:var(--text-secondary);font-size:.9rem}.command-index-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}.command-index-alpha-jump{background:var(--bg-surface);border:1px solid var(--border-subtle);flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;padding:.75rem;display:flex;overflow-x:auto}.command-index-alpha-jump__link{min-width:2rem;height:2rem;color:var(--accent-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:0 .5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.command-index-alpha-jump__link:hover:not(.command-index-alpha-jump__link--empty):not(.command-index-alpha-jump__link--filtered-empty){background:var(--accent-primary);color:var(--bg-void)}.command-index-alpha-jump__link--empty,.command-index-alpha-jump__link--filtered-empty{opacity:.3;pointer-events:none;color:var(--text-muted)}.command-index-tag-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.command-index-tag-btn{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;transition:opacity .2s}.command-index-tag-btn:hover{opacity:.85}.command-index-tag-btn.active{background:var(--accent-primary);color:var(--bg-void);border-color:var(--accent-primary)}.command-index-tag-btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.command-index-no-results{text-align:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);margin-bottom:2rem;padding:2rem 1rem}.command-index-section{margin-bottom:2.5rem}.command-index-section.hidden{display:none}.command-index-section__heading{color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);align-items:baseline;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;display:flex}.command-index-section__count{color:var(--text-secondary);font-size:.9rem;font-weight:400}.command-index-section__grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem;display:grid}.command-index-card{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:opacity .2s}.command-index-card.hidden{display:none}.command-index-card:hover{border-color:var(--accent-primary)}.command-index-card__link{color:inherit;height:100%;text-decoration:none;display:block}.command-index-card__thumb{aspect-ratio:400/267;object-fit:cover;width:100%;height:auto;display:block}.command-index-card__body{padding:.75rem 1rem 1rem}.command-index-card__title{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;line-height:1.4}.command-index-card__description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.command-index-card__tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;display:flex}.command-index-card__tag{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.15rem .5rem;font-size:.7rem;display:inline-block}.command-index-card__cta{color:var(--accent-primary);font-size:.85rem}@media (width<=768px){.command-index-h1{font-size:1.5rem}.command-index-section__heading{font-size:1.25rem}.command-index-section__grid{grid-template-columns:1fr}.command-index-alpha-jump{flex-wrap:nowrap;overflow-x:auto}.command-index-alpha-jump::-webkit-scrollbar{height:.25rem}.command-index-alpha-jump__link{flex-shrink:0}}.glossary-page{background:var(--bg-void);color:var(--text-primary)}.glossary-page-main{max-width:800px;margin:0 auto;padding:2rem 1rem}.glossary-page-h1{color:var(--text-primary);border-left:4px solid var(--accent-green);margin-bottom:1rem;padding-left:1rem;font-size:2rem}.glossary-page-intro{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.glossary-page-list{margin:0}.glossary-page-item{border-bottom:1px solid var(--border-subtle);padding:1rem 0}.glossary-page-item:first-child{border-top:1px solid var(--border-subtle)}.glossary-page-item dt{color:var(--text-primary);margin-bottom:.35rem;font-size:1.1rem;font-weight:700}.glossary-page-item dd{color:var(--text-secondary);margin:0;line-height:1.7}.typing-page{background-color:var(--bg-surface);min-height:100vh;color:var(--text-primary)}.typing-desktop{--typing-accent:var(--accent-green)}.typing-desktop[data-overclock=true]{--typing-accent:var(--accent-cloud)}.typing-main{flex-direction:column;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex}.typing-screen,.typing-panel{margin:0}.typing-screen{flex-direction:column;gap:1rem;display:flex}.typing-screen[hidden]{display:none}.typing-screen:focus{outline:none}.typing-title{letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:1.875rem;font-weight:600}.typing-subtitle{letter-spacing:.12em;color:var(--text-secondary);margin:1rem 0 0;font-size:1rem;font-weight:600}.typing-subtitle:before{content:"## "}@supports (content:"a"/"b"){.typing-subtitle:before{content:"## " / ""}}.typing-subtitle:before{color:var(--accent-brand)}.typing-result__heading{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:1rem;font-weight:600}.typing-lead{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.typing-keyhint{color:var(--text-muted);margin:0;font-size:.75rem}.typing-missions{flex-direction:column;gap:.5rem;min-height:1065px;margin:0;padding:0;list-style:none;display:flex}.typing-mission-item{margin:0}.typing-mission{text-align:left;background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);grid-template-columns:1fr auto auto;gap:.25rem 1rem;padding:1rem;font-family:inherit;display:grid}.typing-mission:hover{background-color:var(--bg-subtle);border-color:var(--accent-brand)}.typing-mission--selected{background-color:var(--bg-subtle);border-left:3px var(--border-style-default) var(--accent-brand)}.typing-mission__title{color:var(--text-primary);grid-area:1/1;font-size:1rem}.typing-mission__meta{letter-spacing:.1em;color:var(--accent-cloud);grid-area:1/2;align-self:center;font-size:.75rem}.typing-mission__situation{color:var(--text-muted);grid-area:2/1;font-size:.75rem;line-height:1.6}.typing-mission__rank{letter-spacing:.1em;text-align:center;min-width:2.5em;color:var(--text-dim);background-color:var(--bg-void);border:1px var(--border-style-default) var(--text-dim);grid-area:1/3;align-self:center;padding:0 .25rem;font-size:.75rem;font-weight:700}.typing-mission__rank[data-mission-rank=S]{color:var(--quiz-level-s-on-dark);border-color:var(--quiz-level-s-on-dark)}.typing-rank[data-rank=S]{color:var(--quiz-level-s-on-dark)}.typing-mission__rank[data-mission-rank=A]{color:var(--quiz-level-a-on-dark);border-color:var(--quiz-level-a-on-dark)}.typing-rank[data-rank=A]{color:var(--quiz-level-a-on-dark)}.typing-mission__rank[data-mission-rank=B]{color:var(--quiz-level-b-on-dark);border-color:var(--quiz-level-b-on-dark)}.typing-rank[data-rank=B]{color:var(--quiz-level-b-on-dark)}.typing-mission__rank[data-mission-rank=C]{color:var(--quiz-level-c-on-dark);border-color:var(--quiz-level-c-on-dark)}.typing-rank[data-rank=C]{color:var(--quiz-level-c-on-dark)}.typing-mission__rank[data-mission-rank=D]{color:var(--quiz-level-d-on-dark);border-color:var(--quiz-level-d-on-dark)}.typing-rank[data-rank=D]{color:var(--quiz-level-d-on-dark)}.typing-links{flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.typing-links a{color:var(--accent-brand);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.typing-links a:hover,.typing-links a:focus-visible{color:var(--accent-brand-hover);text-decoration:underline}.typing-status{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.typing-status__mission{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.875rem}.typing-status__time{gap:.25rem;margin:0;font-size:.875rem;display:flex}.typing-status__time-label{letter-spacing:.15em;color:var(--text-muted)}.typing-status__time-value{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.typing-status__situation{color:var(--text-muted);margin:0;font-size:.875rem}.typing-dots{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.typing-dots[hidden]{display:none}.typing-dot{border:1px var(--border-style-default) var(--text-dim);width:10px;height:10px}.typing-dot--done{background-color:var(--typing-accent);border-color:var(--typing-accent)}.typing-stage{text-align:center;background-color:var(--bg-void);border:1px var(--border-style-default) var(--border-primary);width:100%;box-shadow:inset 0 0 60px rgba(var(--accent-brand-rgb), .03);--typing-shake-distance:6px;padding:3rem 1.5rem;position:relative}.typing-stage--shake{animation:.16s steps(4,end) typing-shake}.typing-canvas{pointer-events:none;width:100%;height:100%;z-index:var(--z-raised);position:absolute;inset:0}.typing-sweep{background-color:var(--accent-cloud);opacity:0;pointer-events:none;width:3px;z-index:var(--z-raised);--typing-sweep-distance:0px;position:absolute;top:0;bottom:0;left:0}.typing-sweep--run{animation:.14s linear typing-sweep-run}.typing-line{letter-spacing:.06em;white-space:pre;z-index:var(--z-base);margin:0;font-size:2.25rem;line-height:1.5;position:relative}.typing-line--clear{animation:.15s ease-out forwards typing-line-clear}.typing-line--clear .typing-char,.typing-line--clear .typing-char--correct{color:var(--text-primary)}.typing-line--clear .typing-char--current:after{opacity:0;animation:none}.typing-line--enter{animation:.16s ease-out typing-line-enter}.typing-char{color:var(--text-dim);display:inline-block;position:relative}.typing-char--correct{color:var(--typing-accent)}.typing-char--current{color:var(--text-primary);background-color:var(--bg-subtle)}.typing-char--current:after{content:"";background-color:var(--accent-cloud);width:2px;animation:1s step-end infinite typing-caret-blink;position:absolute;top:0;bottom:0;left:0}.typing-char--miss{color:var(--accent-red)}.typing-char--miss:before{content:"";background-color:rgba(var(--accent-red-rgb), .35);animation:.14s step-end 2 typing-miss-flash;position:absolute;inset:0}.typing-daily{border:1px var(--border-style-default) var(--accent-amber);background-color:#161302;flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:1rem;display:flex}.typing-daily[data-daily-done=true]{background-color:var(--bg-elevated);border-color:var(--accent-green)}.typing-daily .typing-subtitle{margin:0}.typing-daily__state{color:var(--text-primary);margin:0;font-size:.875rem}.typing-daily__streak{color:var(--text-muted);margin:0;font-size:.75rem}.typing-daily__button{color:var(--bg-void);background-color:var(--accent-amber);border:1px var(--border-style-default) var(--accent-amber);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600}.typing-daily__button:hover{background-color:#fcd34d;border-color:#fcd34d}.typing-daily__button:active{transform:scale(.98)}.typing-daily__history{color:var(--text-muted);flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.typing-daily__history[hidden]{display:none}.typing-daily__history-item{font-variant-numeric:tabular-nums}.typing-endless{background-color:var(--bg-elevated);border-left:3px var(--border-style-default) var(--accent-cloud);flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:1rem;display:flex}.typing-endless .typing-subtitle{margin:0}.typing-endless__description{color:var(--text-muted);margin:0;font-size:.75rem}.typing-endless__modes{flex-wrap:wrap;gap:.25rem;display:flex}.typing-endless__mode{color:var(--text-secondary);background-color:var(--bg-subtle);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);padding:.25rem .5rem;font-family:inherit;font-size:.75rem}.typing-endless__mode:hover{border-color:var(--accent-brand)}.typing-endless__mode[aria-checked=true]{color:var(--text-primary);border-color:var(--accent-brand)}.typing-endless__state{font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0;font-size:.875rem}.typing-endless__button{color:var(--text-primary);background-color:var(--bg-subtle);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem}.typing-endless__button:hover{border-color:var(--accent-brand)}.typing-endless__button:active{transform:scale(.98)}.typing-endless-hud{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--text-secondary);gap:1.5rem;margin:0;font-size:.875rem;display:flex}.typing-endless-hud[hidden]{display:none}.typing-endless-hud__lives{color:var(--accent-amber)}.typing-endless-hud__lines{color:var(--typing-accent)}.typing-desktop[data-endless=true] .typing-result__label--normal,.typing-desktop[data-endless=true] .typing-result__action--next,.typing-desktop[data-endless=true] .typing-share,.typing-desktop:not([data-endless=true]) .typing-result__label--endless{display:none}.typing-share{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.typing-share__canvas{border:1px var(--border-style-default) var(--border-primary);width:100%;max-width:560px;height:auto}.typing-share__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.typing-share__button{color:var(--text-primary);background-color:var(--bg-subtle);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);align-items:center;gap:.25rem;padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem;display:flex}.typing-share__button:hover{border-color:var(--accent-brand)}.typing-share__button:active{transform:scale(.98)}.typing-share__icon{fill:currentColor;flex-shrink:0;width:14px;height:14px}.typing-share__status{min-height:1.4em;color:var(--accent-green);margin:0;font-size:.75rem}.typing-prompt{color:var(--text-primary);background-color:var(--bg-elevated);border-left:3px var(--border-style-default) var(--accent-amber);margin:0;padding:.5rem 1rem;font-size:1rem;line-height:1.6}.typing-stage--solve{border-color:var(--accent-amber);box-shadow:none}.typing-line--reject .typing-char--correct{color:var(--accent-red)}.typing-hint{color:var(--accent-amber);margin:0;font-size:.875rem;line-height:1.6}.typing-output{flex-direction:column;gap:.5rem;display:flex}.typing-output[hidden]{display:none}.typing-output{background-color:var(--bg-void);border:1px var(--border-style-default) var(--border-subtle);padding:1rem}.typing-output__block{flex-direction:column;gap:.25rem;display:flex}.typing-output__command{color:var(--typing-accent);margin:0;font-size:.875rem}.typing-output__body{white-space:pre;max-height:12em;color:var(--text-secondary);margin:0;font-family:inherit;font-size:.875rem;line-height:1.5;overflow-x:auto}.typing-output__body--error{color:var(--accent-red)}.typing-output__more{color:var(--text-muted);margin:0;font-size:.75rem}.typing-output__status{color:var(--text-muted);align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.typing-output__status--error{color:var(--accent-red)}.typing-mission__badge{letter-spacing:.1em;color:var(--accent-amber);grid-area:2/2/auto/-1;place-self:center end;font-size:.75rem}.typing-hud{justify-content:center;align-items:baseline;gap:1.5rem;margin:0;display:flex}.typing-combo,.typing-metric{align-items:baseline;gap:.5rem;margin:0;display:flex}.typing-combo__label,.typing-metric__label{letter-spacing:.15em;color:var(--text-muted);font-size:.75rem}.typing-combo__value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.5rem}.typing-combo__value--active{color:var(--typing-accent)}.typing-combo__value--mid{color:var(--accent-amber)}.typing-combo__value--high{color:var(--typing-accent);animation:.7s ease-in-out infinite typing-combo-pulse}.typing-metric__value{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:1rem}.typing-result{text-align:center;align-items:center}.typing-result__mission{color:var(--text-muted);margin:0;font-size:.875rem}.typing-result__rank-label{letter-spacing:.3em;color:var(--text-muted);margin:0;font-size:.75rem}.typing-rank{letter-spacing:.08em;min-height:1.1em;color:var(--typing-accent);margin:0;font-size:3rem;font-weight:700}.typing-rank--land{animation:.22s ease-out typing-rank-land}.typing-result__stats{background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--accent-green);width:100%;animation:pop var(--duration-slow) var(--ease-out) both;grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:1rem 1.5rem;margin:0;padding:1.5rem;display:grid}.typing-result__stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.typing-result__stat dt{letter-spacing:.15em;color:var(--text-muted);font-size:.75rem}.typing-result__stat dd{font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0;font-size:1.25rem}.typing-result__actions{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.typing-heat{--typing-heat-scale:0}.typing-heat__bar{background-color:var(--typing-accent);width:6px;transform:scaleY(var(--typing-heat-scale));transform-origin:bottom;pointer-events:none;z-index:var(--z-raised);position:fixed;top:0;bottom:0}.typing-heat__bar--left{left:0}.typing-heat__bar--right{right:0}[data-overclock=true] .typing-heat__bar{animation:.6s ease-in-out infinite typing-heat-pulse}.typing-mission__best{letter-spacing:.08em;color:var(--typing-accent);grid-area:3/1/auto/-1;font-size:.75rem}.typing-new-record{letter-spacing:.25em;color:var(--accent-amber);margin:0;font-size:1.25rem;font-weight:700}.typing-new-record--show{animation:typing-record-land var(--duration-slow) var(--ease-out) 1, pulse var(--animation-pulse) var(--ease-standard) var(--duration-slow) infinite}.typing-panel{background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);width:100%;margin-top:2rem;padding:1.5rem}.typing-panel__title{color:var(--text-secondary);margin:0 0 1rem;font-size:1rem;font-weight:600}.typing-panel__grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem 1.5rem;display:grid}.typing-panel__note{color:var(--text-muted);margin:1rem 0 0;font-size:.75rem}.typing-control{grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem;display:grid}.typing-control__hint{color:var(--text-muted);grid-column:1/-1;margin-bottom:.25rem;font-size:.75rem;line-height:1.5}.typing-toggles{border:1px var(--border-style-default) var(--border-subtle);margin:0 0 1.5rem;padding:1rem}.typing-toggles__legend{color:var(--text-secondary);padding:0 .25rem;font-size:.875rem;font-weight:600}.typing-toggles__hint{color:var(--text-muted);margin:0 0 1rem;font-size:.75rem;line-height:1.5}.typing-toggles__grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.5rem 1.5rem;display:grid}.typing-toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;display:grid}.typing-toggle__input{accent-color:var(--accent-green);cursor:pointer}.typing-toggle__name{color:var(--text-primary);font-size:.875rem}.typing-toggle__desc{color:var(--text-muted);grid-column:2;font-size:.75rem;line-height:1.5}.typing-control__label{color:var(--text-secondary);grid-column:1/-1;font-size:.875rem}.typing-control__range{width:100%;accent-color:var(--accent-green);cursor:pointer}.typing-control__value{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;color:var(--text-primary);font-size:.875rem}.typing-codex{background-color:var(--bg-elevated);flex-direction:column;gap:.5rem;margin:0;padding:1rem;display:flex}.typing-codex .typing-subtitle{margin:0}.typing-codex__summary{font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0;font-size:.875rem}.typing-codex__drill{color:var(--text-primary);background-color:var(--bg-subtle);border:1px var(--border-style-default) var(--accent-amber);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);align-self:flex-start;padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem}.typing-codex__drill:hover{border-color:var(--accent-brand)}.typing-codex__drill:active{transform:scale(.98)}.typing-codex__drill[hidden]{display:none}.typing-codex__list{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.typing-codex__item{background-color:var(--bg-surface);border-left:3px var(--border-style-default) var(--border-primary);grid-template-columns:1fr auto;gap:2px .5rem;padding:.25rem .5rem;display:grid}.typing-codex__item[data-codex-mastery=novice]{border-left-color:var(--text-muted)}.typing-codex__item[data-codex-mastery=practiced]{border-left-color:var(--accent-amber)}.typing-codex__item[data-codex-mastery=mastered]{border-left-color:var(--accent-green)}.typing-codex__name{color:var(--text-primary);font-size:.875rem}.typing-codex__item[data-codex-mastery=unseen] .typing-codex__name{color:var(--text-muted)}.typing-codex__tier{color:var(--text-secondary);text-align:right;font-size:.75rem}.typing-codex__stat{font-variant-numeric:tabular-nums;color:var(--text-muted);grid-column:1/-1;font-size:.75rem}.typing-codex__link{color:var(--accent-cloud);grid-column:1/-1;font-size:.75rem;text-decoration:none}.typing-codex__link:hover,.typing-codex__link:focus-visible{text-decoration:underline}.typing-settings{background-color:var(--bg-elevated);flex-direction:column;gap:.5rem;margin:0;padding:1rem;display:flex}.typing-settings .typing-subtitle{margin:0}.typing-settings__row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.typing-settings__row input[type=checkbox]{appearance:none;background-color:var(--bg-void);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;width:38px;height:20px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;margin:0;position:relative}.typing-settings__row input[type=checkbox]:before{content:"";background-color:var(--text-dim);width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);position:absolute;top:2px;left:2px}.typing-settings__row input[type=checkbox]:checked{border-color:var(--accent-brand)}.typing-settings__row input[type=checkbox]:checked:before{background-color:var(--accent-brand);transform:translate(18px)}.typing-settings__row--segmented{cursor:default}.typing-segment{gap:0;display:flex}.typing-segment__option{cursor:pointer;position:relative}.typing-segment__option+.typing-segment__option{margin-left:-1px}.typing-segment__input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.typing-segment__label{letter-spacing:.08em;color:var(--text-secondary);background-color:var(--bg-subtle);border:1px var(--border-style-default) var(--border-primary);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);padding:.25rem .5rem;font-size:.875rem;display:block}.typing-segment__option:hover .typing-segment__label{border-color:var(--accent-brand)}.typing-segment__input:checked+.typing-segment__label{z-index:1;color:var(--accent-brand);border-color:var(--accent-brand);position:relative}.typing-segment__input:focus-visible+.typing-segment__label{outline:2px solid var(--accent-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.typing-segment__label{transition:none}}.typing-keyboard{background-color:var(--bg-elevated);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;margin:0;padding:.5rem;display:flex}.typing-keyboard[hidden]{display:none}.typing-keyboard__row{gap:2px;display:flex}.typing-key{min-width:26px;height:26px;color:var(--text-muted);background-color:var(--bg-surface);border:1px var(--border-style-default) var(--border-primary);justify-content:center;align-items:center;padding:0 2px;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;display:flex}.typing-key--space{min-width:160px}.typing-key--shift{min-width:64px}.typing-key--next{color:var(--bg-void);background-color:var(--typing-accent);border-color:var(--typing-accent)}.typing-mobile{display:none}@media (hover:none) and (pointer:coarse){.typing-desktop{display:none}.typing-mobile{display:block}}.typing-token-screen{flex-direction:column;gap:1rem;margin:0;display:flex}.typing-token-screen[hidden]{display:none}.typing-token-title{letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.typing-token-heading{letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.typing-token-lead,.typing-token-note{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.typing-token-note{color:var(--text-muted)}.typing-token-codex,.typing-token-progress{font-variant-numeric:tabular-nums;color:var(--text-muted);margin:0;font-size:.75rem}.typing-token-progress[data-all-cleared=true]{color:var(--accent-green)}.typing-token-daily,.typing-token-endless{background-color:var(--bg-elevated);border-left:3px var(--border-style-default) var(--accent-brand);flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;padding:1rem;display:flex}.typing-token-daily[data-daily-done=true],.typing-token-endless[data-daily-done=true]{border-left-color:var(--accent-green)}.typing-token-daily[hidden],.typing-token-endless[hidden]{display:none}.typing-token-daily__heading,.typing-token-endless__heading{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.typing-token-daily__state,.typing-token-endless__state{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.typing-token-daily__note,.typing-token-endless__note{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.7}.typing-token-daily__button,.typing-token-endless__button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--text-on-brand);background-color:var(--accent-brand);border:1px var(--border-style-default) var(--accent-brand);cursor:pointer;padding:0 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600}.typing-token-daily__button:active:not(:disabled),.typing-token-endless__button:active:not(:disabled){transform:scale(.95)}.typing-token-daily__button:disabled,.typing-token-endless__button:disabled{color:var(--text-muted);background-color:var(--bg-elevated);border-color:var(--border-primary);cursor:default}.typing-token-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.typing-token-item{margin:0}.typing-token-card{text-align:left;width:100%;min-height:56px;color:var(--text-primary);background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;grid-template-columns:1fr auto;gap:.25rem .5rem;padding:.5rem 1rem;font-family:inherit;display:grid}.typing-token-card[data-run-cleared=true]{border-left:3px var(--border-style-default) var(--accent-green)}.typing-token-card:active:not(:disabled){transform:scale(.99)}.typing-token-card:disabled{color:var(--text-muted);cursor:default}.typing-token-error{color:var(--accent-red);margin:0 0 .5rem;font-size:.875rem}.typing-token-card__title{align-items:center;gap:.5rem;font-size:1rem;display:flex}.typing-token-card__meta{color:var(--text-muted);text-align:right;font-size:.75rem}.typing-token-card__steps{color:var(--text-muted);grid-column:1/-1;font-size:.75rem}.typing-token-card__cleared{color:var(--accent-green);grid-column:1/-1;font-size:.75rem}.typing-token-head{align-items:center;gap:.5rem;display:flex}.typing-token-back{min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--text-secondary);background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;padding:0 .5rem;font-family:inherit;font-size:.875rem}.typing-token-run-progress{align-items:center;gap:.5rem;display:flex}.typing-token-dots{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.typing-token-dot{border:1px var(--border-style-default) var(--text-dim);width:12px;height:12px}.typing-token-dot--done{background-color:var(--typing-accent);border-color:var(--typing-accent)}.typing-token-step-count{font-variant-numeric:tabular-nums;color:var(--text-muted);margin:0;font-size:.75rem}.typing-token-step-title{color:var(--text-secondary);margin:0;font-size:1rem}.typing-token-prompt{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.7}.typing-token-preview{flex-direction:column;gap:.25rem;display:flex}.typing-token-preview[hidden]{display:none}.typing-token-preview__file{background-color:var(--bg-surface);border:1px var(--border-style-default) var(--border-primary);padding:.25rem .5rem}.typing-token-preview__label{min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--text-muted);cursor:pointer;padding:.25rem 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.typing-token-preview__label::marker{color:var(--text-muted)}.typing-token-preview__body{white-space:pre-wrap;word-break:break-word;max-height:18vh;color:var(--text-secondary);margin:.25rem 0 0;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.typing-token-slots{background-color:var(--bg-void);border:1px var(--border-style-default) var(--accent-brand);flex-wrap:wrap;align-items:center;gap:.25rem;min-height:56px;padding:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex}.typing-token-slots:before{content:"$ "}@supports (content:"a"/"b"){.typing-token-slots:before{content:"$ " / ""}}.typing-token-slots:before{color:var(--accent-brand)}.typing-token-slots:after{content:"";background-color:var(--accent-brand);width:2px;height:1.2em;animation:1.1s step-end infinite typing-caret-blink}.typing-token-slots__placeholder{color:var(--text-muted);font-size:.875rem}.typing-token-slot{color:var(--bg-void);background-color:var(--accent-green);border:1px var(--border-style-default) var(--accent-green);padding:2px .25rem;font-size:.875rem}.typing-token-slot--latest{animation:pop var(--duration-reveal) var(--ease-out) both}.typing-token-output{white-space:pre-wrap;word-break:break-word;max-height:30vh;color:var(--text-secondary);background-color:var(--bg-void);border:1px var(--border-style-default) var(--border-primary);margin:0;padding:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.typing-token-output[hidden]{display:none}.typing-token-status{min-height:1.4em;color:var(--accent-amber);margin:0;font-size:.875rem}.typing-token-pad{flex-direction:column;gap:.5rem;display:flex}.typing-token-tray{flex-wrap:wrap;gap:.25rem;display:flex}.typing-token{min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--text-primary);background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);padding:0 .5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.typing-token:active{border-color:var(--accent-brand);transform:scale(.95)}.typing-token-actions{flex-wrap:wrap;gap:.5rem;display:flex}.typing-token-action{min-height:var(--touch-target-min);min-width:var(--touch-target-min);color:var(--text-primary);background-color:var(--bg-elevated);border:1px var(--border-style-default) var(--border-primary);cursor:pointer;flex:30%;padding:0 .5rem;font-family:inherit;font-size:.875rem}.typing-token-action:active:not(:disabled){transform:scale(.95)}.typing-token-action:disabled{color:var(--text-muted);cursor:default}.typing-token-action[hidden]{display:none}.typing-token-action--primary{color:var(--text-on-brand);background-color:var(--accent-brand);border-color:var(--accent-brand);font-weight:600}.typing-token-action--primary:disabled{color:var(--text-muted);background-color:var(--bg-elevated);border-color:var(--border-primary)}.typing-token-result-commands{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.typing-token-result-command{word-break:break-word;color:var(--accent-green);background-color:var(--bg-void);border:1px var(--border-style-default) var(--border-primary);margin:0;padding:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.typing-token-result-stats{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0;font-size:.875rem}.typing-token-all-cleared{color:var(--accent-green);margin:0;font-size:.875rem;line-height:1.7}.typing-token-all-cleared[data-replay=true]{color:var(--text-muted)}.typing-token-all-cleared[hidden]{display:none}.typing-token-daily-result{color:var(--accent-green);margin:0;font-size:.875rem;line-height:1.7}.typing-token-daily-result[hidden]{display:none}@keyframes typing-shake{0%{transform:translate(0,0)}25%{transform:translate3d(calc(var(--typing-shake-distance) * -1), 0, 0)}50%{transform:translate3d(var(--typing-shake-distance), 0, 0)}75%{transform:translate3d(calc(var(--typing-shake-distance) * -.5), 0, 0)}to{transform:translate(0,0)}}@keyframes typing-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes typing-miss-flash{0%,to{opacity:1}50%{opacity:0}}@keyframes typing-sweep-run{0%{opacity:0;transform:translate(0)}12%{opacity:1}to{transform:translateX(var(--typing-sweep-distance));opacity:0}}@keyframes typing-line-clear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes typing-line-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-combo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes typing-rank-land{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes typing-heat-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes typing-record-land{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.typing-char--current:after,.typing-combo__value--high,.typing-token-slots:after,.typing-sweep--run,.typing-line--clear,.typing-line--enter,.typing-rank--land,.typing-new-record--show,.typing-result__stats,.typing-token-slot--latest{animation:none}.typing-token:active,.typing-token-action:active:not(:disabled),.typing-token-card:active:not(:disabled),.typing-token-daily__button:active:not(:disabled),.typing-token-endless__button:active:not(:disabled),.typing-daily__button:active,.typing-endless__button:active,.typing-share__button:active,.typing-codex__drill:active{transform:none}[data-overclock=true] .typing-heat__bar{animation:none}.typing-sweep--run{opacity:0}}.is-loading,.is-loading:disabled{cursor:progress}.loading-indicator{vertical-align:-.125em;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1em;height:1em;animation:1s linear infinite loading-spin;display:inline-block}@media (prefers-reduced-motion:reduce){.loading-indicator{animation:none}}.hidden{display:none!important}.d-flex{display:flex}.d-none{display:none}.d-block{display:block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3,.mt-md{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.fade-in{animation:fadeIn var(--animation-fast) ease-in-out}.slide-up{animation:slideUp var(--animation-fast) ease-out}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root.display-motion-off,:root.display-motion-off *,:root.display-motion-off :before,:root.display-motion-off :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}*{box-sizing:border-box;margin:0;padding:0}ul{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}ol{margin:1rem 0;padding-left:1.5rem;list-style-type:decimal}li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.5}.lesson-list ul,.challenge-list ul,.benefits-grid ul,.features-grid ul,.concept-grid ul,.mission-content ul,.lesson-list ol,.challenge-list ol,.benefits-grid ol,.features-grid ol,.concept-grid ol,.mission-content ol{margin:.75rem 0;padding-left:1.25rem}.lesson-list li,.challenge-list li,.benefits-grid li,.features-grid li,.concept-grid li,.mission-content li{margin-bottom:.4rem;font-size:.9rem}@media (width<=768px){.hamburger-menu{display:flex}.main-nav{display:none}.header{padding:0 1rem}.logo{font-size:1.2rem}.logo-image{height:34px}.progress-info{display:none}.article-container{padding:0}.article-main{padding:1rem}}@media (width<=768px) and (width<=768px){.main-content{flex-direction:column}.terminal-area{order:1}}.category-badge{background:var(--btn-bg-primary);color:#fff;border-radius:0;padding:.4rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.index-link{transition:background-color var(--transition-fast), transform var(--transition-fast);background:#0000001a;border-radius:0;padding:8px 12px;font-weight:600}.index-link:hover,.index-link:focus-visible{background:#0003;transform:translate(4px)}.index-link:active{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.index-link:hover,.index-link:focus-visible,.index-link:active{transform:none}}.footer-divider{background:var(--border-subtle);height:1px;margin:8px 0;list-style:none}