:root{--bg-base: #0d0f1a;--bg-surface: #141624;--bg-surface2: #1c1f35;--bg-surface3: #242840;--border: #2a2d4a;--border-soft: #1e2138;--text-primary: #e2e4f0;--text-secondary: #7c80a8;--text-muted: #4a4f72;--color-overview: #6366f1;--color-edu: #10b981;--color-eval: #a855f7;--color-shared: #f59e0b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--sidebar-width: 260px;--topbar-height: 52px;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 16px}.topbar-brand{display:flex;align-items:center;gap:8px;flex:1}.topbar-logo{font-size:1.25rem;color:var(--color-overview)}.topbar-title{font-size:.95rem;font-weight:600;letter-spacing:.01em}.topbar-progress{display:flex;align-items:center;gap:8px}.progress-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.progress-bar-track{width:80px;height:4px;background:var(--bg-surface3);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-edu),var(--color-overview));border-radius:2px;transition:width .4s ease}.hamburger{display:none;flex-direction:column;gap:4px;padding:6px;border-radius:var(--radius)}.hamburger span{display:block;width:18px;height:2px;background:var(--text-secondary);border-radius:1px}.main-layout{display:flex;margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height))}.sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:auto;z-index:90;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-overlay{display:none}.sidebar-nav{padding:12px 0 24px}.sidebar-section{margin-bottom:4px}.sidebar-section-label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:16px 16px 6px;border-left:3px solid;margin-left:-1px;opacity:.9}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;text-align:left;border-left:3px solid transparent;transition:background .15s,border-color .15s;color:var(--text-secondary);font-size:.82rem}.sidebar-item:hover,.sidebar-item--active{background:var(--bg-surface2);color:var(--text-primary)}.sidebar-item--done .sidebar-item-check{color:var(--color-edu)}.sidebar-item-check{font-size:.75rem;width:14px;flex-shrink:0;color:var(--text-muted)}.sidebar-item-label{flex:1;line-height:1.35}.sidebar-item-week{font-size:.65rem;padding:1px 5px;border-radius:4px;background:var(--bg-surface3);color:var(--text-muted);flex-shrink:0}.content-area{flex:1;margin-left:var(--sidebar-width);min-width:0}.content-view{max-width:820px;margin:0 auto;padding:32px 40px 80px}.doc-header{border-left:4px solid;padding:20px 24px;background:var(--bg-surface);border-radius:var(--radius);margin-bottom:32px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.doc-header-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.doc-section-badge{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px;border:1px solid}.doc-week-badge{font-size:.7rem;color:var(--text-muted);background:var(--bg-surface2);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}.doc-title{font-size:1.6rem;font-weight:700;line-height:1.25;color:var(--text-primary);margin-bottom:14px}.doc-header-actions{display:flex;gap:8px}.reviewed-btn{font-size:.78rem;padding:6px 14px;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-surface2);transition:all .2s}.reviewed-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.reviewed-btn--done{font-weight:600}.doc-body{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 40px}.doc-nav-footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.doc-nav-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);transition:all .2s;flex:1;max-width:48%;font-size:.85rem}.doc-nav-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-surface2)}.doc-nav-btn--next{justify-content:flex-end;text-align:right}.doc-nav-arrow{font-size:1.1rem;flex-shrink:0}.doc-nav-info{display:flex;flex-direction:column;gap:2px}.doc-nav-hint{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.doc-nav-name{font-size:.82rem;font-weight:500}.markdown-body{color:var(--text-primary);font-size:.93rem;line-height:1.75}.markdown-body p{margin:.9em 0}.markdown-body ul,.markdown-body ol{margin:.8em 0;padding-left:1.5em}.markdown-body li{margin:.3em 0}.md-h1{font-size:1.45rem;font-weight:700;color:var(--text-primary);margin:1.5em 0 .6em;line-height:1.3}.md-h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:2em 0 .75em;padding-bottom:8px;border-bottom:2px solid;line-height:1.3}.md-h3{font-size:.97rem;font-weight:600;color:var(--text-primary);margin:1.5em 0 .5em;opacity:.95}.md-blockquote{border-left:4px solid;border-radius:0 var(--radius) var(--radius) 0;padding:14px 20px;margin:1.25em 0;font-style:normal;line-height:1.7}.md-blockquote p{margin:.5em 0}.md-blockquote p:first-child{margin-top:0}.md-blockquote p:last-child{margin-bottom:0}.md-strong{font-weight:700}.inline-code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--color-overview)}.ascii-art-block{font-family:var(--font-mono);font-size:.78rem;line-height:1.5;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin:1.25em 0;overflow-x:auto;white-space:pre;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ascii-art-block::-webkit-scrollbar{height:4px}.ascii-art-block::-webkit-scrollbar-track{background:transparent}.ascii-art-block::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.plain-code-block{font-family:var(--font-mono);font-size:.8rem;line-height:1.55;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:1.25em 0;overflow-x:auto;white-space:pre;color:var(--text-secondary)}.syntax-block{margin:1.25em 0!important}.table-wrapper{overflow-x:auto;margin:1.25em 0;border-radius:var(--radius);border:1px solid var(--border)}.md-table{width:100%;border-collapse:collapse;font-size:.85rem}.md-th{background:var(--bg-surface2);padding:10px 14px;text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.md-td{padding:10px 14px;border-bottom:1px solid var(--border-soft);vertical-align:top;line-height:1.55}.md-table tr:last-child .md-td{border-bottom:none}.md-table tr:hover .md-td{background:var(--bg-surface2)}.md-hr{border:none;border-top:1px solid;margin:2em 0;opacity:.4}@media(max-width:768px){.hamburger{display:flex}.topbar-title{font-size:.85rem}.progress-bar-track{width:60px}.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:200}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150}.content-area{margin-left:0}.content-view{padding:16px 16px 60px}.doc-body{padding:20px 16px}.doc-title{font-size:1.3rem}.ascii-art-block{font-size:.7rem;padding:14px 16px}.doc-nav-footer{flex-direction:column}.doc-nav-btn{max-width:100%}.doc-nav-btn--next{justify-content:flex-start;text-align:left}}@media(max-width:480px){.topbar-progress{display:none}}