*,:before,:after{box-sizing:border-box}:root{--bg:#f6f7f9;--surface:#fff;--border:#e2e5eb;--text:#16181d;--text-muted:#6b7280;--accent:#35506e;--accent-contrast:#fff;--brass:#9c6b1f;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--status-done-bg:#ecfdf5;--status-done-border:#10b981;--status-done-text:#065f46;--status-learning-bg:#fffbeb;--status-learning-border:#d97706;--status-learning-text:#92400e;--status-error-bg:#fef2f2;--status-error-border:#ef4444;--status-error-text:#991b1b;--overlay:#10141c59;--code-bg:#f6f7f9;--code-text:#1f2328;--code-comment:#6b7280;--code-keyword:#a626a4;--code-string:#50a14f;--code-number:#986801;--code-function:#4078f2;--code-tag:#e45649;--code-attr:#986801}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#181b21;--border:#2b2f38;--text:#e7e9ec;--text-muted:#9aa1ad;--accent:#8fb0d6;--accent-contrast:#0f1115;--brass:#e0ac52;--shadow:0 1px 2px #0000004d, 0 1px 3px #0006;--status-done-bg:#10b98124;--status-done-border:#10b981;--status-done-text:#6ee7b7;--status-learning-bg:#d9770629;--status-learning-border:#f59e0b;--status-learning-text:#fbbf24;--status-error-bg:#ef444424;--status-error-border:#ef4444;--status-error-text:#fca5a5;--overlay:#0000008c;--code-bg:#1a1d24;--code-text:#d1d5db;--code-comment:#818896;--code-keyword:#c678dd;--code-string:#98c379;--code-number:#d19a66;--code-function:#61afef;--code-tag:#e06c75;--code-attr:#d19a66}}:root[data-theme=dark]{--bg:#0f1115;--surface:#181b21;--border:#2b2f38;--text:#e7e9ec;--text-muted:#9aa1ad;--accent:#8fb0d6;--accent-contrast:#0f1115;--brass:#e0ac52;--shadow:0 1px 2px #0000004d, 0 1px 3px #0006;--status-done-bg:#10b98124;--status-done-border:#10b981;--status-done-text:#6ee7b7;--status-learning-bg:#d9770629;--status-learning-border:#f59e0b;--status-learning-text:#fbbf24;--status-error-bg:#ef444424;--status-error-border:#ef4444;--status-error-text:#fca5a5;--overlay:#0000008c;--code-bg:#1a1d24;--code-text:#d1d5db;--code-comment:#818896;--code-keyword:#c678dd;--code-string:#98c379;--code-number:#d19a66;--code-function:#61afef;--code-tag:#e06c75;--code-attr:#d19a66}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .15s,color .15s}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--font-serif)}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);padding:10px 16px;font-size:.9rem;font-weight:600;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus-visible{outline:2px solid var(--text);outline-offset:2px;top:12px}.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}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);align-items:center;gap:8px;padding:10px 14px;transition:border-color .15s;display:flex}.search-input:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.search-input__icon{opacity:.6;flex-shrink:0;font-size:.95rem}.search-input__field{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.95rem}.search-input__field::placeholder{color:var(--text-muted)}.search-input__clear{background:var(--bg);width:22px;height:22px;color:var(--text-muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.search-input__clear:hover{color:var(--text)}.site-header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{align-items:center;gap:32px;max-width:1160px;margin:0 auto;padding:14px 24px;display:flex}.site-header__logo{white-space:nowrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.site-header__logo-mark{flex-shrink:0}.site-header__nav{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.site-header__link{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.site-header__link:hover{background:var(--bg);color:var(--text)}.site-header__link--active{background:var(--accent);color:var(--accent-contrast)}.site-header__roadmaps{position:relative}.site-header__roadmaps-trigger{background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;display:flex}.site-header__roadmaps-trigger.site-header__link--active{background:var(--accent);color:var(--accent-contrast)}.site-header__roadmaps-caret{font-size:.65rem;transform:translateY(1px)}.site-header__roadmaps-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:30;width:320px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #10182824}.site-header__roadmaps-item{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.site-header__roadmaps-item:hover{background:var(--bg)}.site-header__roadmaps-item-emoji{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.site-header__roadmaps-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.site-header__roadmaps-item-title{color:var(--text);font-size:.9rem;font-weight:700}.site-header__roadmaps-item-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.site-header__search{flex-shrink:0;position:relative}.site-header__search-trigger{border:1px solid var(--border);background:var(--bg);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;line-height:1;transition:border-color .15s,transform .15s;display:flex}.site-header__search-trigger:hover{border-color:var(--accent);transform:scale(1.05)}.site-header__search-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:30;flex-direction:column;gap:8px;width:320px;max-width:calc(100vw - 32px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #10182824}.site-header__theme-toggle{border:1px solid var(--border);background:var(--bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;line-height:1;transition:border-color .15s,transform .15s;display:flex}.site-header__theme-toggle-icon{display:block}.site-header__theme-toggle-icon--moon{font-size:1.1rem;transform:translate(-1.5px,-1.5px)}.site-header__theme-toggle-icon--sun{transform:translate(1px,-.5px)}.site-header__theme-toggle:hover{border-color:var(--accent);transform:scale(1.05)}.site-header__account{border:1px solid var(--border);background:var(--bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.site-header__account:hover{border-color:var(--accent);transform:scale(1.05)}.site-header__avatar{object-fit:cover;width:100%;height:100%}.site-header__menu-toggle{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:none}.site-header__mobile-nav{display:none}@media (width<=1150px){.site-header__nav{display:none}.site-header__menu-toggle{margin-left:auto;display:flex}.site-header__mobile-nav{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 16px 16px;display:flex}.site-header__mobile-link{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:10px;padding:10px 8px;font-size:.95rem;font-weight:500;display:flex}.site-header__mobile-link-emoji{font-size:1.1rem}.site-header__mobile-link--active{background:var(--accent);color:var(--accent-contrast)}}@media (width<=400px){.site-header__inner{gap:10px;padding:12px 14px}}.site-footer{border-top:1px solid var(--border);margin-top:64px}.site-footer__inner{max-width:1080px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;padding:24px;font-size:.85rem;display:flex}.site-footer__muted{font-size:.8rem}.site-footer__nav{gap:16px;display:flex}.site-footer__nav a{color:var(--text-muted)}.site-footer__nav a:hover{color:var(--accent)}