:root{--bg-main:#050505;--bg-panel:rgba(11,14,18,.72);--bg-panel-strong:rgba(10,12,16,.84);--bg-card:rgba(17,21,27,.7);--bg-card-hover:rgba(19,24,31,.86);--bg-nav-active:rgba(72,255,171,.11);--border-color:rgba(128,155,183,.16);--border-strong:rgba(161,198,235,.24);--border-accent:rgba(72,255,171,.42);--text-primary:#e7edf5;--text-secondary:#96a5b7;--text-tertiary:#5f7084;--text-accent:#48ffab;--shadow-soft:0 14px 38px rgba(0,0,0,.42);--shadow-deep:0 22px 58px rgba(0,0,0,.55);--font-display:"Geist","Satoshi","General Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans:"Geist","Inter","Satoshi","General Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-header:"Geist","Satoshi","General Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sidebar-width:280px;--toc-width:280px;--page-gutter:32px;--nav-top-gap:12px;--header-height-primary:62px;--header-height-tabs:46px;--header-height:calc(var(--header-height-primary) + var(--header-height-tabs));--nav-reserved:116px;--header-offset:calc(var(--nav-reserved) + 18px);--fast:200ms cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-sans);background:#050505;color:var(--text-primary);line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;-webkit-tap-highlight-color:rgba(72,255,171,.16)}body:before{z-index:-3;background:radial-gradient(900px circle at 12% 10%,rgba(64,130,208,.1),transparent 65%),radial-gradient(820px circle at 86% 15%,rgba(72,255,171,.08),transparent 68%),radial-gradient(1200px circle at 50% 110%,rgba(17,42,69,.35),transparent 72%),linear-gradient(160deg,#050505,#06080a 45%,#06090c)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-2;opacity:.34;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 25%,hsla(0,0%,100%,.05) .7px,transparent .8px),radial-gradient(circle at 72% 62%,hsla(0,0%,100%,.04) .8px,transparent .9px),radial-gradient(circle at 38% 78%,hsla(0,0%,100%,.035) .7px,transparent .8px);background-size:280px 280px,340px 340px,400px 400px}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid rgba(72,255,171,.72);outline-offset:3px}code,pre{font-family:var(--font-mono)}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--nav-reserved);position:relative;isolation:isolate}.skip-link{position:fixed;left:22px;top:10px;z-index:400;border-radius:8px;border:1px solid rgba(72,255,171,.32);background:rgba(5,8,7,.94);color:var(--text-primary);padding:8px 10px;font-size:.78rem;font-weight:600;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity var(--fast),transform var(--fast)}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.app-container:before{background:radial-gradient(ellipse 120% 85% at 50% 0,rgba(0,0,0,.15),transparent 70%),radial-gradient(ellipse 130% 100% at 50% 100%,rgba(0,0,0,.58),rgba(0,0,0,.72))}.app-container:after,.app-container:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}.app-container:after{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E")}.top-nav{top:0;left:0;right:0;z-index:260;padding:var(--nav-top-gap) var(--page-gutter) 0}.top-nav,.top-nav:before{position:fixed;pointer-events:none}.top-nav:before{content:"";inset:0 0 auto;height:calc(var(--nav-reserved) + 12px);background:linear-gradient(180deg,#050505,rgba(5,5,5,.96) 56%,rgba(5,5,5,.72) 78%,transparent)}.top-nav-shell{pointer-events:auto;max-width:1600px;margin:0 auto;border-radius:14px;border:1px solid var(--border-color);background:linear-gradient(180deg,rgba(13,16,21,.92) 0,rgba(8,11,15,.88) 100%),var(--bg-panel-strong);backdrop-filter:blur(22px) saturate(122%);-webkit-backdrop-filter:blur(22px) saturate(122%);box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 hsla(0,0%,100%,.055),inset 0 -1px 0 hsla(0,0%,100%,.03),0 0 0 1px rgba(38,57,80,.14);overflow:hidden;position:relative}.top-nav-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(460px circle at 14% -34%,rgba(106,196,255,.1),transparent 70%),radial-gradient(360px circle at 91% -28%,rgba(72,255,171,.09),transparent 72%)}.top-nav-row{display:flex;align-items:center;position:relative}.top-nav-row--primary{height:var(--header-height-primary);padding:0 24px;gap:20px;border-bottom:1px solid rgba(145,173,199,.11)}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.71rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);flex-shrink:0;width:156px}.logo img{width:30px;height:30px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 6px 14px rgba(72,255,171,.18))}.search-bar{flex:1 1;max-width:520px;min-width:220px;margin:0 auto}.search-input{width:100%;display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid rgba(154,182,208,.17);background:linear-gradient(180deg,rgba(9,12,16,.88),rgba(7,9,12,.88));color:var(--text-secondary);font-size:.78rem;font-family:var(--font-sans);padding:9px 12px;cursor:text;transition:border-color var(--fast),box-shadow var(--fast),background-color var(--fast),transform var(--fast);text-align:left}.search-input:hover{border-color:rgba(177,208,240,.3);background:linear-gradient(180deg,rgba(12,16,21,.9),rgba(9,12,16,.88));box-shadow:0 0 0 1px rgba(72,255,171,.1)}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut{display:inline-flex;gap:4px;border-radius:8px;border:1px solid rgba(176,199,224,.22);background:rgba(19,24,30,.78);padding:3px 8px;color:#c3d0df;font-size:.67rem;font-weight:600;letter-spacing:.02em;font-family:var(--font-mono)}.nav-links,.shortcut{margin-left:auto;align-items:center}.nav-links{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;width:256px}.nav-utility{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;border:1px solid rgba(169,196,224,.16);background:rgba(13,16,21,.54);color:#aebdcd;font-family:var(--font-sans);font-size:.73rem;font-weight:500;letter-spacing:0;padding:7px 10px;transition:color var(--fast),border-color var(--fast),background-color var(--fast),box-shadow var(--fast),transform var(--fast)}.nav-utility:hover{color:#f2f8ff;border-color:rgba(159,190,220,.32);background:rgba(22,28,35,.82);box-shadow:0 10px 22px rgba(0,0,0,.24);transform:translateY(-1px)}.nav-utility--icon{width:32px;min-width:32px;padding:7px}.theme-toggle{border-color:rgba(169,196,224,.16)}.top-nav-row--tabs{height:var(--header-height-tabs);padding:0 14px;position:relative}.section-tabs{display:flex;align-items:stretch;justify-content:center;gap:7px;width:100%;overflow-x:auto;scrollbar-width:none;padding:6px 0 8px;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.section-tabs::-webkit-scrollbar{display:none}.section-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 13px;border-radius:9px;font-family:var(--font-sans);font-size:.74rem;font-weight:500;color:#95a4b4;letter-spacing:0;transition:color var(--fast),background-color var(--fast),box-shadow var(--fast),transform var(--fast);white-space:nowrap}.section-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(84,255,180,0),rgba(84,255,180,.95) 50%,rgba(84,255,180,0));transform:scaleX(0);transform-origin:center;transition:transform var(--fast),opacity var(--fast);opacity:0}.section-tab:hover{color:var(--text-primary);background:rgba(40,50,61,.26)}.section-tab:hover:after{transform:scaleX(1);opacity:.85}.section-tab-icon{color:#6f8399;transition:color var(--fast),transform var(--fast)}.section-tab:hover .section-tab-icon{color:#a8bed7}.section-tab--active{color:#f0f6ff;background:linear-gradient(180deg,rgba(72,255,171,.13),rgba(72,255,171,.08));box-shadow:inset 0 0 0 1px rgba(72,255,171,.2),0 8px 18px rgba(0,0,0,.2)}.section-tab--active .section-tab-icon{color:var(--text-accent)}.section-tab--active:after{transform:scaleX(1);opacity:1}.main-layout{flex:1 1;min-height:0;display:flex;gap:20px;padding:18px var(--page-gutter) 30px;position:relative}.main-layout:before{background:radial-gradient(460px circle at 4% 28%,rgba(53,216,148,.08),transparent 72%),radial-gradient(420px circle at 97% 30%,rgba(83,155,240,.08),transparent 72%)}.main-layout:after,.main-layout:before{content:"";position:absolute;inset:0;pointer-events:none}.main-layout:after{background-image:linear-gradient(rgba(118,140,166,.05) 1px,transparent 0),linear-gradient(90deg,rgba(118,140,166,.05) 1px,transparent 0);background-size:42px 42px;opacity:.08;mask-image:radial-gradient(circle at center,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,#000 40%,transparent 100%)}.main-scroll-container{flex:1 1;min-width:0;display:flex;gap:20px;align-items:flex-start;position:relative}.left-sidebar{width:var(--sidebar-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--header-offset);height:calc(100dvh - var(--header-offset) - 22px)}.left-sidebar-panel{height:100%;border-radius:14px;border:1px solid var(--border-color);background:linear-gradient(180deg,rgba(13,17,22,.82),rgba(9,12,16,.84)),var(--bg-panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:16px 16px 20px;overflow-y:auto;box-shadow:0 16px 34px rgba(0,0,0,.36),inset 0 1px 0 hsla(0,0%,100%,.05),0 0 0 1px rgba(32,47,64,.16);position:relative}.left-sidebar-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at 20% -20%,rgba(72,255,171,.08),transparent 70%)}.left-sidebar-panel::-webkit-scrollbar{width:6px}.left-sidebar-panel::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(119,138,158,.35)}.sidebar-nav{z-index:1}.nav-section,.sidebar-nav{position:relative}.nav-section+.nav-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(123,145,168,.12)}.nav-section-title{font-family:var(--font-sans);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#6c7e91;margin:0 8px 9px}.nav-section ul{list-style:none;display:flex;flex-direction:column;gap:3px}.sidebar-item{position:relative}.sidebar-item-rail{position:absolute;left:-2px;top:9px;bottom:9px;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,transparent);transition:background var(--fast),box-shadow var(--fast),opacity var(--fast);opacity:0}.sidebar-link{display:flex;align-items:center;gap:9px;width:100%;border-radius:8px;border:1px solid transparent;padding:7px 9px;color:#98a7b8;font-size:.79rem;line-height:1.35;transition:color var(--fast),border-color var(--fast),background-color var(--fast),box-shadow var(--fast),transform var(--fast);position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(140px circle at 0 50%,rgba(72,255,171,.14),transparent 80%);transition:opacity var(--fast)}.sidebar-item-icon{width:6px;height:6px;border-radius:50%;border:1px solid rgba(150,170,192,.55);background:rgba(130,147,164,.08);flex-shrink:0;transition:border-color var(--fast),background-color var(--fast),box-shadow var(--fast),transform var(--fast)}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item:hover .sidebar-link{color:#d8e5f4;border-color:rgba(147,171,196,.2);background:rgba(29,37,46,.42);transform:translateX(2px)}.sidebar-item:hover .sidebar-link:before{opacity:1}.sidebar-item:hover .sidebar-item-icon{border-color:rgba(167,187,207,.84);background:rgba(167,187,207,.2)}.sidebar-item.active .sidebar-link{color:#eff9f4;border-color:rgba(72,255,171,.3);background:rgba(72,255,171,.1);box-shadow:inset 0 0 0 1px rgba(72,255,171,.1),0 7px 16px rgba(6,16,12,.28)}.sidebar-item.active .sidebar-item-rail{opacity:1;background:linear-gradient(180deg,rgba(112,255,190,.2),rgba(72,255,171,.9),rgba(112,255,190,.2));box-shadow:0 0 12px rgba(72,255,171,.42)}.sidebar-item.active .sidebar-item-icon{border-color:rgba(72,255,171,.95);background:rgba(72,255,171,.86);box-shadow:0 0 8px rgba(72,255,171,.52);transform:scale(1.12)}.content-area{flex:1 1;min-width:0;display:flex;justify-content:center;padding:0 34px 72px}.content-inner{width:100%;max-width:860px}.breadcrumb{margin-bottom:12px}.breadcrumb .badge{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-accent);background:rgba(72,255,171,.08);border:1px solid rgba(72,255,171,.26);border-radius:999px;padding:4px 10px}h1{font-family:var(--font-header);font-size:clamp(2rem,3.2vw,2.6rem);font-weight:700;line-height:1.2;letter-spacing:0;color:var(--text-primary);margin-bottom:8px;text-wrap:balance}.front-title,h1#yumi{font-family:var(--font-display)!important;font-size:clamp(2.5rem,6vw,3.8rem)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-align:center!important;background:linear-gradient(135deg,#fff 0,#bcc7d4 42%,var(--text-accent) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin-bottom:6px!important;line-height:1.08!important}.subtitle{font-family:var(--font-sans);font-size:.97rem;color:var(--text-secondary);margin-bottom:14px;line-height:1.7;text-align:center}.subtitle .highlight{color:var(--text-accent);font-weight:600}.cta-container{display:flex;justify-content:center;margin-bottom:34px}.primary-cta-button{display:inline-flex;align-items:center;gap:8px;padding:9px 24px;border-radius:999px;font-family:var(--font-sans);font-size:.92rem;font-weight:600;color:#e7fff5;border:1px solid rgba(72,255,171,.46);background:linear-gradient(180deg,rgba(72,255,171,.22),rgba(72,255,171,.08));box-shadow:0 10px 24px rgba(7,19,14,.42);transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast),background-color var(--fast)}.primary-cta-button:hover{transform:translateY(-2px);border-color:rgba(114,255,197,.8);box-shadow:0 16px 32px rgba(7,20,14,.54),0 0 28px rgba(72,255,171,.24)}.hero-section{position:relative;width:100%;height:300px;margin-top:4px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate}.hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(46,182,106,.16) 1px,transparent 0);background-size:30px 30px;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,transparent 0,rgba(0,0,0,.2) 20%,#000 45%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,transparent 0,rgba(0,0,0,.2) 20%,#000 45%,#000 60%,transparent 100%);z-index:-2}.hero-section:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 35% 35% at 50% 50%,rgba(40,195,105,.26) 0,rgba(24,140,72,.1) 30%,rgba(14,90,50,.03) 60%,transparent 100%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(32,138,76,.06) 0,rgba(14,78,40,.02) 35%,rgba(8,50,28,.005) 70%,transparent 100%);pointer-events:none;z-index:-1}.hero-bottom-fade{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,transparent,var(--bg-main,#0c0d0f));z-index:1;pointer-events:none}.hero-floor{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:65%;height:2px;background:linear-gradient(90deg,transparent,rgba(46,197,107,.85) 50%,transparent);box-shadow:0 0 28px 10px rgba(46,197,107,.12);z-index:2}.hero-mascot{position:relative;z-index:3;height:340px;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 45px rgba(6,32,14,.78)) drop-shadow(0 0 16px rgba(10,42,18,.4)) brightness(1.06) contrast(1.02);animation:mfloat 4s ease-in-out infinite}@keyframes mfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:0;margin-bottom:12px}.card{background:linear-gradient(180deg,rgba(20,25,32,.65) 0,rgba(13,17,22,.8) 100%),var(--bg-card);border:1px solid rgba(132,160,188,.12);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;transition:border-color var(--fast),background-color var(--fast),transform var(--fast),box-shadow var(--fast),filter var(--fast);cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03),0 8px 24px rgba(0,0,0,.25)}.card:after{border-radius:inherit;padding:1px;opacity:.24;background:linear-gradient(155deg,rgba(172,196,220,.42),rgba(72,255,171,.16),rgba(84,132,188,.16));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.card:after,.card:before{content:"";position:absolute;inset:0;pointer-events:none}.card:before{background:radial-gradient(220px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(72,255,171,.18),transparent 78%);opacity:0;transition:opacity var(--fast)}.card:hover{background:linear-gradient(180deg,rgba(21,28,35,.92) 0,rgba(13,18,24,.92) 100%),var(--bg-card-hover);border-color:rgba(72,255,171,.36);transform:translateY(-3px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 18px 36px rgba(0,0,0,.46),0 0 26px rgba(72,255,171,.12);filter:saturate(1.05)}.card:hover:before{opacity:1}.card-icon{display:flex;align-items:center;color:var(--text-accent);margin-bottom:2px;filter:drop-shadow(0 0 12px rgba(72,255,171,.36))}.card h3{font-family:var(--font-header);font-size:.88rem;font-weight:650;color:var(--text-primary);letter-spacing:0;margin:0}.card p{font-family:var(--font-sans);font-size:.74rem;color:var(--text-secondary);line-height:1.45;margin:0}.card-arrow{margin-top:auto;padding-top:3px;color:var(--text-accent);display:flex;transition:transform var(--fast),opacity var(--fast);opacity:.8}.card:hover .card-arrow{transform:translateX(5px);opacity:1}.text-content{margin-top:0}.text-content h2{font-size:1.4rem;font-weight:650;margin-top:38px;margin-bottom:12px;color:var(--text-primary)}.text-content h2,.text-content h3{font-family:var(--font-header);letter-spacing:0;scroll-margin-top:var(--header-offset);text-wrap:balance}.text-content h3{font-size:1.08rem;font-weight:600;margin-top:26px;margin-bottom:10px;color:#dce7f5}.text-content p{font-size:.9rem;margin-bottom:16px;line-height:1.72}.text-content ol,.text-content p,.text-content ul{font-family:var(--font-sans);color:var(--text-secondary)}.text-content ol,.text-content ul{margin-left:20px;margin-bottom:20px}.text-content li{margin-bottom:6px;line-height:1.72;font-size:.9rem}.text-content strong{color:var(--text-primary);font-weight:600}.info-callout{font-family:var(--font-sans);background:linear-gradient(180deg,rgba(72,255,171,.09),rgba(72,255,171,.04));border:1px solid rgba(72,255,171,.22);border-left:3px solid var(--text-accent);padding:14px 16px;border-radius:10px;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.65}.info-callout p{margin-bottom:0!important;font-size:.9rem!important}.accordion-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.accordion{font-family:var(--font-sans);border-radius:10px;border:1px solid rgba(132,160,188,.2);background:rgba(14,18,23,.76);overflow:hidden}.accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:500;font-size:.9rem;color:#d8e3f1;cursor:pointer;transition:background-color var(--fast),color var(--fast)}.accordion summary:hover{background:rgba(29,38,47,.55);color:#f0f7ff}.accordion summary:after{content:"+";font-size:1rem;color:var(--text-tertiary)}.accordion[open] summary:after{content:"-"}.accordion-content{border-top:1px solid rgba(132,160,188,.2);padding:14px 16px;color:var(--text-secondary);line-height:1.7;font-size:.88rem}.custom-code-block{background:rgba(11,15,20,.92);border:1px solid rgba(131,159,186,.2);border-radius:10px;margin:20px 0;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35)}.code-block-header{display:flex;align-items:center;justify-content:space-between;background:rgba(7,10,13,.94);border-bottom:1px solid rgba(131,159,186,.2);padding:8px 14px}.code-block-lang{font-family:var(--font-mono);font-size:.64rem;font-weight:700;color:#9cb0c4;letter-spacing:.08em}.code-block-copy-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:color var(--fast),background-color var(--fast),transform var(--fast)}.code-block-copy-btn:hover{color:#e9f2ff;background-color:hsla(0,0%,100%,.06)}.copy-btn-inner{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.7rem;font-weight:500}.copy-btn-inner svg{flex-shrink:0}.text-success{color:var(--text-accent)!important}.code-block-content pre{margin:0!important;padding:16px!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow-x:auto}.code-block-content pre code{font-family:var(--font-mono)!important;font-size:.825rem!important;line-height:1.65!important;color:#e4ebf3!important;background:transparent!important;padding:0!important;border:none!important;display:block}li code,p code{font-family:var(--font-mono);font-size:.825rem;background:rgba(72,255,171,.1);color:var(--text-accent);padding:2px 6px;border-radius:6px;border:1px solid rgba(72,255,171,.24);white-space:nowrap}.right-sidebar{width:var(--toc-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--header-offset);height:calc(100dvh - var(--header-offset) - 22px)}.toc-card{height:-moz-fit-content;height:fit-content;border-radius:14px;border:1px solid var(--border-color);background:linear-gradient(180deg,rgba(13,17,22,.82),rgba(9,12,16,.84)),var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.05);position:relative;padding:18px 18px 20px 22px}.toc-progress-track{position:absolute;left:10px;top:44px;bottom:16px;width:1px;background:rgba(141,169,196,.22);border-radius:999px;overflow:hidden}.toc-progress-fill{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(107,255,188,.95),rgba(72,255,171,.45));box-shadow:0 0 8px rgba(72,255,171,.42);border-radius:inherit;transition:height var(--fast)}.toc h4{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:#8396ab;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.toc h4 svg{color:#7a8ea4}.toc ul{list-style:none;display:flex;flex-direction:column;gap:3px}.toc-item a{display:block;width:100%;border-radius:7px;border:1px solid transparent;padding:6px 9px;color:#95a6b9;font-size:.76rem;line-height:1.45;transition:color var(--fast),border-color var(--fast),background-color var(--fast),transform var(--fast),box-shadow var(--fast)}.toc-item--depth-3 a{padding-left:16px;font-size:.74rem}.toc-item:hover a{color:#dbe8f7;border-color:rgba(153,179,205,.2);background:rgba(29,38,48,.42)}.toc-item.active a{color:#eefff7;border-color:rgba(72,255,171,.28);background:rgba(72,255,171,.1);box-shadow:0 0 12px rgba(72,255,171,.1);transform:translateX(2px)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(126,147,169,.38);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(149,172,198,.52)}.front-page{flex:1 1;min-height:calc(100dvh - var(--nav-reserved));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background-color:var(--bg-main);padding:40px 0 60px}.front-grid-bg{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.045'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");mask-image:radial-gradient(620px circle at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,transparent 100%);-webkit-mask-image:radial-gradient(620px circle at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,transparent 100%)}.front-glow-bg,.front-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.front-glow-bg{background:radial-gradient(760px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(72,255,171,.06),transparent 100%)}.front-content{position:relative;z-index:1;max-width:860px;padding:0 24px;display:flex;flex-direction:column;align-items:center}.front-badge{font-family:var(--font-sans);display:inline-flex;align-items:center;gap:8px;background:rgba(72,255,171,.09);border:1px solid rgba(72,255,171,.32);color:var(--text-accent);padding:6px 14px;border-radius:999px;font-size:.68rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:28px}.front-subtitle{font-family:var(--font-sans);font-size:clamp(.95rem,2vw,1.12rem);color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:640px}.front-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.btn-primary{background:linear-gradient(180deg,rgba(74,255,176,.94),rgba(56,226,154,.9));border:1px solid rgba(113,255,196,.7);color:#03160d;font-family:var(--font-sans);font-weight:700;font-size:.87rem;letter-spacing:0;padding:12px 24px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;transition:transform var(--fast),box-shadow var(--fast),opacity var(--fast);box-shadow:0 14px 30px rgba(10,36,24,.45)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(10,36,24,.55)}.btn-secondary{background:rgba(14,18,23,.72);color:var(--text-secondary);font-family:var(--font-sans);font-weight:500;font-size:.87rem;border:1px solid rgba(138,165,191,.24);padding:12px 24px;border-radius:10px;transition:color var(--fast),border-color var(--fast),background-color var(--fast),transform var(--fast)}.btn-secondary:hover{background:rgba(29,37,47,.74);color:var(--text-primary);border-color:rgba(72,255,171,.35);transform:translateY(-2px)}@media (max-width:1440px){.right-sidebar{display:none}.content-area{padding-right:14px}}@media (max-width:1150px){:root{--page-gutter:18px}.cards-grid{grid-template-columns:repeat(3,1fr)}.main-layout{padding:16px 14px 24px}.content-area{padding:24px 24px 58px}}@media (max-width:960px){:root{--page-gutter:14px}.left-sidebar{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.main-layout{padding:12px 12px 20px;gap:0}.main-scroll-container{gap:0}.content-area{padding:20px 18px 48px}.top-nav{padding:8px var(--page-gutter) 0}.top-nav-row--primary{padding:0 12px;gap:10px}.logo,.nav-links{width:auto}.search-bar{max-width:none;margin:0}}@media (max-width:760px){:root{--header-height-primary:98px;--header-height-tabs:42px;--nav-reserved:164px;--header-offset:calc(var(--nav-reserved) + 14px)}.cards-grid{grid-template-columns:1fr}.top-nav-row--primary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:42px 44px;height:var(--header-height-primary);padding:10px;grid-gap:0 10px;gap:0 10px}.logo{min-width:auto}.search-bar{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.search-input{margin-top:2px}.nav-links{gap:6px}.nav-utility{padding:7px 9px}.nav-utility:not(.nav-utility--icon){font-size:0;gap:0;width:34px}.nav-utility:not(.nav-utility--icon) svg{margin:0}.top-nav-row--tabs{height:var(--header-height-tabs);padding:0 7px}.section-tabs{justify-content:flex-start;gap:5px;padding-bottom:7px}.section-tab{padding:0 10px;font-size:.72rem}h1{font-size:1.95rem}}@media (max-width:500px){:root{--page-gutter:10px}.logo span{display:none}.search-placeholder{max-width:100%}.section-tab{min-height:29px;padding:0 9px}.section-tab-icon{width:12px;height:12px}.content-area{padding-inline:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-mascot{animation:none}}