.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:32px 24px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.sidebar-subtitle{font-size:14px;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:16px 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s;margin-bottom:4px}.sidebar-link:hover{background:var(--bg-secondary)}.sidebar-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-icon{font-size:20px}.sidebar-footer{padding:24px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);text-align:center}.sidebar-footer a{display:block;margin-top:8px;color:var(--primary-color)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:40px;max-width:900px}@media (max-width: 768px){.sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{margin-left:0;padding:24px 16px}.sidebar-header{padding:24px 16px}.sidebar-nav{padding:12px 8px}}.home-page{animation:fadeIn .3s ease-in}.home-page h1{font-size:40px;margin-bottom:16px}.subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:48px}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px}.home-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.home-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #667eea26;transform:translateY(-4px)}.card-icon{font-size:48px;margin-bottom:16px}.home-card h2{font-size:20px;margin-bottom:12px}.home-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.home-footer{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin-top:48px}.home-footer h3{font-size:24px;margin-bottom:16px}.home-footer p{color:var(--text-secondary);line-height:1.8}.markdown-page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.markdown-page h1{font-size:36px;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid var(--primary-color)}.markdown-page h2{font-size:28px;margin-top:48px;margin-bottom:16px;color:var(--text-primary)}.markdown-page h3{font-size:22px;margin-top:32px;margin-bottom:12px;color:var(--text-primary)}.markdown-page h4{font-size:18px;margin-top:24px;margin-bottom:8px;color:var(--text-primary)}.markdown-page p{margin-bottom:16px;line-height:1.8;color:var(--text-primary)}.markdown-page ul,.markdown-page ol{margin-left:24px;margin-bottom:16px}.markdown-page li{margin-bottom:8px;line-height:1.7}.markdown-page blockquote{border-left:4px solid var(--primary-color);padding-left:20px;margin:24px 0;color:var(--text-secondary);font-style:italic}.markdown-page code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-size:.9em;color:#e53e3e}.markdown-page pre{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;margin:24px 0}.markdown-page pre code{background:none;padding:0;color:inherit;font-size:.9em}.markdown-page table{width:100%;border-collapse:collapse;margin:24px 0}.markdown-page th,.markdown-page td{border:1px solid var(--border-color);padding:12px;text-align:left}.markdown-page th{background:var(--bg-secondary);font-weight:600}.markdown-page a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-page a:hover{border-bottom-color:var(--primary-color)}.markdown-page img{max-width:100%;border-radius:8px;margin:24px 0}.markdown-page hr{border:none;border-top:2px solid var(--border-color);margin:48px 0}.app{display:flex;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-dark: #5a67d8;--text-primary: #1a202c;--text-secondary: #4a5568;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--border-color: #e2e8f0;--sidebar-width: 280px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}code{font-family:Courier New,Courier,monospace;background:#f4f4f4;padding:2px 6px;border-radius:3px;font-size:.9em}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}