@font-face{font-family:jetbrains mono;font-display:swap}.back-button{background:0 0;border:none;color:var(--text-muted);padding:0;cursor:pointer;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:inherit;transition:color var(--transition-fast)}.back-button:hover{color:var(--text-secondary)}.back-button:focus{outline:none}.back-button:focus-visible{color:var(--text-secondary);outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.back-button svg{color:currentColor;fill:currentColor}.section-title{font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xl);line-height:1.2;letter-spacing:-.02em}.year-group{margin-bottom:var(--spacing-2xl)}.year-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-md);padding-bottom:6px;border-bottom:1px solid var(--border-primary);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.card{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin-bottom:8px;border:1px solid var(--border-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast);contain:layout style paint}.card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.card a{text-decoration:none;color:inherit;display:block}.card a:focus{outline:none}.card a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.card-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.5;margin-bottom:var(--spacing-sm)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--spacing-sm)}.tag{background:var(--bg-secondary);color:var(--text-muted);padding:3px 8px;border-radius:var(--border-radius-sm);font-size:12px;border:1px solid var(--border-primary);font-weight:500}.read-more{display:inline-flex;align-items:center;gap:4px;color:var(--accent-primary);font-size:var(--font-size-sm);margin-top:8px;font-weight:500}.card-main-link{display:block;text-decoration:none;color:inherit;margin-bottom:var(--spacing-sm)}.card-main-link:focus{outline:none}.card-main-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.card-links{display:flex;gap:8px;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.card-link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--border-primary)}.card-link-btn.github-btn{background:var(--bg-secondary);color:var(--text-secondary)}.card-link-btn.github-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.card-link-btn.demo-btn{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.card-link-btn.demo-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.card-link-btn svg{fill:currentColor}.section-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.section-header-wrapper .section-title{margin-bottom:0}.section-header-wrapper .assembly-controls{margin-bottom:0}@media(max-width:480px){.section-header-wrapper{justify-content:center}}.assembly-group{margin-bottom:12px;border:1px solid var(--border-primary);border-radius:10px;background-color:var(--bg-secondary);transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;min-height:52px}.assembly-group:hover{border-color:var(--border-secondary);box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=light] .assembly-group:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.assembly-group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;user-select:none;background-color:var(--bg-tertiary);transition:background-color .15s ease-out;position:relative;z-index:2;will-change:background-color}.assembly-group.expanded .assembly-group-header{border-bottom:1px solid var(--border-primary)}.assembly-group-header:hover{background-color:var(--bg-hover)}.assembly-group-title-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.assembly-group-icon{font-size:22px;opacity:.9;flex-shrink:0}.assembly-group-title{font-size:16px;font-weight:500;color:var(--text-primary)}.assembly-group-description{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.assembly-group-toggle{display:flex;align-items:center;gap:12px}.assembly-group-count{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);padding:3px 7px;border-radius:6px;border:1px solid var(--border-primary);min-width:24px;text-align:center}.assembly-group-indicator{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.assembly-group.expanded .assembly-group-indicator{transform:rotate(90deg)}.assembly-group-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.4,0,.2,1);will-change:grid-template-rows}.assembly-group.expanded .assembly-group-content{grid-template-rows:1fr}.assembly-group-items{overflow:hidden;min-height:0;padding:0 8px;transition:padding .2s ease-out}.assembly-group.expanded .assembly-group-items{padding:8px}.assembly-group .card{background:var(--bg-tertiary);margin-bottom:8px;transition:transform .15s ease-out,background-color .15s ease-out}.assembly-group .card:last-child{margin-bottom:0}.assembly-group .card:hover{background:var(--bg-hover);transform:translateX(4px)}.assembly-group-empty{padding:24px;color:var(--text-muted);text-align:center}.assembly-expand-all{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.assembly-expand-all:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.assembly-expand-all:active{transform:scale(.97)}@media(max-width:767px){.assembly-group{min-height:48px}.assembly-group-header{padding:12px 14px}.assembly-group-title{font-size:15px}.section-header-wrapper .assembly-controls,.assembly-expand-all{width:100%}.assembly-expand-all{justify-content:center}}.assembly-group-header:focus-visible,.assembly-expand-all:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.article-content{line-height:1.7}.back-button+.article-content{margin-top:0}.article-header+.project-meta,.article-header+.toc,.article-header+.article-content{margin-top:0}.content>.back-button{margin-bottom:var(--spacing-xl)}.content>.article-content:first-of-type{margin-top:0}.article-content>h1:first-child,.article-content>h2:first-child{margin-top:0}.article-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.article-title{font-size:var(--font-size-4xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2;letter-spacing:-.02em}.article-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--text-muted)}.article-content h1{font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-3xl)0 var(--spacing-lg);line-height:1.2;letter-spacing:-.02em}.article-content h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-2xl)0 var(--spacing-md);line-height:1.3;padding-bottom:6px;border-bottom:1px solid var(--border-primary);letter-spacing:-.01em}.article-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:var(--spacing-xl)0 var(--spacing-md);line-height:1.3}.article-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin:var(--spacing-lg)0 var(--spacing-sm);line-height:1.4}.article-content h5{font-size:var(--font-size-md);font-weight:600;color:var(--text-secondary);margin:var(--spacing-md)0 var(--spacing-sm);line-height:1.4;text-transform:uppercase;letter-spacing:.05em;font-size:14px}.article-content h6{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);margin:var(--spacing-sm)0;line-height:1.4}.article-content h1+p,.article-content h2+p,.article-content h3+p,.article-content h4+p,.article-content h5+p,.article-content h6+p{margin-top:0}.article-content pre+h2,.article-content pre+h3,.article-content pre+h4{margin-top:var(--spacing-2xl)}.article-content ul+h2,.article-content ol+h2,.article-content ul+h3,.article-content ol+h3,.article-content ul+h4,.article-content ol+h4{margin-top:var(--spacing-xl)}.article-content table+h2,.article-content table+h3,.article-content table+h4{margin-top:var(--spacing-2xl)}.article-content .table-scroll-wrapper+h2,.article-content .table-scroll-wrapper+h3,.article-content .table-scroll-wrapper+h4{margin-top:var(--spacing-2xl)}.article-content h1 a,.article-content h2 a,.article-content h3 a,.article-content h4 a,.article-content h5 a,.article-content h6 a{color:inherit;text-decoration:none}.article-content h2 a:hover,.article-content h3 a:hover,.article-content h4 a:hover{color:var(--accent-primary)}.article-content p{font-size:var(--font-size-md);color:var(--text-tertiary);line-height:1.7;margin-bottom:var(--spacing-lg)}.article-content ul,.article-content ol{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md);margin-top:0}.article-content li{font-size:var(--font-size-md);color:var(--text-tertiary);padding:2px 0;line-height:1.7}.article-content li>ul,.article-content li>ol{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.article-content blockquote{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding:var(--spacing-md)var(--spacing-lg);margin:var(--spacing-xl)0;border-radius:0 var(--border-radius-sm)var(--border-radius-sm)0}.article-content blockquote p{color:var(--text-secondary);margin:0 0 var(--spacing-sm);font-size:var(--font-size-md)}.article-content blockquote p:last-child{margin-bottom:0}.article-content blockquote ul,.article-content blockquote ol{margin:var(--spacing-sm)0 0 var(--spacing-lg);padding-left:0}.article-content blockquote li{color:var(--text-secondary);margin:4px 0;padding:2px 0;font-size:var(--font-size-md)}.article-content blockquote cite,.article-content blockquote em{display:block;text-align:right;margin-top:var(--spacing-sm);font-style:italic;color:var(--text-muted);font-size:var(--font-size-sm)}.article-content blockquote+ol,.article-content blockquote+ul,.article-content blockquote+p{margin-top:var(--spacing-md)}.article-content code{background:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:14px;font-family:jetbrains mono,sf mono,consolas,monaco,monospace;font-weight:500;border:1px solid #2a2a2a;color:#e8e8e8}[data-theme=light] .article-content code{background:#f0f0f0;border:1px solid #e0e0e0;color:#1a1a1a}.article-content pre code{background:0 0;padding:0;border:none}.code-block-wrapper{position:relative;margin:var(--spacing-xl)0;background:#0f0f0f;border-radius:var(--border-radius-md);border:1px solid #1f1f1f;overflow:hidden;contain:layout style paint;box-shadow:0 2px 8px rgba(0,0,0,.3)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#0a0a0a;border-bottom:1px solid #1f1f1f;min-height:40px}.code-language{font-size:12px;color:#707070;font-family:jetbrains mono,sf mono,consolas,monaco,courier new,monospace;font-weight:600;letter-spacing:.05em;text-transform:lowercase}.code-block-wrapper pre{margin:0;padding:0;background:0 0;border:none;border-radius:0}.code-block-wrapper pre code{display:block;padding:var(--spacing-lg);background:0 0;color:#e8e8e8;font-size:14px;line-height:1.6;font-weight:400;font-family:jetbrains mono,sf mono,consolas,monaco,courier new,monospace;overflow-x:auto}.copy-code-button{background:0 0;border:1px solid transparent;border-radius:var(--border-radius-sm);padding:5px 10px;cursor:pointer;font-size:11px;color:var(--text-muted);font-family:inherit;display:flex;align-items:center;gap:4px;font-weight:500;transition:all var(--transition-fast)}.copy-code-button:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-secondary)}.copy-code-button:active{transform:scale(.95)}.copy-code-button.copied{background:#1a4d2e;color:#4ade80;border-color:#2d5a3d}.copy-code-button span:first-child{font-size:13px}.copy-code-button.copied span:first-child{animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.code-block-simple{margin:var(--spacing-xl)0;background:#0f0f0f;border-radius:var(--border-radius-md);border:1px solid #1f1f1f;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3)}.code-block-simple .chroma{background:0 0}.code-block-simple pre{padding:var(--spacing-lg)}.code-centered-wrapper{display:flex;justify-content:center;margin:0}.code-centered-wrapper .chroma{width:fit-content;max-width:100%}.code-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0;align-items:start;contain:layout style paint}.code-compare-left,.code-compare-right{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;min-width:0;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;height:100%}[data-theme=dark] .code-compare-left,[data-theme=dark] .code-compare-right{box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=light] .code-compare-left,[data-theme=light] .code-compare-right{box-shadow:0 4px 16px rgba(0,0,0,8%)}.code-compare-left:hover,.code-compare-right:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}[data-theme=dark] .code-compare-left:hover,[data-theme=dark] .code-compare-right:hover{box-shadow:0 6px 20px rgba(0,0,0,.5)}.code-compare-header{background:var(--bg-secondary);padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-primary);line-height:1.5;letter-spacing:.01em;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:40px}.code-compare-left .code-compare-header{background:color-mix(in srgb,#e06c75 15%,var(--bg-secondary))}.code-compare-right .code-compare-header{background:color-mix(in srgb,#98c379 15%,var(--bg-secondary))}[data-theme=light] .code-compare-left .code-compare-header{background:color-mix(in srgb,#e06c75 8%,var(--bg-secondary))}[data-theme=light] .code-compare-right .code-compare-header{background:color-mix(in srgb,#98c379 8%,var(--bg-secondary))}.code-compare-content{padding:0;overflow-x:auto;overflow-y:hidden;flex:auto;display:block;-webkit-overflow-scrolling:touch}.code-compare-content>*{margin:0!important}.code-compare-content>*+*{margin-top:0!important}.code-compare-content>p{padding:14px 16px;margin:0!important;font-size:14px;line-height:1.7;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word}.code-compare-content>p:first-child{padding-top:16px}.code-compare-content>p:has(strong:only-child),.code-compare-content>p.section-header{background:var(--bg-secondary);padding:12px 16px;border-top:1px solid var(--border-primary);font-weight:600;color:var(--text-primary);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.code-compare-content>p:first-child:has(strong:only-child),.code-compare-content>p:first-child.section-header{border-top:none;padding-top:14px}.code-compare-content>p strong{color:var(--text-primary);font-weight:600}.code-compare-content p strong:not(:only-child),.code-compare-content li strong{color:var(--text-primary);font-weight:600}.code-compare-content>ul,.code-compare-content>ol,.code-compare-content ul,.code-compare-content ol{padding:0!important;margin:0!important;list-style:none!important}.code-compare-content>ul,.code-compare-content>ol{padding:12px 16px!important}.code-compare-content ul li,.code-compare-content ol li{font-size:14px;line-height:1.7;color:var(--text-secondary);padding:4px 0 4px 20px!important;margin:0!important;word-wrap:break-word;position:relative;display:block!important}.code-compare-content ul li::before{content:"•";position:absolute;left:0;top:4px;color:var(--text-muted);font-weight:700;font-size:16px;line-height:1.7}.code-compare-content ol{counter-reset:item}.code-compare-content ol li{counter-increment:item;padding-left:24px!important}.code-compare-content ol li::before{content:counter(item)".";position:absolute;left:0;top:4px;color:var(--text-muted);font-weight:500;font-size:14px;line-height:1.7;min-width:20px}.code-compare-content li ul,.code-compare-content li ol{padding:8px 0!important;margin:0!important}.code-compare-content li ul li,.code-compare-content li ol li{padding-left:20px!important}.code-compare-content li ul li::before{content:"◦";font-size:14px}.code-compare-content li ol{counter-reset:subitem}.code-compare-content li ol li{counter-increment:subitem}.code-compare-content li ol li::before{content:counter(subitem)")";font-size:13px}.code-compare-content li p{padding:0!important;margin:0!important;display:inline!important}.code-compare-content pre,.code-compare-content>pre,.code-compare-content div pre,.code-compare-content p+pre,.code-compare-content .highlight pre,.code-compare-content .chroma{background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:none!important}.code-compare-content pre code,.code-compare-content .highlight pre code,.code-compare-content .chroma code{padding:12px 16px!important;display:block;font-size:13px;line-height:1.6;background:0 0!important;overflow-x:auto;white-space:pre;font-family:jetbrains mono,sf mono,consolas,monaco,monospace;color:var(--text-secondary);border:none!important;box-shadow:none!important;outline:none!important}.code-compare-content .highlight{background:0 0!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.code-compare-content p code:not(pre code),.code-compare-content li code:not(pre code){background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:jetbrains mono,sf mono,consolas,monaco,monospace;color:var(--text-primary);border:1px solid var(--border-primary)}.code-compare-content .code-block-wrapper,.code-compare-content .code-block-simple{margin:0!important;padding:0!important;border:none!important;background:0 0!important;box-shadow:none!important;overflow:visible}.code-compare-content .code-block-wrapper pre,.code-compare-content .code-block-simple pre{margin:0!important;padding:0!important;border-radius:0;background:0 0!important;border:none!important;box-shadow:none!important}.code-compare-content .code-block-header{display:none!important}.code-compare-content .copy-code-button{display:none!important}.code-compare-content>blockquote,.code-compare-content blockquote{background:0 0;border-left:3px solid var(--accent-primary);padding:8px 0 8px 16px;margin:12px 16px!important}.code-compare-content blockquote p{padding:0!important;margin:0!important;color:var(--text-tertiary);font-size:14px;line-height:1.6;font-style:normal}.code-compare-content blockquote p:not(:last-child){margin-bottom:8px!important}.code-compare-content blockquote code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px;border:1px solid var(--border-primary)}.code-compare-content p+blockquote,.code-compare-content ol+blockquote,.code-compare-content ul+blockquote,.code-compare-content pre+blockquote{margin-top:12px!important}.code-compare-content blockquote+p,.code-compare-content blockquote+ol,.code-compare-content blockquote+ul,.code-compare-content blockquote+pre{margin-top:12px!important}.code-compare-content .chroma{background-color:initial!important}.code-compare-content .chroma .k,.code-compare-content .chroma .kd,.code-compare-content .chroma .kn{color:#569cd6}.code-compare-content .chroma .s,.code-compare-content .chroma .s1,.code-compare-content .chroma .s2{color:#ce9178}.code-compare-content .chroma .m,.code-compare-content .chroma .mi{color:#b5cea8}.code-compare-content .chroma .c,.code-compare-content .chroma .c1{color:#6a9955;font-style:italic}.code-compare-content .chroma .nf{color:#dcdcaa}[data-theme=light] .code-compare-content .chroma .k,[data-theme=light] .code-compare-content .chroma .kd{color:#00f}[data-theme=light] .code-compare-content .chroma .s,[data-theme=light] .code-compare-content .chroma .s1{color:#a31515}[data-theme=light] .code-compare-content .chroma .c,[data-theme=light] .code-compare-content .chroma .c1{color:green}.code-compare-content::-webkit-scrollbar,.code-compare-content pre code::-webkit-scrollbar{width:6px;height:6px}.code-compare-content::-webkit-scrollbar-track,.code-compare-content pre code::-webkit-scrollbar-track{background:0 0;border-radius:3px}.code-compare-content::-webkit-scrollbar-thumb,.code-compare-content pre code::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px;transition:background .2s}.code-compare-content::-webkit-scrollbar-thumb:hover,.code-compare-content pre code::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.code-compare-content,.code-compare-content pre code{scrollbar-width:thin;scrollbar-color:var(--border-secondary)transparent}[data-theme=light] .code-compare-content::-webkit-scrollbar-track,[data-theme=light] .code-compare-content pre code::-webkit-scrollbar-track{background:0 0}[data-theme=light] .code-compare-content::-webkit-scrollbar-thumb,[data-theme=light] .code-compare-content pre code::-webkit-scrollbar-thumb{background:#d0d0d0}[data-theme=light] .code-compare-content::-webkit-scrollbar-thumb:hover,[data-theme=light] .code-compare-content pre code::-webkit-scrollbar-thumb:hover{background:#a0a0a0}[data-theme=light] .code-compare-content,[data-theme=light] .code-compare-content pre code{scrollbar-color:#d0d0d0 transparent}@media(min-width:768px) and (max-width:1024px){.code-compare{gap:16px}.code-compare-content pre code{font-size:13px;padding:12px 14px!important}.code-compare-content>p{padding:12px 14px;font-size:13px}.code-compare-content>ul,.code-compare-content>ol{padding:10px 14px!important}}@media(max-width:767px){.code-compare{grid-template-columns:1fr;gap:18px;margin:28px 0}.code-compare-left,.code-compare-right{border-radius:14px}.code-compare-header{padding:10px 14px;font-size:12px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px}.code-compare-header::before{display:none}.code-compare-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-compare-header .copy-code-button{display:flex!important;flex-shrink:0;padding:4px 8px;font-size:10px;min-width:auto;gap:4px}.code-compare-header .copy-code-button span:first-child{font-size:12px}.code-compare-content pre code{padding:12px 14px!important;font-size:12px;line-height:1.6}.code-compare-content>p{padding:12px 14px;font-size:13px}.code-compare-content>ul,.code-compare-content>ol{padding:10px 14px!important}.code-compare-content ul li,.code-compare-content ol li{font-size:13px;padding:4px 0 4px 18px!important}.code-compare-content ul li::before{font-size:14px;top:3px}.code-compare-content ol li{padding-left:22px!important}.code-compare-content ol li::before{font-size:13px;top:3px}.code-compare-content li ul li,.code-compare-content li ol li{padding-left:18px!important}.code-compare-content blockquote{padding:6px 0 6px 14px;margin:10px 14px!important}.code-compare-content blockquote p{font-size:13px}.code-compare-left:hover,.code-compare-right:hover{transform:none;box-shadow:0 4px 16px rgba(0,0,0,.1)}[data-theme=dark] .code-compare-left:hover,[data-theme=dark] .code-compare-right:hover{box-shadow:0 4px 16px rgba(0,0,0,.4)}}@media(max-width:480px){.code-compare{gap:16px;margin:24px 0}.code-compare-header{padding:10px 12px;font-size:11px;min-height:40px;gap:8px}.code-compare-header .copy-code-button{padding:3px 6px;font-size:9px}.code-compare-header .copy-code-button span:first-child{font-size:11px}.code-compare-content pre code{padding:10px 12px!important;font-size:11px;line-height:1.5}.code-compare-content>p{padding:10px 12px;font-size:12px}.code-compare-content>ul,.code-compare-content>ol{padding:8px 12px!important}.code-compare-content ul li,.code-compare-content ol li{font-size:12px;padding:3px 0 3px 16px!important}.code-compare-content ul li::before{font-size:13px}.code-compare-content ol li{padding-left:20px!important}.code-compare-content ol li::before{font-size:12px}.code-compare-content li ul li,.code-compare-content li ol li{padding-left:16px!important}.code-compare-content blockquote{padding:6px 0 6px 12px;margin:8px 12px!important}.code-compare-content blockquote p{font-size:12px}}@media(max-width:767px) and (orientation:landscape){.code-compare{margin:20px 0}.code-compare-content pre code{padding:12px 14px!important;font-size:12px}}@media(hover:none) and (pointer:coarse){.code-compare-header{min-height:44px}.code-compare-left,.code-compare-right{transition:none}.code-compare-content pre code{touch-action:pan-x pan-y}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.code-compare-left,.code-compare-right{border-width:.5px}}@media print{.code-compare{grid-template-columns:1fr 1fr;gap:10mm;page-break-inside:avoid}.code-compare-left,.code-compare-right{border:1px solid #ccc;box-shadow:none}.code-compare-header::before{display:none}.code-compare-content pre code{font-size:9pt;line-height:1.4}}.code-compare-left,.code-compare-right,.code-compare-content,.code-compare-content *{outline:none!important}.code-compare-left:focus-within,.code-compare-right:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.code-compare-left,.code-compare-right,details[open] .code-compare{animation:none;transition:none}}@media(prefers-contrast:high){.code-compare-left,.code-compare-right{border-width:2px}.code-compare-header{font-weight:600}}details{margin:20px 0}details summary{cursor:pointer;user-select:none;-webkit-user-select:none;list-style:none;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:all .15s ease;margin-bottom:8px;white-space:nowrap;overflow:hidden;will-change:background-color}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::before{content:"▶";font-size:10px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0;will-change:transform}details[open] summary::before{transform:rotate(90deg)}details summary:hover{background:var(--bg-hover);border-color:var(--border-secondary)}details summary:focus{outline:none}details summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}details[open] summary{margin-bottom:var(--spacing-md);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary)}details>:not(summary){padding:0}details .code-compare{margin-top:0}details[open]>:not(summary){animation:none}details.code-step summary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}details.code-step[open] summary{background:var(--bg-secondary)}details summary .expand-hint{font-size:12px;color:var(--text-muted);margin-left:auto;font-weight:400;flex-shrink:0}details[open] summary .expand-hint{display:none}@media(max-width:767px){details summary{padding:10px 14px;font-size:13px;min-height:44px;white-space:normal}details summary::before{font-size:12px}details[open] summary{margin-bottom:14px}details summary .expand-hint{font-size:11px}}@media(hover:none) and (pointer:coarse){details summary{min-height:44px;padding:12px 16px}details summary:active{background:var(--bg-hover);transform:scale(.99)}}@media(prefers-reduced-motion:reduce){details summary::before{transition:none}}[data-theme=light] .code-block-simple{background:#f5f5f5;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,5%)}[data-theme=light] .code-block-wrapper,[data-theme=light] .code-block-simple{background:#f5f5f5;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,5%)}[data-theme=light] .code-block-header{background:#ebebeb;border-bottom:1px solid #d0d0d0}[data-theme=light] .code-language{color:#606060}[data-theme=light] .code-block-wrapper pre code,[data-theme=light] .code-block-simple pre code{color:#1a1a1a}[data-theme=light] .copy-code-button{background:0 0;border-color:#d0d0d0;color:#606060}[data-theme=light] .copy-code-button:hover{background:#fff;color:#1a1a1a;border-color:#b0b0b0}[data-theme=light] .copy-code-button.copied{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.article-content img{max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin:var(--spacing-xl)auto;display:block;cursor:pointer;border:1px solid var(--border-primary);transition:opacity var(--transition-fast);background:var(--bg-secondary)}.article-content img[loading=lazy]{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.article-content img:hover{opacity:.9}.article-content img.loaded{animation:none;background:0 0}.article-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-bottom-color var(--transition-fast)}.article-content a:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.article-content a:focus{outline:none}.article-content a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nc{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .bp{font-style:italic}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .vm{color:#8be9fd;font-style:italic}.chroma .nf{color:#50fa7b}.chroma .fm{color:#50fa7b}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:700}.chroma .gi{color:#50fa7b;font-weight:700}.chroma .go{color:#44475a}.chroma .gu{font-weight:700}.chroma .gl{text-decoration:underline}[data-theme=light] .article-content pre{background:0 0;border:none}[data-theme=light] .article-content pre code{color:#1a1a1a}[data-theme=light] .chroma{background-color:#fafafa;color:#1a1a1a}[data-theme=light] .chroma .k{color:#cf222e;font-weight:600}[data-theme=light] .chroma .kc{color:#0550ae}[data-theme=light] .chroma .kd{color:#cf222e;font-weight:600}[data-theme=light] .chroma .kn{color:#cf222e}[data-theme=light] .chroma .kp{color:#cf222e}[data-theme=light] .chroma .kr{color:#cf222e}[data-theme=light] .chroma .kt{color:#cf222e}[data-theme=light] .chroma .n{color:#1a1a1a}[data-theme=light] .chroma .na{color:#1a1a1a}[data-theme=light] .chroma .nb{color:#8250df;font-weight:600}[data-theme=light] .chroma .bp{color:#8250df}[data-theme=light] .chroma .nc{color:#953800}[data-theme=light] .chroma .no{color:#0550ae}[data-theme=light] .chroma .nd{color:#8250df}[data-theme=light] .chroma .ni{color:#1a1a1a}[data-theme=light] .chroma .ne{color:#953800}[data-theme=light] .chroma .nf{color:#8250df}[data-theme=light] .chroma .nl{color:#1a1a1a}[data-theme=light] .chroma .nn{color:#1a1a1a}[data-theme=light] .chroma .nt{color:#116329}[data-theme=light] .chroma .nv{color:#1a1a1a}[data-theme=light] .chroma .s{color:#0a3069}[data-theme=light] .chroma .sa{color:#0a3069}[data-theme=light] .chroma .sb{color:#0a3069}[data-theme=light] .chroma .sc{color:#0a3069}[data-theme=light] .chroma .dl{color:#0a3069}[data-theme=light] .chroma .sd{color:#0a3069}[data-theme=light] .chroma .s2{color:#0a3069}[data-theme=light] .chroma .se{color:#0a3069}[data-theme=light] .chroma .sh{color:#0a3069}[data-theme=light] .chroma .si{color:#0a3069}[data-theme=light] .chroma .sx{color:#0a3069}[data-theme=light] .chroma .sr{color:#116329}[data-theme=light] .chroma .s1{color:#0a3069}[data-theme=light] .chroma .ss{color:#0a3069}[data-theme=light] .chroma .m{color:#0550ae}[data-theme=light] .chroma .mb{color:#0550ae}[data-theme=light] .chroma .mf{color:#0550ae}[data-theme=light] .chroma .mh{color:#0550ae}[data-theme=light] .chroma .mi{color:#0550ae}[data-theme=light] .chroma .il{color:#0550ae}[data-theme=light] .chroma .mo{color:#0550ae}[data-theme=light] .chroma .o{color:#1a1a1a}[data-theme=light] .chroma .ow{color:#cf222e}[data-theme=light] .chroma .p{color:#1a1a1a}[data-theme=light] .chroma .c{color:#6e7781;font-style:italic}[data-theme=light] .chroma .ch{color:#6e7781;font-style:italic}[data-theme=light] .chroma .cm{color:#6e7781;font-style:italic}[data-theme=light] .chroma .c1{color:#6e7781;font-style:italic}[data-theme=light] .chroma .cs{color:#6e7781;font-style:italic}[data-theme=light] .chroma .cp{color:#6e7781;font-style:italic}[data-theme=light] .chroma .cpf{color:#6e7781;font-style:italic}[data-theme=light] .chroma .gd{color:#cf222e}[data-theme=light] .chroma .ge{font-style:italic}[data-theme=light] .chroma .gh{color:#1a1a1a;font-weight:700}[data-theme=light] .chroma .gi{color:#116329}[data-theme=light] .chroma .go{color:#6e7781}[data-theme=light] .chroma .gp{color:#8250df;font-weight:700}[data-theme=light] .chroma .gs{font-weight:700}[data-theme=light] .chroma .gu{color:#0550ae;font-weight:700}[data-theme=light] .chroma .gt{color:#cf222e}.no-content{color:var(--text-muted);font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-3xl)var(--spacing-md)}.toc{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl);position:relative}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.toc-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.toc-toggle{background:0 0;border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:4px 8px;cursor:pointer;font-family:inherit;color:var(--text-muted);font-size:16px;line-height:1;transition:all var(--transition-fast)}.toc.collapsed .toc-content{display:none}.toc-content{display:block}.toc-toggle:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.toc-toggle-icon{display:inline-block}.toc nav ul{list-style:none;margin:0;padding:0}.toc nav ul ul{margin-left:var(--spacing-lg);margin-top:4px}.toc nav li{margin:4px 0;padding:0}.toc nav a{color:var(--text-tertiary);text-decoration:none;font-size:var(--font-size-sm);line-height:1.5;transition:color var(--transition-fast);display:inline-block}.toc nav a:hover{color:var(--accent-primary)}.donation-block{margin:var(--spacing-3xl)0;padding:24px;background:var(--bg-tertiary);border:1px dashed var(--border-secondary);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:space-between;gap:20px;transition:border-color var(--transition-fast)}.donation-block:hover{border-color:var(--accent-primary);border-style:solid}.donation-content{display:flex;align-items:flex-start;gap:16px}.donation-icon{font-size:24px;line-height:1;padding-top:2px}.donation-text{flex:1}.donation-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.donation-desc{font-size:14px;color:var(--text-tertiary);line-height:1.5;margin:0}.donation-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.donation-button:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.footer-link-heart:hover{color:#e91e63}@media(max-width:640px){.donation-block{flex-direction:column;align-items:stretch;text-align:center;gap:16px;padding:20px}.donation-content{flex-direction:column;align-items:center;gap:10px}.donation-button{justify-content:center;width:100%}}.asm-navbox{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:0;margin:var(--spacing-3xl)0;overflow:hidden;min-height:200px}.asm-navbox .toc-header{background:var(--bg-secondary);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;min-height:56px}.asm-navbox .toc-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.asm-navbox .toc-toggle{background:0 0;border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:6px 10px;cursor:pointer;font-family:inherit;color:var(--text-muted);font-size:18px;line-height:1;transition:all var(--transition-fast);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.asm-navbox .toc-toggle:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.asm-navbox .toc-toggle:focus{outline:none}.asm-navbox .toc-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.asm-navbox.collapsed .toc-content{display:none}.asm-navbox .toc-content{display:block;animation:fadeIn .2s ease}.asm-navbox-body{display:flex;flex-direction:column;gap:0}.asm-navbox-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--border-primary);min-height:48px;transition:background-color var(--transition-fast)}.asm-navbox-row:last-child{border-bottom:none}.asm-navbox-row:hover{background:var(--bg-hover)}.asm-navbox-group{padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border-right:1px solid var(--border-primary);font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;text-align:right;justify-content:flex-end}.asm-navbox-links{padding:var(--spacing-md)var(--spacing-lg);display:flex;flex-wrap:wrap;gap:4px 0;align-items:center}.asm-navbox-links a{color:var(--accent-primary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);padding:2px 4px;border-radius:3px}.asm-navbox-links a:hover{color:var(--accent-secondary);background:var(--bg-hover)}.asm-navbox-links a:focus{outline:none}.asm-navbox-links a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.asm-navbox-links a:not(:last-child)::after{content:" · ";color:var(--text-muted);padding:0 4px;user-select:none}@media(max-width:1024px){.asm-navbox-row{grid-template-columns:140px 1fr}.asm-navbox-group{font-size:13px;padding:var(--spacing-sm)var(--spacing-md)}.asm-navbox-links{padding:var(--spacing-sm)var(--spacing-md)}.asm-navbox-links a{font-size:13px}}@media(max-width:767px){.asm-navbox{margin:var(--spacing-2xl)0;border-radius:var(--border-radius-md);min-height:auto}.asm-navbox .toc-header{padding:14px 16px;min-height:52px}.asm-navbox .toc-title{font-size:17px;font-weight:600;letter-spacing:.03em}.asm-navbox .toc-toggle{min-width:36px;min-height:36px;padding:8px;font-size:16px}.asm-navbox-row{grid-template-columns:1fr;gap:0;min-height:auto;border-bottom:1px solid var(--border-primary)}.asm-navbox-row:last-child{border-bottom:none}.asm-navbox-group{border-right:none;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);text-align:center;justify-content:center;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);line-height:1.4}.asm-navbox-links{padding:16px;justify-content:center;text-align:center;gap:12px 0;line-height:1.6}.asm-navbox-links a{font-size:15px;padding:6px 10px;display:inline-block;min-height:36px;line-height:1.5;border-radius:6px;transition:all var(--transition-fast)}.asm-navbox-links a:hover,.asm-navbox-links a:active{background:var(--bg-hover);transform:scale(1.02)}.asm-navbox-links a:not(:last-child)::after{content:" · ";color:var(--text-muted);padding:0 8px;font-size:18px;font-weight:700}.asm-navbox-row:hover{background:0 0}}@media(max-width:480px){.asm-navbox .toc-header{padding:12px 14px}.asm-navbox .toc-title{font-size:16px}.asm-navbox-group{font-size:11px;padding:10px 14px;letter-spacing:.1em}.asm-navbox-links{padding:14px;gap:10px 0}.asm-navbox-links a{font-size:14px;padding:5px 8px;min-height:34px}.asm-navbox-links a:not(:last-child)::after{padding:0 6px;font-size:16px}}@media(hover:none) and (pointer:coarse){.asm-navbox-links a{min-height:44px;padding:10px 12px;font-size:15px}.asm-navbox .toc-toggle{min-width:44px;min-height:44px;padding:10px}.asm-navbox-links a:active{background:var(--bg-hover);transform:scale(.98)}.asm-navbox .toc-toggle:active{transform:scale(.95)}}@media(max-width:767px) and (orientation:landscape){.asm-navbox-links{padding:12px 16px}.asm-navbox-links a{font-size:14px;min-height:32px}}@media(prefers-reduced-motion:reduce){.asm-navbox .toc-content{animation:none}.asm-navbox-links a,.asm-navbox .toc-toggle{transition:none}}@media(prefers-contrast:high){.asm-navbox{border-width:2px}.asm-navbox-row{border-bottom-width:2px}.asm-navbox-group{font-weight:700}}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-xl)0;font-size:var(--font-size-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--border-primary)}.article-content thead{background:var(--bg-secondary)}.article-content th{padding:var(--spacing-md);text-align:center!important;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.article-content td{padding:var(--spacing-md);color:var(--text-tertiary);border-bottom:1px solid var(--border-primary)}.article-content tbody tr:last-child td{border-bottom:none}.article-content tbody tr:hover{background:var(--bg-hover)}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--spacing-lg)0;border-radius:var(--border-radius-sm);border:1px solid var(--border-primary);background:var(--bg-tertiary)}.table-scroll-wrapper table{margin:0;border:none;background:0 0}.project-meta{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.project-meta-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.project-meta-grid{display:grid;gap:var(--spacing-md)}.project-meta-item{display:flex;gap:var(--spacing-sm)}.project-meta-label{font-weight:600;color:var(--text-secondary);min-width:100px}.project-meta-value{color:var(--text-tertiary)}.project-meta-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.project-meta-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all var(--transition-fast)}.project-meta-link:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:10000;justify-content:center;align-items:center;padding:var(--spacing-lg)}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.lightbox-close:hover{opacity:.7}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius-sm)}.lightbox-caption{margin-top:var(--spacing-md);color:#fff;text-align:center;font-size:var(--font-size-sm)}.footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-primary)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.footer-text a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.footer-text a:hover{color:var(--accent-secondary)}.footer-links{display:flex;gap:8px}.footer-link{color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-sm);border:none;transition:all var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-link svg{transition:none;width:20px;height:20px;color:inherit;fill:currentColor}.about-container{max-width:900px;margin:0 auto;display:flex;gap:var(--spacing-2xl);align-items:flex-start}.about-sidebar{flex-shrink:0;width:240px;position:sticky;top:var(--spacing-2xl)}.profile-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center}.profile-card:hover{border-color:var(--border-secondary);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=light] .profile-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-avatar{font-size:80px;margin-bottom:var(--spacing-md);display:inline-block;opacity:.9;transition:transform var(--transition-fast)}.profile-card:hover .profile-avatar{transform:scale(1.05)}.profile-content{display:flex;flex-direction:column;align-items:center;width:100%}.profile-name{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.profile-role{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-primary);width:100%}.profile-links{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.profile-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.profile-link:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateX(2px)}.profile-link-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-link-icon svg{color:currentColor;fill:currentColor}.profile-link-label{flex:1;text-align:left;font-weight:500}.about-main{flex:1;min-width:0}.about-bio{margin-bottom:var(--spacing-3xl)}.about-bio-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.about-bio-text{font-size:var(--font-size-md);color:var(--text-tertiary);line-height:1.7;margin-bottom:var(--spacing-lg)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.tech-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.about-projects{margin-bottom:var(--spacing-2xl)}.about-projects-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.projects-showcase{display:flex;flex-direction:column;gap:var(--spacing-md)}.project-showcase-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;display:flex;gap:var(--spacing-md);align-items:flex-start;transition:all var(--transition-fast);position:relative;overflow:hidden}.project-showcase-card::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent-primary);transform:scaleY(0);transition:transform var(--transition-fast)}.project-showcase-card:hover::before{transform:scaleY(1)}.project-showcase-card:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=light] .project-showcase-card:hover{box-shadow:0 4px 12px rgba(0,0,0,8%)}.project-showcase-icon{font-size:32px;opacity:.85;flex-shrink:0;transition:transform var(--transition-fast)}.project-showcase-card:hover .project-showcase-icon{transform:scale(1.1)}.project-showcase-content{flex:1;min-width:0}.project-showcase-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.project-showcase-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--spacing-sm)}.project-showcase-tech{font-size:12px;color:var(--text-muted);font-weight:500}.project-showcase-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.project-action-link{display:inline-flex;align-items:center;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--accent-primary);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast)}.project-action-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}@media(max-width:800px){.about-container{flex-direction:column;gap:var(--spacing-xl)}.about-sidebar{width:100%;position:static}.profile-card{padding:var(--spacing-lg);max-width:100%;margin:0;text-align:left;display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg)}.profile-avatar{font-size:64px;margin-bottom:0;flex-shrink:0}.profile-content{flex:1;min-width:0;align-items:flex-start}.profile-name{font-size:var(--font-size-xl);margin-bottom:4px;width:100%}.profile-role{margin-bottom:var(--spacing-md);padding-bottom:0;border-bottom:none;width:100%}.profile-links{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.profile-link{padding:6px 12px}.about-bio-title,.about-projects-title{font-size:var(--font-size-xl)}.project-showcase-card{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.project-showcase-icon{font-size:28px}.project-showcase-card:hover{transform:translateY(-2px)}.project-showcase-links{margin-top:var(--spacing-sm)}.project-action-link{flex:1;justify-content:center;padding:8px 12px}}@media(max-width:480px){.profile-avatar{font-size:48px}.profile-card{gap:var(--spacing-md)}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--border-radius-sm);text-decoration:none;font-weight:500;transition:all var(--transition-fast);border:1px solid}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px)}.project-infobox{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.project-infobox-header{margin-bottom:var(--spacing-lg)}.project-infobox-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.project-infobox-image-wrapper{position:relative;margin-bottom:var(--spacing-lg);cursor:pointer;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--border-primary);aspect-ratio:16/9;background:var(--bg-secondary)}.project-infobox-image-wrapper:hover .project-infobox-image-overlay{opacity:1}.project-infobox-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-fast)}.project-infobox-image-wrapper:hover .project-infobox-image{transform:scale(1.02)}.project-infobox-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.project-infobox-image-hint{color:#fff;font-size:var(--font-size-sm);font-weight:500}.project-infobox-table{width:100%;margin-bottom:var(--spacing-lg)}.project-infobox-table tr{border-bottom:1px solid var(--border-primary)}.project-infobox-table tr:last-child{border-bottom:none}.project-infobox-table td{padding:var(--spacing-sm)0;font-size:var(--font-size-sm)}.project-infobox-label{font-weight:600;color:var(--text-secondary);width:120px}.project-infobox-value{color:var(--text-tertiary)}.project-infobox-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-infobox-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;font-size:13px;font-weight:500;transition:all var(--transition-fast);border:1px solid}.project-infobox-btn.github{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.project-infobox-btn.github:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.project-infobox-btn.demo{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.project-infobox-btn.demo:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.project-infobox-btn.docs{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.project-infobox-btn.docs:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.error-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:clamp(400px,60vh,800px);padding:var(--spacing-xl)0;contain:content}.error-container{text-align:center;max-width:600px;width:100%;margin:0 auto}.error-code{font-size:clamp(80px,20vw,140px);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--text-secondary) 0%,var(--bg-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);opacity:.5;font-family:jetbrains mono,monospace;user-select:none}.error-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.error-desc{font-size:var(--font-size-lg);color:var(--text-tertiary);margin-bottom:var(--spacing-2xl);line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}.error-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap}.error-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--border-radius-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);border:1px solid transparent;min-height:48px;font-size:16px}.error-btn.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.error-btn.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.error-btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-primary)}.error-btn.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.btn-icon{font-size:18px;line-height:1}.error-suggestions{border-top:1px solid var(--border-primary);padding-top:var(--spacing-xl);margin-top:var(--spacing-xl)}.suggestions-label{font-size:13px;color:var(--text-muted);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.suggestions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.suggestion-card{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);padding:8px 16px;border-radius:var(--border-radius-sm);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);font-size:14px;min-height:40px}.suggestion-card:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.article-content hr{border:none;height:1px;background:linear-gradient(to right,transparent,var(--border-primary),transparent);margin:var(--spacing-xl)0;opacity:.5}.article-content hr.dots{border:none;height:auto;text-align:center;margin:var(--spacing-xl)0;background:0 0}.article-content hr.dots::before{content:"• • •";color:var(--text-muted);letter-spacing:1em;font-size:1.2em}.article-content hr.decorated{border:none;height:auto;text-align:center;margin:var(--spacing-xl)0;background:0 0;position:relative}.article-content hr.decorated::before{content:"⚡";font-size:1.5em;color:var(--accent-primary);background:var(--bg-secondary);padding:0 var(--spacing-md)}.section-divider{border:none;height:2px;background:linear-gradient(to right,transparent,var(--accent-primary),transparent);margin:var(--spacing-3xl)0;opacity:.3}.thin-divider{border:none;height:1px;background:var(--border-primary);margin:var(--spacing-2xl)0}.code-block-wrapper pre code::-webkit-scrollbar,.code-block-simple pre code::-webkit-scrollbar,.table-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.code-block-wrapper pre code::-webkit-scrollbar-track,.code-block-simple pre code::-webkit-scrollbar-track,.table-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.code-block-wrapper pre code::-webkit-scrollbar-thumb,.code-block-simple pre code::-webkit-scrollbar-thumb,.table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.code-block-wrapper pre code::-webkit-scrollbar-thumb:hover,.code-block-simple pre code::-webkit-scrollbar-thumb:hover,.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.code-block-wrapper pre code,.code-block-simple pre code,.table-scroll-wrapper{scrollbar-width:thin;scrollbar-color:var(--border-secondary)var(--bg-secondary)}[data-theme=light] .code-block-wrapper pre code::-webkit-scrollbar-track,[data-theme=light] .code-block-simple pre code::-webkit-scrollbar-track,[data-theme=light] .table-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=light] .code-block-wrapper pre code::-webkit-scrollbar-thumb,[data-theme=light] .code-block-simple pre code::-webkit-scrollbar-thumb,[data-theme=light] .table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border-primary)}[data-theme=light] .code-block-wrapper pre code::-webkit-scrollbar-thumb:hover,[data-theme=light] .code-block-simple pre code::-webkit-scrollbar-thumb:hover,[data-theme=light] .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}[data-theme=light] .code-block-wrapper pre code,[data-theme=light] .code-block-simple pre code,[data-theme=light] .table-scroll-wrapper{scrollbar-color:var(--border-primary)var(--bg-tertiary)}svg{color:inherit;fill:currentColor}.nav-icon svg,.header-theme-icon svg,.scroll-top svg{display:block}@media(max-width:768px){body{padding:var(--spacing-sm)}.container{padding:var(--spacing-lg)}.header h1,h1#site-title{font-size:var(--font-size-3xl)}.article-title{font-size:var(--font-size-3xl)}.article-content h1{font-size:var(--font-size-2xl)}.article-content h2{font-size:var(--font-size-xl)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.projects-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.table-scroll-wrapper{margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));border-radius:0;border-left:none;border-right:none}}@media(max-width:480px){.header h1,h1#site-title{font-size:var(--font-size-2xl);flex-direction:column;align-items:flex-start}.header-theme-toggle{align-self:flex-end}.about-icon{font-size:60px}.about-title{font-size:var(--font-size-3xl)}}@media(max-width:767px){body{padding:16px;align-items:center;justify-content:center;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.container{padding:24px 20px;margin:auto;border-radius:16px;min-height:auto;max-width:100%;max-height:calc(100dvh - 32px);width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.header{margin-bottom:28px;padding-bottom:20px}.header h1,h1#site-title{font-size:26px;min-height:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;line-height:1.3;margin-bottom:8px}.header .site-title-link,h1#site-title .site-title-link{flex:1;min-width:0}.subtitle{font-size:15px;line-height:1.6;margin-top:0;color:var(--text-secondary)}.header-theme-toggle{width:40px;height:40px;min-width:40px;min-height:40px;padding:10px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.header-theme-toggle:active{transform:scale(.95)}.header-theme-icon{font-size:20px;width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.header-theme-icon svg{width:20px;height:20px}.nav-menu{gap:12px}.nav-item{min-height:auto;padding:18px 20px;border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px}.nav-item:active{transform:scale(.97);transition-duration:.1s}.nav-icon{font-size:26px;width:26px;height:26px;min-width:26px;min-height:26px;flex-shrink:0}.nav-icon svg{width:26px;height:26px}.nav-title{font-size:17px;font-weight:500;line-height:1.4}.back-button{font-size:16px;margin-bottom:24px;padding:12px 0;gap:10px;display:inline-flex;align-items:center;border-radius:8px;-webkit-tap-highlight-color:transparent;min-height:44px;transition:opacity .15s ease}.back-button svg{flex-shrink:0;width:18px;height:18px}.back-button:active{opacity:.6}.article-header{margin-bottom:28px;padding-bottom:20px}.article-title{font-size:26px;line-height:1.3;margin-bottom:16px;word-wrap:break-word}.article-meta{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.meta-item{font-size:14px;display:flex;align-items:center;gap:6px}.article-content{line-height:1.8;overflow-wrap:break-word;word-wrap:break-word}.article-content h1{font-size:24px;margin:28px 0 16px;line-height:1.3;word-wrap:break-word}.article-content h2{font-size:22px;margin:24px 0 14px;line-height:1.3;word-wrap:break-word}.article-content h3{font-size:19px;margin:20px 0 12px;line-height:1.4;word-wrap:break-word}.article-content h4{font-size:17px;margin:18px 0 10px;line-height:1.4}.article-content h5{font-size:15px;margin:16px 0 8px}.article-content p{font-size:16px;line-height:1.8;margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word}.article-content ul,.article-content ol{margin-left:24px;margin-bottom:16px;padding-left:0}.article-content li{font-size:16px;line-height:1.8;padding:4px 0;word-wrap:break-word}.article-content li>ul,.article-content li>ol{margin-top:12px;margin-bottom:12px}.code-block-wrapper,.code-block-simple{margin:24px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-primary)}.code-block-header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);min-height:40px}.code-language{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.copy-code-button{font-size:10px;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}.copy-code-button span:first-child{font-size:12px;pointer-events:none}.copy-code-button span:last-child{pointer-events:none}.copy-code-button:active{transform:scale(.95)}.code-block-wrapper pre,.code-block-simple pre{margin:0;padding:0;background:0 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block-wrapper pre code,.code-block-simple pre code{display:block;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:jetbrains mono,sf mono,consolas,monaco,courier new,monospace;white-space:pre;word-wrap:normal}.article-content code{font-size:14px;padding:3px 7px;border-radius:5px;font-family:jetbrains mono,sf mono,consolas,monaco,monospace;word-break:break-word}.article-content blockquote{margin:24px 0;padding:16px 20px;border-radius:8px;border-left:4px solid var(--accent-primary)}.article-content blockquote p{margin-bottom:12px}.article-content blockquote p:last-child{margin-bottom:0}.article-content img{margin:24px 0;border-radius:12px;max-width:100%;width:100%;height:auto;display:block}.table-scroll-wrapper{margin:24px 0;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-primary)}.article-content table{font-size:14px;min-width:100%;border-collapse:collapse}.article-content th,.article-content td{padding:12px 14px;white-space:nowrap}.article-content th{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.toc{margin-bottom:28px;padding:18px;border-radius:12px}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toc-title{font-size:17px;font-weight:600;margin:0}.toc-toggle{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px}.toc nav ul{list-style:none;margin:0;padding:0}.toc nav ul ul{margin-left:16px;margin-top:6px}.toc nav li{margin:6px 0;padding:0}.toc nav a{font-size:14px;line-height:1.6;display:block;padding:4px 0;word-wrap:break-word}.card{padding:18px;margin-bottom:12px;border-radius:12px}.card-title{font-size:18px;margin-bottom:10px;line-height:1.4;word-wrap:break-word}.card-desc{font-size:15px;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap}.year-group{margin-bottom:32px}.year-title{font-size:13px;margin-bottom:14px;padding-bottom:8px;font-weight:600}.project-meta,.project-infobox{padding:18px;margin-bottom:28px;border-radius:12px}.project-infobox-table{width:100%}.project-infobox-table td{padding:10px 0;font-size:14px;vertical-align:top;word-wrap:break-word}.project-infobox-label{width:110px;font-size:13px;font-weight:600;padding-right:12px}.project-infobox-value{word-wrap:break-word}.btn{padding:14px 24px;font-size:16px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;min-height:48px}.card-link-btn,.project-infobox-btn,.meta-link{padding:10px 16px;font-size:14px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;min-height:40px}.card-links,.project-infobox-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-primary)}.footer{margin-top:28px;display:flex;flex-direction:column;align-items:center}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:16px}.footer-text{font-size:14px;line-height:1.6}.footer-links{display:flex;gap:12px;justify-content:center}.footer-link{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px}.footer-link svg{width:20px;height:20px}.scroll-top{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.3)}.scroll-top svg{width:22px;height:22px}.lightbox{padding:16px}.lightbox-close{top:-44px;right:0;width:40px;height:40px;font-size:32px}.lightbox-image{max-height:80vh;border-radius:12px}.lightbox-caption{font-size:14px;margin-top:16px;line-height:1.6}.about-hero{padding:32px 24px;margin-bottom:36px;border-radius:16px;text-align:center}.about-icon{font-size:72px;margin-bottom:20px;line-height:1}.about-title{font-size:28px;margin-bottom:16px;line-height:1.3}.about-intro{font-size:16px;line-height:1.7;max-width:100%}.about-section{margin-bottom:36px}.about-section-title{font-size:22px;margin-bottom:18px;gap:10px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tech-badge{padding:12px 16px;font-size:14px;border-radius:8px;text-align:center}.projects-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:18px;border-radius:12px}.project-card-icon{font-size:32px;margin-bottom:12px}.project-card-title{font-size:18px;margin-bottom:8px}.project-card-desc{font-size:14px;line-height:1.6;margin-bottom:10px}.project-card-stack{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card{padding:16px;border-radius:10px}.contact-card-icon{width:44px;height:44px;border-radius:8px}.contact-card-label{font-size:15px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.article-content,.code-block-wrapper pre code,.code-block-simple pre code,.table-scroll-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input,textarea,select,button{font-size:16px}body{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error-page-wrapper{padding:0 0 60px;min-height:auto;margin-top:20px}.error-container{padding:0 10px}.error-title{font-size:24px;margin-bottom:12px}.error-desc{font-size:15px;margin-bottom:24px}.error-actions{flex-direction:column;width:100%;gap:12px;margin-bottom:32px}.error-btn{width:100%;justify-content:center}.suggestions-grid{display:grid;grid-template-columns:1fr;gap:10px}.suggestion-card{justify-content:center;width:100%;padding:10px}}@media(max-width:480px){body{padding:12px;min-height:100dvh;max-height:100dvh}.container{padding:20px 16px;border-radius:14px;max-height:calc(100dvh - 24px)}.header h1,h1#site-title{font-size:22px}.subtitle{font-size:14px}.nav-item{padding:16px 18px}.nav-icon{font-size:24px;width:24px;height:24px}.nav-title{font-size:16px}.article-title{font-size:22px}.article-content h1{font-size:20px}.article-content h2{font-size:19px}.article-content h3{font-size:17px}.article-content p,.article-content li{font-size:15px}.code-block-wrapper pre code,.code-block-simple pre code{font-size:12px;padding:14px}.code-block-header{padding:10px 12px;min-height:40px}.code-language{font-size:10px}.copy-code-button{font-size:9px;padding:3px 6px}.copy-code-button span:first-child{font-size:11px}.about-icon{font-size:56px}.about-title{font-size:24px}.about-intro{font-size:15px}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.tech-badge{padding:10px 14px;font-size:13px}}@media(max-width:360px){.suggestions-grid{grid-template-columns:1fr}.error-code{font-size:60px}}@media(max-width:767px) and (orientation:landscape){body{padding:12px;align-items:center;min-height:100dvh;max-height:100dvh}.container{min-height:auto;margin:auto;max-height:calc(100dvh - 24px)}.header{margin-bottom:20px;padding-bottom:16px}.article-header{margin-bottom:20px}}@media(hover:none) and (pointer:coarse){.nav-item,.card,button:not(.copy-code-button),a:not(.article-content a){min-height:44px}.nav-item:active,.card:active,button:active{opacity:.7}.article-content a{padding:2px 0;border-bottom-width:2px}}@media(max-width:767px){[data-theme=dark] .nav-item,[data-theme=dark] .card,[data-theme=dark] .code-block-wrapper,[data-theme=dark] .code-block-simple{box-shadow:0 2px 10px rgba(0,0,0,.4)}}@media(max-width:767px){[data-theme=light] .nav-item,[data-theme=light] .card,[data-theme=light] .code-block-wrapper,[data-theme=light] .code-block-simple{box-shadow:0 2px 10px rgba(0,0,0,8%)}[data-theme=light] .scroll-top{box-shadow:0 4px 16px rgba(0,0,0,.15)}}@media(max-width:767px){*:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px;border-radius:4px}.tag,.meta-item,.footer-text,.code-language{font-weight:500}*{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports(padding:max(0px)){@media(max-width:767px){body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.scroll-top{right:max(20px,calc(env(safe-area-inset-right) + 20px));bottom:max(20px,calc(env(safe-area-inset-bottom) + 20px))}}}@media(max-width:320px){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{@media(max-width:767px){body{padding:0;background:#fff;overflow:visible;max-height:none;min-height:auto}.container{border:none;padding:0;max-height:none;overflow:visible}.header-theme-toggle,.scroll-top,.back-button,.footer-links,.toc-toggle,.copy-code-button{display:none!important}.code-block-wrapper,.code-block-simple{border:1px solid #ccc}}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-backdrop.visible{opacity:1;pointer-events:auto}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,.2);transform:scale(.95);transition:transform .2s ease}.modal-backdrop.visible .modal-container{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.modal-close{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:var(--border-radius-sm);transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-tabs{display:flex;padding:0 var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.modal-tab{background:0 0;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;font-size:14px;line-height:1.6;color:var(--text-secondary);scrollbar-width:thin;scrollbar-color:var(--border-secondary)transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:20px;transition:background-color .2s}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.modal-body h2,.modal-body h3{margin-top:1.5em;margin-bottom:.5em;color:var(--text-primary);font-weight:600;line-height:1.3}.modal-body h2:first-child,.modal-body h3:first-child{margin-top:0}.modal-body p{margin-bottom:1em}.modal-body ul,.modal-body ol{margin-bottom:1em;padding-left:1.5em}.modal-body li{margin-bottom:.5em}.modal-tabs-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);padding-right:var(--spacing-lg)}.modal-tabs{border-bottom:none}.modal-view-toggle{display:flex;gap:2px;background:var(--bg-primary);padding:3px;border-radius:6px;border:1px solid var(--border-primary)}.modal-view-btn{background:0 0;border:none;padding:4px 12px;font-size:13px;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s ease}.modal-view-btn:hover{color:var(--text-primary)}.modal-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.2)}.permissions-grid{display:grid;gap:24px}.permission-column h3{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.permission-column ul{list-style:none;padding:0;margin:0}.permission-column li{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.permission-column li::before{content:'';display:block;width:6px;height:6px;border-radius:50%;margin-top:8px;flex-shrink:0}.perm-can h3{color:#4ade80}.perm-can li::before{background:#4ade80}.perm-cannot h3{color:#f87171}.perm-cannot li::before{background:#f87171}.perm-must h3{color:#fbbf24}.perm-must li::before{background:#fbbf24}.modal-body blockquote{border-left:3px solid var(--accent-primary);background:var(--bg-tertiary);margin:1em 0;padding:.5em 1em;font-style:italic}.modal-body blockquote p{margin:0 0 .8em}.modal-body blockquote p:last-child{margin-bottom:0}.modal-body a{color:var(--accent-primary);text-decoration:none}.modal-body a:hover{text-decoration:underline}.modal-body code{background:var(--bg-tertiary);padding:2px 5px;border-radius:4px;font-family:monospace;font-size:.9em;border:1px solid var(--border-primary)}@media(min-width:640px){.permissions-grid{grid-template-columns:repeat(3,1fr);gap:16px}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:6px;border:3px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::-webkit-scrollbar-corner{background:var(--bg-primary)}::-webkit-scrollbar-button{display:none}html{scrollbar-width:auto;scrollbar-color:var(--border-secondary)var(--bg-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-color:#fff}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}[data-theme=light] ::-webkit-scrollbar-corner{background:#fff}[data-theme=light]{scrollbar-color:#d0d0d0 #ffffff}