:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-light: #34d399;--color-primary-lighter: #6ee7b7;--color-primary-lightest: #d1fae5;--color-accent: #14b8a6;--color-accent-dark: #0d9488;--color-accent-light: #2dd4bf;--color-accent-lighter: #5eead4;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-info: #10b981;--color-info-light: #d1fae5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Consolas", monospace;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-primary: 0 4px 14px 0 rgb(16 185 129 / .39);--shadow-accent: 0 4px 14px 0 rgb(20 184 166 / .39);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--content-width: 800px;--sidebar-width: 260px;--max-width: 1200px;--header-height: 64px}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-inverse: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #f8fafc;--text-on-primary: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: var(--color-primary);--code-bg: #1e293b;--code-text: #e2e8f0;--code-header-bg: #334155;--inline-code-bg: #f1f5f9;--inline-code-text: #dc2626;--card-bg: #ffffff;--card-border: #e2e8f0;--card-hover-bg: #ecfdf5;--overlay-bg: rgb(0 0 0 / .5);--shadow-color: rgb(0 0 0 / .1);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-inverse: #f8fafc;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0f172a;--text-on-primary: #ffffff;--border-primary: #334155;--border-secondary: #475569;--border-focus: var(--color-primary);--code-bg: #0d1117;--code-text: #c9d1d9;--code-header-bg: #161b22;--inline-code-bg: #1e293b;--inline-code-text: #f87171;--card-bg: #1e293b;--card-border: #334155;--card-hover-bg: #253349;--overlay-bg: rgb(0 0 0 / .7);--shadow-color: rgb(0 0 0 / .3);--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;tab-size:4}body{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}hr{border:none;height:1px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-lightest);color:var(--color-primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-primary)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-top:var(--space-10);margin-bottom:var(--space-3)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-top:var(--space-8);margin-bottom:var(--space-3)}h5{font-size:var(--text-lg);font-weight:var(--font-medium);margin-top:var(--space-6);margin-bottom:var(--space-2)}h6{font-size:var(--text-base);font-weight:var(--font-medium);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--text-secondary)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}strong,b{font-weight:var(--font-semibold);color:var(--text-primary)}em,i{font-style:italic}small{font-size:var(--text-sm)}blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-primary);background-color:var(--color-primary-lightest);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-secondary)}blockquote p:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:var(--space-2);font-size:var(--text-sm);font-style:normal;color:var(--text-tertiary)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}a:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-4) 0}hr{margin:var(--space-8) 0;background-color:var(--border-primary)}abbr[title]{text-decoration:underline dotted var(--text-tertiary);cursor:help}mark{background-color:var(--color-warning-light);color:var(--text-primary);padding:var(--space-0) var(--space-1);border-radius:var(--radius-sm)}del{color:var(--text-tertiary);text-decoration:line-through}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}::selection{background-color:var(--color-primary);color:#fff}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6)}.container--wide{max-width:var(--max-width)}.content-wrapper{display:flex;gap:var(--space-8);flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);width:100%}.main-content{flex:1;min-width:0;max-width:var(--content-width)}.toc-sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));overflow-y:auto;align-self:flex-start;padding:var(--space-4);border-radius:var(--radius-xl);background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#007bff,#00d4ff);z-index:9999;transition:width .15s ease-out}.bottom-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-primary);gap:var(--space-4)}.bottom-controls__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background-color:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-fast);max-width:45%}.bottom-controls__link:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.bottom-controls__link--prev{margin-right:auto}.bottom-controls__link--next{margin-left:auto;text-align:right;flex-direction:row-reverse}.bottom-controls__label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-normal);display:block}.bottom-controls__title{font-size:var(--text-sm);font-weight:var(--font-semibold);display:block}.page-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:var(--overlay-bg);z-index:var(--z-overlay);opacity:0;transition:opacity var(--transition-slow)}.sidebar-overlay.active{opacity:1}.header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);display:flex;align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:var(--shadow-lg)}.header .container{display:flex;align-items:center;max-width:var(--max-width)}.header__logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;display:flex;align-items:center;gap:var(--space-2);text-decoration:none;border:none}.header__logo:hover{opacity:.9}.header__nav{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.header__nav-link{color:#ffffffd9;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__nav-link:hover,.header__nav-link--active{color:#fff;background-color:#ffffff26}.footer{margin-top:auto;padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);border-top:1px solid var(--border-primary);background-color:var(--bg-secondary)}.footer a{color:var(--color-primary);font-weight:var(--font-medium)}.footer a:hover{color:var(--color-primary-dark)}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary)}.lesson-meta__item{display:flex;align-items:center;gap:var(--space-2)}.lesson-meta__icon{width:16px;height:16px;color:var(--color-primary)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-primary-lightest),var(--color-accent-lighter));color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);border:1px solid var(--color-primary-lighter)}.topic-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--border-primary)}.topic-header__badge,.topic-header__title{margin-bottom:var(--space-3)}.topic-header__description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.card{display:flex;flex-direction:column;padding:var(--space-6);background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer}.card:hover{background-color:var(--card-hover-bg);border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:var(--text-xl);margin-bottom:var(--space-4)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);flex:1}.card__meta{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-3)}.section-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-12) 0 var(--space-8);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-primary),transparent)}.section-divider:after{background:linear-gradient(90deg,transparent,var(--border-primary))}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumbs a{color:var(--color-primary)}.breadcrumbs__separator{color:var(--text-tertiary);font-size:var(--text-xs)}.breadcrumbs__current{color:var(--text-secondary);font-weight:var(--font-medium)}.keyboard-help-modal{display:none;position:fixed;inset:0;z-index:var(--z-modal)}.keyboard-help-modal.active{display:flex;align-items:center;justify-content:center}.keyboard-help-overlay{position:absolute;inset:0;background:var(--overlay-bg)}.keyboard-help-dialog{position:relative;background:var(--card-bg);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:420px;width:90%;box-shadow:var(--shadow-2xl);animation:modalPop .3s var(--transition-spring)}.keyboard-help-dialog h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6);text-align:center}.keyboard-help-dialog ul{list-style:none;padding:0;margin:0 0 var(--space-6)}.keyboard-help-dialog li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.keyboard-help-dialog li:last-child{border-bottom:none}.keyboard-help-dialog kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 2px 0 var(--border-primary)}.keyboard-help-close{display:block;width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.keyboard-help-close:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}pre{position:relative;margin:var(--space-6) 0;padding:0;background-color:var(--code-bg);border-radius:var(--radius-xl);border:1px solid var(--border-primary);overflow:hidden}pre code{display:block;padding:var(--space-5) var(--space-6);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--code-text);background:none;border:none;border-radius:0}code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background-color:var(--inline-code-bg);color:var(--inline-code-text);border-radius:var(--radius-sm);font-weight:var(--font-normal)}pre code{padding:0;font-size:var(--text-sm);background:none;color:var(--code-text);border-radius:0}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--code-header-bg);border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--text-xs)}.code-toolbar__lang{color:var(--color-primary-light);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.code-toolbar__copy{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:#fff9;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.code-toolbar__copy:hover{color:#fff;background-color:#ffffff1a}.code-toolbar__copy.copied{color:var(--color-success)}pre.norun{border:2px solid var(--color-danger)}pre.norun .code-toolbar{background-color:#ef444426;border-bottom-color:#ef44444d}pre.norun .code-toolbar__lang:after{content:" (do not run)";color:var(--color-danger);font-weight:var(--font-normal);text-transform:none}.diff-added{display:inline-block;width:100%;background-color:#10b98126;color:var(--color-success);border-left:3px solid var(--color-success);padding-left:var(--space-3);margin-left:calc(-1 * var(--space-3))}.diff-removed{display:inline-block;width:100%;background-color:#ef444426;color:var(--color-danger);border-left:3px solid var(--color-danger);padding-left:var(--space-3);margin-left:calc(-1 * var(--space-3));text-decoration:line-through}.diff-added:before{content:"+ ";font-weight:var(--font-bold)}.diff-removed:before{content:"- ";font-weight:var(--font-bold)}.line-number{display:inline-block;width:2.5em;text-align:right;padding-right:var(--space-3);color:var(--text-tertiary);user-select:none;opacity:.5}.line-highlight{background-color:#0ea5e91a;display:block;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6);border-left:3px solid var(--color-primary)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#ce9178}.token.operator,.token.entity,.token.url{color:#d4d4d4}.token.atrule,.token.attr-value,.token.keyword{color:var(--color-primary-light)}.token.function,.token.class-name{color:var(--color-accent-light)}.token.regex,.token.important,.token.variable{color:#d16969}.table-wrapper{overflow-x:auto;margin:var(--space-6) 0;border-radius:var(--radius-xl);border:1px solid var(--border-primary);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;font-size:var(--text-sm)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--card-hover-bg)}.table-striped tbody tr:nth-child(2n){background-color:var(--bg-secondary)}.table-striped tbody tr:nth-child(2n):hover{background-color:var(--card-hover-bg)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--border-primary)}.table-compact th,.table-compact td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}table a{color:var(--color-primary);font-weight:var(--font-medium)}table a:hover{color:var(--color-primary-dark);text-decoration:underline}.task-list{list-style:none;padding:0;margin:var(--space-6) 0}.task-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.task-list li:hover{background-color:var(--bg-secondary)}.task-list input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-top:2px;position:relative}.task-list input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.task-list input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-list input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.task-list__text{flex:1;line-height:var(--leading-relaxed);color:var(--text-primary)}.task-list input[type=checkbox]:checked+.task-list__text{color:var(--text-tertiary);text-decoration:line-through}.table-responsive-label{display:none;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary)}.callout{position:relative;display:flex;gap:var(--space-4);padding:var(--space-5);margin:var(--space-6) 0;border-radius:var(--radius-xl);border:1px solid;border-left:4px solid}.callout__icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.callout__content{flex:1;min-width:0}.callout__title{font-weight:var(--font-semibold);margin-bottom:var(--space-2);font-size:var(--text-sm)}.callout__text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.callout__text p:last-child{margin-bottom:0}.callout--note{background-color:var(--color-primary-lightest);border-color:var(--color-primary-lighter);border-left-color:var(--color-primary);color:var(--color-primary-dark)}.callout--info{background-color:var(--color-info-light);border-color:var(--color-primary-lighter);border-left-color:var(--color-info);color:var(--color-primary-dark)}.callout--warning{background-color:var(--color-warning-light);border-color:#fde68a;border-left-color:var(--color-warning);color:#92400e}.callout--danger{background-color:var(--color-danger-light);border-color:#fecaca;border-left-color:var(--color-danger);color:#991b1b}.callout--tip{background-color:var(--color-success-light);border-color:#a7f3d0;border-left-color:var(--color-success);color:#065f46}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background-color:var(--color-primary);color:#fff}.badge--accent{background-color:var(--color-accent);color:#fff}.badge--success{background-color:var(--color-success-light);color:#065f46}.badge--warning{background-color:var(--color-warning-light);color:#92400e}.badge--danger{background-color:var(--color-danger-light);color:#991b1b}.badge--outline{background-color:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary)}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin:var(--space-4) 0;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3)}.alert--success{background-color:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.alert--error{background-color:var(--color-danger-light);color:#991b1b;border:1px solid #fecaca}.quiz-container{margin:var(--space-8) 0;padding:var(--space-6);background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:2px solid var(--color-primary-lighter)}.quiz-container__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.quiz-container__question{margin-bottom:var(--space-4);font-weight:var(--font-medium)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.quiz-option:hover,.quiz-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-lightest)}.quiz-option.correct{border-color:var(--color-success);background-color:var(--color-success-light)}.quiz-option.incorrect{border-color:var(--color-danger);background-color:var(--color-danger-light)}.exercise-block{margin:var(--space-8) 0;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-lightest),var(--color-accent-lighter));border:2px solid var(--color-primary-lighter);border-radius:var(--radius-xl)}.exercise-block__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-dark);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.exercise-block__description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.achievement-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-bg);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.achievement-modal.active{opacity:1;pointer-events:auto}.achievement-modal__content{background-color:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-2xl);animation:modalPop .4s var(--transition-spring)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.achievement-modal__icon{font-size:3rem;margin-bottom:var(--space-4)}.achievement-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.achievement-modal__text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.hint-toggle{margin:var(--space-4) 0}.hint-toggle__button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.hint-toggle__button:hover{background-color:var(--color-primary-lightest)}.hint-toggle__button .arrow{transition:transform var(--transition-fast)}.hint-toggle.open .hint-toggle__button .arrow{transform:rotate(180deg)}.hint-toggle__content{display:none;padding:var(--space-4);margin-top:var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);font-size:var(--text-sm)}.hint-toggle.open .hint-toggle__content{display:block;animation:fadeIn .2s ease}.progress-indicator{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.progress-indicator__bar{flex:1;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-indicator__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width .5s ease}.progress-indicator__text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);white-space:nowrap}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input,.form-select{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e926}.form-input::placeholder{color:var(--text-tertiary)}.form-input--error{border-color:var(--color-danger)}.form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-danger)}textarea.form-input{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;line-height:1}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.btn--primary:hover{opacity:.9;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.btn--secondary:hover{background-color:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn--danger{background-color:var(--color-danger);color:#fff;border-color:transparent}.btn--danger:hover{background-color:#dc2626}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.search-input{position:relative;width:100%}.search-input__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-input__field{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-input__field:focus{outline:none;border-color:var(--color-primary);background-color:var(--bg-primary);box-shadow:0 0 0 3px #0ea5e926}.search-input__field::placeholder{color:var(--text-tertiary)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.radio-option:hover{border-color:var(--color-primary)}.radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:50%;transition:all var(--transition-fast);position:relative}.radio-option input[type=radio]:checked{border-color:var(--color-primary)}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--color-primary);border-radius:50%}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.checkbox-option:hover{border-color:var(--color-primary)}.checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;flex-shrink:0}.checkbox-option input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-option input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-switch__track{position:relative;width:48px;height:26px;background-color:var(--border-secondary);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-switch__track{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(22px)}.toggle-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.toggle-switch input:focus-visible+.toggle-switch__track{outline:2px solid var(--color-primary);outline-offset:2px}.nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.nav__link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav__link--active{color:var(--color-primary);background-color:var(--color-primary-lightest);font-weight:var(--font-medium)}.nav__link--active:hover{color:var(--color-primary-dark);background-color:var(--color-primary-lightest)}.nav__link-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav__link--active .nav__link-icon{opacity:1;color:var(--color-primary)}.nav__section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.nav__section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);padding:0 var(--space-3);margin-bottom:var(--space-2)}.search-container{padding:var(--space-3);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-3)}.toc-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-3);padding:0 var(--space-3)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.toc-list__link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all var(--transition-fast);text-decoration:none;line-height:var(--leading-relaxed)}.toc-list__link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.toc-list__link--active{color:var(--color-primary);border-left-color:var(--color-primary);background-color:var(--color-primary-lightest);font-weight:var(--font-medium)}.toc-list__link--level-2{padding-left:var(--space-6);font-size:var(--text-xs)}.toc-list__link--level-3{padding-left:var(--space-8);font-size:var(--text-xs);color:var(--text-tertiary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-8) 0}.pagination__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pagination__link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.pagination__link--active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.pagination__link--active:hover{opacity:.9;color:#fff}.pagination__prev,.pagination__next{width:auto;padding:0 var(--space-4);gap:var(--space-2)}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-primary);cursor:pointer;transition:all var(--transition-fast);opacity:0;visibility:hidden;transform:translateY(10px);z-index:var(--z-dropdown);border:none}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-accent)}.breadcrumb-nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.breadcrumb-nav a{color:var(--color-primary);transition:color var(--transition-fast)}.breadcrumb-nav a:hover{color:var(--color-primary-dark)}.breadcrumb-nav__separator{font-size:var(--text-xs);color:var(--text-tertiary)}.breadcrumb-nav__current{color:var(--text-secondary);font-weight:var(--font-medium)}.sidebar-nav{padding:var(--space-4)}.sidebar-nav__section{margin-bottom:var(--space-4)}.sidebar-nav__section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);padding:var(--space-2) var(--space-3)}.sidebar-nav__list{display:flex;flex-direction:column;gap:var(--space-1)}body.index-page{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));min-height:100vh}[data-theme=dark] body.index-page{background:linear-gradient(135deg,#0c1929,#0a1628)}.container.index-container{max-width:1040px;margin:0 auto;padding:40px 20px}header.index-header{text-align:center;padding:50px 30px 36px;background:var(--card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:background var(--transition-base),box-shadow var(--transition-base)}header.index-header h1{font-size:2.4em;color:var(--text-primary);margin-bottom:8px;transition:color var(--transition-base)}header.index-header h1 span{color:var(--color-primary)}header.index-header p{color:var(--text-secondary);font-size:1.08em;transition:color var(--transition-base)}.index-header .progress-bar-container{max-width:400px;margin:14px auto 6px}.index-header .progress-info{display:block;text-align:center;margin-top:4px}.index-header+.search-container{margin-top:16px;margin-bottom:16px}.search-container{margin-bottom:16px}.search-input{width:100%;padding:12px 18px;border:1px solid var(--border-primary);border-radius:var(--radius-xl);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lightest)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav.index-nav{display:flex;flex-direction:column;gap:28px}.section-group{background:var(--card-bg);border-radius:var(--radius-2xl);padding:20px 24px 16px;box-shadow:var(--shadow-md);transition:background var(--transition-base);border:1px solid transparent}.section-title{font-size:1.15em;color:var(--color-primary);margin:0 0 14px 4px;padding-bottom:10px;border-bottom:2px solid var(--border-primary);transition:color var(--transition-base),border-color var(--transition-base)}.section-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.topic-card{background:var(--bg-secondary);border-radius:12px;padding:10px 22px;text-decoration:none;color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:13px;border:1px solid var(--border-primary);position:relative}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:var(--card-hover-bg);border-color:var(--color-primary);text-decoration:none}.topic-card:hover .topic-info h2,.topic-card:hover .topic-info p{text-decoration:underline}.topic-num{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05em;flex-shrink:0;transition:all var(--transition-base)}.topic-card.completed,.topic-num.completed-num{background:#ecfdf5}.topic-num.completed-num{color:#065f46;border:2px solid #6ee7b7}.topic-card.completed{border-left:4px solid #6ee7b7}.topic-info h2{font-size:1.02em;margin-bottom:3px;color:var(--text-primary);transition:color var(--transition-base)}.topic-info p{font-size:.83em;color:var(--text-secondary);transition:color var(--transition-base)}.topic-meta{margin-top:4px;font-size:.78em;color:var(--text-tertiary)}footer.index-footer{text-align:center;color:#ffffffb3;margin-top:40px;padding:20px;font-size:.9em}[data-theme=dark] footer.index-footer{color:#ffffff80}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:100;transition:top .3s}.skip-link:focus{top:0}.badges-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary)}.badges-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.badges-title{font-weight:var(--font-semibold);color:var(--text-primary)}.badges-all-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:4px 12px;font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.badges-all-btn:hover{background:var(--color-primary);color:#fff}.badges-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width: 480px){header.index-header h1{font-size:1.5em}.section-cards{grid-template-columns:1fr}}.hamburger-menu{position:fixed;top:16px;left:16px;z-index:1100;width:44px;height:44px;border:2px solid var(--border-primary);border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);font-size:1.3em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-md)}.hamburger-menu:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.hamburger-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1198;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.hamburger-overlay.open{opacity:1;visibility:visible}.hamburger-panel{position:fixed;top:0;left:-340px;width:320px;max-width:85vw;height:100%;background:var(--bg-primary);z-index:1199;box-shadow:4px 0 24px #0003;transition:left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.hamburger-panel.open{left:0}.hamburger-header{padding:18px 20px;font-weight:700;font-size:1.1em;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.hamburger-close{cursor:pointer;font-size:1.3em;opacity:.8;transition:opacity .2s;background:none;border:none;color:inherit;padding:4px}.hamburger-close:hover{opacity:1}.hamburger-list{list-style:none;padding:12px 0;margin:0;flex:1;overflow-y:auto}.hamburger-list li{margin:0}.hamburger-link{display:flex;align-items:center;gap:10px;padding:11px 20px;text-decoration:none;color:var(--text-primary);font-size:.93em;transition:background var(--transition-base),color var(--transition-base);border-left:3px solid transparent}.hamburger-link:hover{background:#0ea5e914;color:var(--color-primary);border-left-color:var(--color-primary)}.hamburger-link.hamburger-active{background:#0ea5e91f;color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}.hamburger-link.completed-link{background:#10b9810f}.hamburger-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-size:.82em;font-weight:700;flex-shrink:0}.hamburger-link .hamburger-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;font-size:.7em;margin-left:auto;flex-shrink:0;opacity:.85}.auth-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-button:hover{background-color:#ffffff40}.auth-button__avatar{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.4);object-fit:cover}.auth-button__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.user-info__avatar{width:48px;height:48px;border-radius:var(--radius-full);border:3px solid var(--color-primary);object-fit:cover}.user-info__details{flex:1;min-width:0}.user-info__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info__email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-danger);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.auth-logout:hover{background-color:var(--color-danger-light)}.auth-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--overlay-bg);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.auth-modal.active{opacity:1;pointer-events:auto}.auth-modal__content{background-color:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-10);width:90%;max-width:420px;box-shadow:var(--shadow-2xl);text-align:center;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}.auth-modal__icon{width:64px;height:64px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);color:#fff;font-size:var(--text-2xl)}.auth-modal__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.auth-modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.auth-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-modal__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.profile-dropdown{position:relative}.profile-dropdown__menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.profile-dropdown.active .profile-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left}.profile-dropdown__item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.profile-dropdown__item--danger{color:var(--color-danger)}.profile-dropdown__item--danger:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.profile-dropdown__divider{height:1px;background-color:var(--border-primary);margin:var(--space-2) 0}.profile-dropdown__icon{width:16px;height:16px;flex-shrink:0}.login-prompt{text-align:center;padding:var(--space-8);background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-primary)}.login-prompt__icon{font-size:2rem;margin-bottom:var(--space-4);opacity:.5}.login-prompt__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.login-prompt__text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}@media (max-width: 1200px){.toc-sidebar{width:220px}.content-wrapper{gap:var(--space-6)}.stats-bar{gap:var(--space-8)}}@media (max-width: 1024px){.toc-sidebar{display:none}.toc-sidebar--mobile{display:block;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:var(--z-modal);border-radius:0;border:none;box-shadow:var(--shadow-2xl);transform:translate(-100%);transition:transform var(--transition-slow)}.toc-sidebar--mobile.active{transform:translate(0)}.hamburger{display:flex}.header__nav{display:none}.main-content{max-width:100%}.content-wrapper{padding-top:var(--space-6)}}@media (max-width: 768px){:root{--header-height: 56px}html{font-size:15px}.hero{padding:var(--space-10) var(--space-4) var(--space-8)}.hero__title{font-size:var(--text-3xl)}.hero__description{font-size:var(--text-base)}.hero__actions{flex-direction:column;align-items:center}.stats-bar{flex-wrap:wrap;gap:var(--space-6);padding:var(--space-6) var(--space-4)}.stats-bar__item{flex:0 0 calc(50% - var(--space-3))}.card-grid,.lesson-grid{grid-template-columns:1fr}.section-card{padding:var(--space-5)}.section-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.bottom-controls{flex-direction:column;gap:var(--space-3)}.bottom-controls__link{max-width:100%;width:100%}.lesson-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.container{padding:0 var(--space-4)}.back-to-top{bottom:var(--space-4);right:var(--space-4);width:40px;height:40px}.pagination{gap:var(--space-1)}.pagination__link{width:32px;height:32px;font-size:var(--text-xs)}.index-filter{flex-direction:column;align-items:stretch}.index-filter__search{min-width:0}.index-filter__tags{justify-content:center}.quiz-container,.exercise-block,.callout{padding:var(--space-4)}}@media (max-width: 480px){html{font-size:14px}.hero{padding:var(--space-8) var(--space-4) var(--space-6)}.hero__title{font-size:var(--text-2xl)}.hero__btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.stats-bar{gap:var(--space-4)}.stats-bar__value{font-size:var(--text-2xl)}.container{padding:0 var(--space-3)}.card{padding:var(--space-4)}.card__icon{width:40px;height:40px;font-size:var(--text-lg)}pre code{font-size:var(--text-xs);padding:var(--space-4)}.code-toolbar{padding:var(--space-1) var(--space-3);font-size:10px}table{font-size:var(--text-xs)}th,td{padding:var(--space-2) var(--space-3)}.mobile-nav{width:85%;max-width:300px}.achievement-modal__content{padding:var(--space-6);width:95%}.topic-header{margin-bottom:var(--space-6)}.section-divider{margin:var(--space-8) 0 var(--space-6)}.hide-mobile{display:none!important}.auth-modal__content{padding:var(--space-6);width:95%}}@media (min-width: 1025px){.hide-desktop{display:none!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5;font-family:Georgia,Times New Roman,serif}.header,.footer,.toc-sidebar,.hamburger,.mobile-nav,.mobile-nav-overlay,.back-to-top,.progress-bar,.search-container,.bottom-controls,.pagination,.breadcrumb-nav,.sidebar-overlay,.nav,.code-toolbar__copy,.auth-button,.profile-dropdown,.index-filter,.stats-bar,.hero__actions,.lesson-meta,.hide-print{display:none!important}.container{max-width:100%;padding:0;margin:0}.content-wrapper{display:block;padding:0}.main-content{max-width:100%}h1{font-size:24pt;-webkit-text-fill-color:#000000!important;background:none!important;margin-bottom:12pt}h2{font-size:18pt;margin-top:24pt;margin-bottom:8pt;border-bottom:1pt solid #cccccc}h3{font-size:14pt;margin-top:18pt;margin-bottom:6pt}h4{font-size:12pt;margin-top:12pt;margin-bottom:6pt}p{margin-bottom:8pt;orphans:3;widows:3}a{color:#000!important;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt;color:#666}pre{border:1pt solid #cccccc;page-break-inside:avoid;white-space:pre-wrap;word-wrap:break-word}pre code{font-size:9pt;color:#333!important}blockquote{border-left:3pt solid #cccccc;padding-left:12pt;margin-left:0}table{font-size:10pt;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h2{page-break-before:always}h2:first-of-type{page-break-before:auto}.callout{border:1pt solid #cccccc;padding:8pt;margin:8pt 0;page-break-inside:avoid}.card-grid,.lesson-grid{display:block}.card,.lesson-card{border:1pt solid #cccccc;padding:8pt;margin-bottom:8pt;page-break-inside:avoid}.hero{padding:12pt 0}.section-card{border:1pt solid #cccccc;padding:12pt;page-break-inside:avoid}@page{margin:2cm;size:A4}@page :first{margin-top:3cm}.page-wrapper{min-height:auto}}