:root{--hl-bg:var(--bg-black);--hl-base:var(--text-light);--hl-comment:var(--muted);--hl-keyword:var(--accent);--hl-string:color-mix(in srgb, #4ade80, var(--text) 45%);--hl-function:color-mix(in srgb, #60a5fa, var(--text) 45%);--hl-number:color-mix(in srgb, #f472b6, var(--text) 45%);--hl-class:color-mix(in srgb, #a78bfa, var(--text) 45%);--hl-tag:color-mix(in srgb, #2dd4bf, var(--text) 45%);--hl-attribute:color-mix(in srgb, #fbbf24, var(--text) 45%);--hl-operator:color-mix(in srgb, var(--accent), var(--muted) 50%);--hl-meta:color-mix(in srgb, #94a3b8, var(--text) 40%);--hl-variable:var(--text-sidebar)}.tabs-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft);margin:1.5rem 0;overflow:hidden}.tabs-nav{background:var(--bg-black);border-bottom:1px solid var(--border);display:flex}.tab-btn{border:none;border-right:1px solid var(--border-code);color:var(--muted);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600}.tab-btn:hover{background:var(--bg-alt);color:var(--text)}.tab-btn.active{background:var(--bg-card);color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:-1px}.tab-panel{padding:1.5rem;animation:.3s fadeIn}.tab-panel>:first-child{margin-top:0}.tab-panel>:last-child{margin-bottom:0}.accordion-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-soft);margin:1.5rem 0;overflow:hidden}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:600;display:flex}.accordion-header:hover{background:var(--bg-alt);color:var(--accent)}.accordion-header.active{color:var(--accent);background:var(--bg-black)}.accordion-content{background:var(--bg-black);border-top:1px solid var(--border-code)}.accordion-inner{padding:1.25rem}.accordion-inner>:first-child{margin-top:0}.accordion-inner>:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}figure.highlight,pre[class*=language-]{background:var(--hl-bg);color:var(--hl-base);border:1px solid var(--border-code);border-radius:var(--radius-lg);line-height:1.5;font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border-code) transparent;margin:1.5rem 0;position:relative;overflow-x:auto;text-shadow:none!important}figure.highlight::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{background-color:#0000;height:8px}figure.highlight::-webkit-scrollbar-thumb,pre[class*=language-]::-webkit-scrollbar-thumb{background-color:var(--border-code);border-radius:4px}figure.highlight::-webkit-scrollbar-thumb:hover,pre[class*=language-]::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}figure.highlight pre{background:0 0;border:none;margin:0;padding:0}figure.highlight table{border-collapse:collapse;border:none;width:100%;margin:0}figure.highlight td{border:none;padding:0}figure.highlight figcaption{color:var(--muted);border-bottom:1px solid var(--border-code);background:var(--bg-alt);margin-bottom:0;padding:.5em 1em;font-size:.85em}figure.highlight figcaption a{float:right;color:var(--accent);text-decoration:none}code[class*=language-],pre[class*=language-]{color:var(--hl-base);font-family:var(--font-mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;hyphens:none;background:0 0;font-size:1em;line-height:1.5}pre[class*=language-]{margin:1.5rem 0;padding:1rem}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--hl-bg)}:not(pre)>code{background:var(--bg-alt);color:var(--accent);font-family:var(--font-mono);word-break:break-word;border-radius:4px;padding:.2em .4em;font-size:.85em}figure.highlight .gutter{user-select:none;text-align:right;width:2.5rem;color:var(--muted);opacity:.5;background:var(--bg-alt);border-right:1px solid var(--border-code);vertical-align:top;padding:.8rem}figure.highlight .gutter pre{padding:0}figure.highlight .code{vertical-align:top;width:100%;padding:.8rem 1rem .8rem .5rem}.line-numbers .line-numbers-rows{border-right:1px solid var(--border-code)}.line-numbers-rows>span:before{color:var(--muted);opacity:.5}figure.highlight{border:1px solid var(--border-code);border-radius:var(--radius-lg);background:var(--hl-bg);flex-direction:column;margin:1.5rem 0;display:flex;position:relative;overflow:hidden}.code-actions{background:var(--bg-alt);border-bottom:1px solid var(--border-code);justify-content:flex-start;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex}figure.highlight table{scrollbar-width:thin;scrollbar-color:var(--border-code) transparent;width:100%;margin:0;display:block;overflow-x:auto}.code-lang{font-family:var(--font-sans);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;order:1;margin-right:auto;font-size:.7rem;font-weight:700}.code-copy-btn{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;color:var(--muted);border-radius:4px;order:2;justify-content:center;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.code-copy-btn svg{flex-shrink:0;display:block}.code-copy-btn:hover{color:var(--accent);border-color:var(--accent-soft)}.highlight .comment,.highlight .quote,.highlight .doctag,.token.comment,.token.prolog,.token.doctype,.token.cdata,.token.block-comment{color:var(--hl-comment);font-style:italic}.highlight .keyword,.highlight .selector-tag,.highlight .section,.highlight .name,.highlight .literal,.token.keyword,.token.selector,.token.important,.token.atrule,.token.rule{color:var(--hl-keyword);font-weight:700}.highlight .title,.highlight .function,.highlight .selector-id,.highlight .class .title,.highlight .built_in,.highlight .title.function_,.token.function,.token.class-name,.token.builtin,.token.id{color:var(--hl-function)}.highlight .string,.highlight .regexp,.highlight .symbol,.highlight .variable.language_,.highlight .template-variable,.highlight .link,.token.string,.token.char,.token.regex,.token.symbol,.token.url{color:var(--hl-string)}.highlight .number,.highlight .bullet,.highlight .code,.token.number,.token.boolean,.token.constant{color:var(--hl-number)}.highlight .tag,.highlight .selector-class,.highlight .selector-attr,.highlight .selector-pseudo,.token.tag,.token.namespace,.token.pseudo-class,.token.pseudo-element{color:var(--hl-tag)}.highlight .attribute,.highlight .attr,.highlight .variable,.highlight .params,.highlight .property,.token.attr-name,.token.variable,.token.property,.token.attr-value{color:var(--hl-attribute)}.highlight .operator,.highlight .punctuation,.highlight .meta,.token.operator,.token.punctuation,.token.entity,.token.delimiter{color:var(--hl-operator)}.highlight .meta-string,.highlight .meta-keyword,.token.annotation,.token.decorator{color:var(--hl-meta)}.highlight .strong,.token.bold{font-weight:700}.highlight .emphasis,.token.italic{font-style:italic}.highlight .addition,.token.inserted{color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 92%);width:100%;display:inline-block}.highlight .deletion,.token.deleted{color:var(--muted);background:color-mix(in srgb, var(--muted), transparent 92%);width:100%;text-decoration:line-through;display:inline-block}.highlight .subst,.token.interpolation{color:var(--hl-base)}.alert{border-radius:var(--radius-lg);transition:transform var(--transition-fast);border:1px solid #0000;margin:1.5rem 0;padding:1.1rem 1.4rem;position:relative;overflow:hidden}.alert:hover{transform:translate(4px)}.alert-title{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:flex}.alert-icon svg{width:1.2rem;height:1.2rem;display:block}.alert-content{color:var(--text-light);font-size:.95rem;line-height:1.6}.alert-content>:first-child{margin-top:0}.alert-content>:last-child{margin-bottom:0}.alert-info{background:var(--accent-soft);border-color:var(--accent)}.alert-info .alert-title{color:var(--accent)}.alert-tip{background:var(--bg-alt);border-color:var(--accent-bright);border-left-width:4px}.alert-tip .alert-title{color:var(--accent-bright)}.alert-success{background:var(--bg-black);border-color:var(--accent-muted)}.alert-success .alert-title{color:var(--accent-muted)}.alert-success .alert-icon{color:var(--accent)}.alert-warning{background:var(--bg-card);border-color:var(--muted);border-style:dashed}.alert-warning .alert-title{color:var(--muted)}.alert-danger{background:var(--accent-soft);border-color:var(--text)}.alert-danger .alert-title,.alert-danger .alert-content{color:var(--text)}.spoiler{background-color:var(--text);color:var(--text);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:2px;padding:0 2px}.spoiler:hover,.spoiler.revealed{background-color:var(--accent-soft);color:var(--text)}.spoiler:active{background-color:#0000}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:.5rem;margin:1.5rem 0;padding-left:1.5rem;display:flex;position:relative}.timeline-item{border-radius:var(--radius-lg);width:calc(100% + 1rem);transition:background var(--transition-fast);margin-left:-1rem;padding:.75rem 1rem;position:relative}.timeline-item:hover,.timeline-item.active{background:var(--bg-alt)}.timeline-marker{background:var(--bg-card);border:2px solid var(--accent);z-index:1;width:10px;height:10px;box-shadow:0 0 0 4px var(--bg);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:50%;position:absolute;top:1.1rem;left:calc(-.5rem - 6px)}.timeline-marker:after{content:"";background:var(--accent);opacity:0;z-index:-1;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tl-pulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(2)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}.timeline-item:hover .timeline-marker,.timeline-item.active .timeline-marker{background:var(--accent);border-color:var(--accent)}.timeline-item:hover .timeline-marker:after,.timeline-item.active .timeline-marker:after{animation:1.5s ease-out infinite tl-pulse}.timeline-content{min-width:0;position:relative}.timeline-header{margin-bottom:.25rem}.timeline-date{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem;font-size:.75rem;font-weight:700;display:inline-block}.timeline-title{color:var(--text-white);transition:color var(--transition-fast);margin:0;font-size:1.05rem;font-weight:600;line-height:1.25}.timeline-item:hover .timeline-title,.timeline-item.active .timeline-title{color:var(--accent)}.timeline-body{color:var(--text-light);font-size:.9rem;line-height:1.5}.timeline-body>:first-child{margin-top:.3rem}.timeline-body>:last-child{margin-bottom:0}