:root{color-scheme:dark;--bg:#100d13;--sidebar:#0d0b10;--surface:#151119;--surface-2:#1b1620;--surface-3:#241b2b;--line:#2d2434;--line-soft:#241d2a;--text:#f7f3f9;--muted:#a69baa;--subtle:#75697c;--accent:#5b376a;--accent-bright:#a981bb;--accent-light:#d5b8e2;--accent-soft:rgba(129,82,151,.16);--code:#0b090e;--green:#89c9a2;--shadow:0 24px 80px rgba(0,0,0,.28);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.72;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{width:286px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#100d13 0%,#0c0a0f 100%);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:25px 17px 15px;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:1px 7px 27px}.brand-mark{width:43px;height:43px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 7px 17px #5b376a44)}.brand-copy{display:flex;flex-direction:column;line-height:1.55}.brand-copy b{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:1.45px;font-weight:700}.brand-copy small{font-size:9px;letter-spacing:2px;color:var(--muted)}.sidebar-label,.nav-label{font-size:9px;font-weight:700;letter-spacing:1.75px;color:#716678;padding:0 10px;margin:0 0 9px}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid #302637;border-radius:10px;background:#17121b;padding:0 10px;height:43px;margin:0 1px 21px;text-align:left;color:var(--muted);cursor:pointer;transition:border-color .18s,background .18s;width:calc(100% - 2px)}.search-wrap:hover{border-color:#644575;background:#1b1520}.search-wrap svg,.modal-input-wrap svg{width:16px;height:16px;stroke:#9e8da7;fill:none;stroke-width:1.8;flex-shrink:0}.search-wrap span{font-size:11px;flex:1;white-space:nowrap}.search-wrap kbd,.search-hint kbd{border:1px solid #403447;border-radius:5px;color:#a99bb1;background:#201925;padding:1px 5px;font-size:9px;white-space:nowrap}#navigation{overflow:auto;flex:1;padding:0 2px 20px;scrollbar-width:thin;scrollbar-color:#3a2c43 transparent}.nav-label{margin:21px 0 7px}.nav-label:first-child{margin-top:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px 0;border-radius:8px;color:#b9afc2;font-size:11.5px;line-height:1.45;transition:background .18s,color .18s;position:relative}.nav-link:hover{background:#1c1621;color:#fff}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(91,55,106,.38),rgba(91,55,106,.12));box-shadow:inset 2px 0 #b38bc4}.nav-icon{width:18px;height:18px;display:grid;place-items:center;border:1px solid #352a3d;border-radius:5px;color:#a68bb4;font-size:11px;flex-shrink:0}.nav-link.active .nav-icon{border-color:#795889;background:#5b376a;color:#fff}.sidebar-bottom{padding-top:12px}.sidebar-status{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line-soft);padding:15px 7px 13px;color:#928699;font-size:10px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #89c9a277;display:inline-block;flex-shrink:0}.version{margin-left:auto;border:1px solid #33283b;padding:1px 6px;border-radius:5px;color:#a69aaa;font-size:9px}.sidebar-store{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #33273b;border-radius:10px;background:linear-gradient(130deg,#211729,#151019);transition:border-color .2s,transform .2s}.sidebar-store:hover{border-color:#765087;transform:translateY(-1px)}.sidebar-support{display:flex;align-items:center;gap:8px;margin:9px 4px 0;padding:7px 8px;border:1px solid rgba(180,145,198,.16);border-radius:8px;background:rgba(91,55,106,.12);color:#c5b4ce;font-size:11px;line-height:1.3;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.sidebar-support:hover{color:#f0e5f5;background:rgba(91,55,106,.24);border-color:rgba(180,145,198,.32)}.sidebar-support:hover,.footer-support:hover{color:#d4b8e0}.support-dot{font-size:8px;color:#b798c6}.support-arrow{margin-left:auto;color:#8f739e}.footer-right{display:flex;align-items:center;gap:17px}.footer-support{color:#b6a3c2;font-size:11px;text-decoration:none;white-space:nowrap;transition:color .18s}.footer-support:hover{color:#d4b8e0}.light-mode .sidebar-support{color:#75677d}.light-mode .sidebar-support:hover,.light-mode .footer-support:hover{color:#5b376a}.store-icon{width:29px;height:29px;display:grid;place-items:center;background:#5b376a;border-radius:8px;color:#fff;font-size:15px}.sidebar-store>span:nth-child(2){display:flex;flex-direction:column;line-height:1.45;flex:1}.sidebar-store b{font-size:11px}.sidebar-store small{font-size:9px;color:var(--muted)}.store-arrow{font-size:12px;color:#b798c6}.main-area{margin-left:286px;min-height:100vh}.topbar{height:66px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:sticky;top:0;background:rgba(16,13,19,.88);backdrop-filter:blur(18px);z-index:15;gap:20px}.topbar-left{display:flex;align-items:center;min-width:0}.breadcrumbs{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs span{padding:0 9px;color:#625569}.top-actions{display:flex;align-items:center;gap:19px;flex-shrink:0}.top-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#9b90a3}.top-store{font-size:11px;color:#ded2e4}.top-store span{color:#c29bd1;margin-left:4px}.top-actions button,.search-modal-head button{background:#1a141e;border:1px solid #34283c;color:#c4b5cb;border-radius:8px;width:33px;height:33px;cursor:pointer;transition:.18s}.top-actions button:hover,.search-modal-head button:hover{border-color:#79558a;color:#fff}.content-wrap{max-width:1220px;margin:0 auto;padding:52px clamp(24px,5vw,76px) 20px;min-height:calc(100vh - 66px);display:flex;flex-direction:column}.article{flex:1;min-width:0}.loading{display:flex;align-items:center;gap:12px;color:var(--muted)}.loader{width:16px;height:16px;border:2px solid #3a2b43;border-top-color:var(--accent-bright);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d4b9e0;background:rgba(91,55,106,.22);border:1px solid #694a785f;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.eyebrow:before{content:'';width:5px;height:5px;background:#c29bd1;border-radius:50%;box-shadow:0 0 10px #c29bd188}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;line-height:1.25;letter-spacing:-.45px}h1{font-size:clamp(34px,4.4vw,57px);margin:18px 0 17px;font-weight:600;letter-spacing:-2.2px}h2{font-size:25px;margin:43px 0 15px;padding-bottom:12px;border-bottom:1px solid var(--line)}h3{font-size:18px;margin:30px 0 12px}h4{font-size:15px;margin:24px 0 9px}p{color:#c4bacb;margin:0 0 17px}strong{color:#f8f3fa;font-weight:600}ul,ol{color:#c4bacb;padding-left:23px;margin:12px 0 21px}li{padding:3px 0 3px 2px}li::marker{color:#b28bc2}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#251b2b;border:1px solid #3a2b43;border-radius:5px;padding:2px 5px;color:#dfc2ec;font-size:.88em}pre{overflow:auto;background:var(--code);border:1px solid #33273b;border-radius:12px;padding:18px 20px;margin:18px 0 25px;box-shadow:0 12px 30px #0002}pre code{padding:0;border:0;background:transparent;color:#d9cbe0;font-size:12px;line-height:1.85;white-space:pre}blockquote{margin:22px 0;padding:15px 18px;border:1px solid #46304f;border-left:3px solid #a17ab2;background:linear-gradient(110deg,#201727,#17121b);border-radius:0 10px 10px 0;color:#d0bfd9}blockquote p{margin:0;color:inherit}table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0 27px;font-size:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}th{background:#211829;color:#e9ddef;font-weight:600}td{color:#c7bdce}tbody tr:nth-child(even) td{background:#17121b}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.hero{position:relative;overflow:hidden;border:1px solid #4a3455;border-radius:20px;padding:clamp(28px,4.4vw,52px);background:radial-gradient(ellipse at 84% 8%,rgba(125,77,145,.3),transparent 36%),radial-gradient(ellipse at 65% 100%,rgba(91,55,106,.15),transparent 44%),linear-gradient(135deg,#211728 0%,#151019 58%,#100d13 100%);box-shadow:0 25px 75px #0003;margin-bottom:40px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,black)}.hero:after{content:'G7';position:absolute;right:5%;top:-5%;font-family:'Space Grotesk',sans-serif;font-size:clamp(130px,18vw,245px);font-weight:700;letter-spacing:-.12em;line-height:1;color:#ffffff06;pointer-events:none;z-index:-1}.hero h1{max-width:700px;margin-top:21px}.hero h1 em{font-style:normal;color:#c29bd1}.hero p{max-width:580px;font-size:14px;line-height:1.9;color:#c9bdcf}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:700;transition:transform .18s,border-color .18s,background .18s}.button-primary{background:linear-gradient(135deg,#805493,#5b376a);border:1px solid #9a72ad;color:#fff;box-shadow:0 8px 24px #5b376a42}.button-primary:hover{background:linear-gradient(135deg,#986bab,#70447f);transform:translateY(-2px)}.button-secondary{border:1px solid #49394f;background:#1d1622;color:#e5d9eb}.button-secondary:hover{border-color:#8a649d;transform:translateY(-2px)}.hero-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff14;margin-top:30px;padding-top:17px;color:#a99caf;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:7px}.meta-mark{color:#c5a1d4;font-size:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:42px 0 18px}.section-heading h2{font-size:22px;border:0;padding:0;margin:0}.section-heading span{font-size:10px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.doc-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#19131e,#141017);border-radius:13px;padding:20px;transition:transform .2s,border-color .2s,background .2s;display:block;min-height:145px;overflow:hidden}.doc-card:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#a17ab2,#5b376a);opacity:0;transition:opacity .2s}.doc-card:hover{transform:translateY(-3px);border-color:#694a78;background:linear-gradient(145deg,#211729,#17121b)}.doc-card:hover:before{opacity:1}.card-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--accent-soft);border:1px solid #64477155;color:#d4b8e0;font-size:16px;margin-bottom:16px}.doc-card h3{font-size:14px;margin:0 0 8px;padding-right:18px}.doc-card p{font-size:11px;line-height:1.75;margin:0;color:#a99eaf}.card-arrow{position:absolute;right:17px;top:18px;color:#80678c;transition:transform .18s}.doc-card:hover .card-arrow{transform:translate(2px,-2px);color:#d4b8e0}.callout{border:1px solid #493451;background:linear-gradient(115deg,#201727,#17121b);border-radius:12px;padding:18px 20px;margin:30px 0}.callout b{display:flex;align-items:center;gap:9px;margin-bottom:5px;color:#f7f0fa;font-size:12px}.callout b:before{content:'i';font-family:Georgia,serif;font-style:italic;display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#5b376a;color:#fff;font-size:12px}.callout p{font-size:11px;line-height:1.8;margin:0;color:#b7a9c0}.article-header{margin-bottom:31px;padding-bottom:25px;border-bottom:1px solid var(--line-soft)}.article-header h1{font-size:clamp(31px,4vw,45px);margin:16px 0 12px;letter-spacing:-1.6px}.article-header .description{font-size:14px;color:#a99eaf;max-width:760px;margin:0}.article-body{max-width:900px}.article-body h2{scroll-margin-top:90px}.article-body a{color:#d0a8df;text-decoration:underline;text-decoration-color:#6d4c7b;text-underline-offset:3px}.article-body a:hover{color:#f0dafa}.article-body img{max-width:100%;border-radius:10px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line-soft);margin-top:50px;padding:19px 0 7px;color:#817587;font-size:10px}.page-footer b{font-size:9px;letter-spacing:1.2px;color:#b5a2bf}.footer-separator{padding:0 9px;color:#514158}.search-overlay{position:fixed;inset:0;background:rgba(5,3,7,.76);backdrop-filter:blur(9px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 30px}.search-overlay[hidden]{display:none}.search-modal{width:min(600px,100%);max-height:75vh;display:flex;flex-direction:column;background:#151019;border:1px solid #48354f;border-radius:15px;box-shadow:0 30px 100px #0008;overflow:hidden}.search-modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 13px;border-bottom:1px solid var(--line-soft)}.search-modal-head>div{display:flex;flex-direction:column;gap:2px}.modal-kicker{font-size:8px;letter-spacing:1.8px;color:#a27db2;font-weight:700}.search-modal-head strong{font-family:'Space Grotesk',sans-serif;font-size:15px}.modal-input-wrap{display:flex;align-items:center;gap:11px;margin:14px 15px 8px;padding:0 12px;height:45px;border:1px solid #45334d;border-radius:9px;background:#0f0c12}.modal-input-wrap:focus-within{border-color:#8b639f}.modal-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-results{overflow:auto;padding:5px 9px 12px}.search-result{display:block;padding:12px 13px;border-radius:9px;border:1px solid transparent;transition:background .16s,border-color .16s}.search-result:hover,.search-result:focus{background:#251c2d;border-color:#4a3455;outline:0}.search-result strong{display:block;font-size:12px}.search-result small{color:#b08bc0;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.search-result p{font-size:10px;margin:4px 0 0;color:#a99eaf}.search-hint{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;border-top:1px solid var(--line-soft);color:#8d8195;font-size:9px}.search-hint span{display:flex;align-items:center;gap:6px}.muted{color:var(--muted);padding:8px;font-size:12px}.mobile-menu{display:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;width:33px;height:33px;cursor:pointer;margin-right:12px}.light-mode{color-scheme:light;--bg:#f8f6fa;--sidebar:#fff;--surface:#fff;--surface-2:#f2edf5;--surface-3:#eee5f2;--line:#e3dbe8;--line-soft:#eee8f1;--text:#261c2d;--muted:#796d81;--subtle:#918497;--code:#f3eff6;--shadow:0 20px 60px #33203d12}.light-mode .sidebar{background:#fff}.light-mode .topbar{background:rgba(248,246,250,.9)}.light-mode .search-wrap{background:#f7f3f9;border-color:#e4dbe9}.light-mode .search-wrap span,.light-mode .breadcrumbs{color:#75677d}.light-mode .top-store{color:#51345f}.light-mode .top-status{color:#6f6278}.light-mode .nav-link{color:#67596f}.light-mode .nav-link:hover{background:#f4edf7;color:#2d1d35}.light-mode .nav-link.active{color:#392344;background:#f0e5f5}.light-mode .nav-icon{border-color:#e3d5e9}.light-mode .sidebar-store{background:linear-gradient(130deg,#f7effa,#fff);border-color:#e5d9eb}.light-mode p,.light-mode ul,.light-mode ol{color:#65586d}.light-mode strong{color:#2b2032}.light-mode .hero{background:radial-gradient(ellipse at 84% 8%,rgba(181,141,198,.32),transparent 36%),linear-gradient(135deg,#f0e5f5,#fff 65%);border-color:#dfcce8}.light-mode .hero p{color:#62516b}.light-mode .hero-meta{border-color:#2d183010;color:#76677e}.light-mode .button-secondary{background:#fff;color:#493454;border-color:#e2d5e8}.light-mode .doc-card{background:linear-gradient(145deg,#fff,#faf7fc)}.light-mode .doc-card p{color:#6f6278}.light-mode .doc-card h3{color:#2b2032}.light-mode .callout{background:#f3eaf7;border-color:#e0cce8}.light-mode .callout p{color:#6c5b75}.light-mode blockquote{background:#f3ebf7;color:#594863;border-color:#e2d1e9}.light-mode pre{background:#f5f1f7;border-color:#e2d9e8}.light-mode pre code{color:#493454}.light-mode code{background:#eee4f4;color:#593c69;border-color:#dfd0e8}.light-mode th{background:#f0e7f5;color:#392744}.light-mode td{color:#55465e}.light-mode tbody tr:nth-child(even) td{background:#faf7fc}.light-mode .search-modal{background:#fff;border-color:#e2d5e8}.light-mode .modal-input-wrap{background:#faf7fc;border-color:#e3d7e8}.light-mode .modal-input-wrap input{color:var(--text)}.light-mode .search-result:hover{background:#f5edf8;border-color:#e4d6eb}.light-mode .search-result p{color:#76677e}.light-mode .page-footer{border-color:#e8e0ec}
@media(max-width:1050px){.top-status{display:none}.content-wrap{padding-left:clamp(22px,4vw,48px);padding-right:clamp(22px,4vw,48px)}}@media(max-width:850px){.sidebar{transform:translateX(-102%);transition:transform .25s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:block}.topbar{justify-content:space-between;padding:0 20px}.topbar-left{min-width:0;flex:1}.top-actions{gap:10px}.content-wrap{padding-top:35px}}@media(max-width:580px){.footer-right{display:flex;flex-wrap:wrap;gap:8px 14px}.cards{grid-template-columns:1fr}.content-wrap{padding-left:17px;padding-right:17px}.topbar{padding:0 14px}.top-store{font-size:0}.top-store span{font-size:13px}.top-actions{gap:8px}.hero{border-radius:14px;padding:26px 21px}.hero h1{font-size:36px;letter-spacing:-1.7px}.hero p{font-size:12px}.hero-meta{gap:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.page-footer{flex-direction:column;align-items:flex-start}.search-overlay{padding:8vh 12px 20px}.search-hint{flex-direction:column;gap:6px}.article-header h1{font-size:32px}.article-body table{display:block;overflow:auto;white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
