:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--text-color: rgba(255, 255, 255, .87);--bg-color: #242424;--link-color: #646cff;--link-hover-color: #535bf2;--button-bg-color: #1a1a1a;--button-border-hover-color: var(--link-color);--logo-shadow-color: #646cffaa;--logo-vanilla-shadow-color: #3178c6aa;--muted-text-color: #888;--focus-ring-color: -webkit-focus-ring-color;--font-family-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height-base: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-size-h1: 3.2em;--line-height-h1: 1.1;--font-size-button: 1em;--border-radius-medium: 8px;--padding-button-vertical: .6em;--padding-button-horizontal: 1.2em;--padding-logo: 1.5em;--padding-container: 2rem;--padding-card: 2em;--transition-duration-fast: .25s;--transition-duration-medium: .3s;font-family:var(--font-family-sans);line-height:var(--line-height-base);font-weight:var(--font-weight-normal);color-scheme:light dark;color:#ffffffde;background-color:#242424;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--text-color: #213547;--bg-color: #ffffff;--link-hover-color: #747bff;--button-bg-color: #f9f9f9}}html,body{margin:0;padding:0;height:100%;width:100%;overflow:auto}a{font-weight:500;color:#646cff;font-weight:var(--font-weight-medium);color:var(--link-color);text-decoration:inherit}a:hover{color:#535bf2;color:var(--link-hover-color)}body{margin:0;display:flex;place-items:start;flex-direction:column;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;font-size:var(--font-size-h1);line-height:var(--line-height-h1)}#app{max-width:1280px;margin:0 auto;padding:2rem;padding:var(--padding-container);text-align:start;height:100%;width:100%;box-sizing:border-box}.logo{height:6em;padding:1.5em;padding:var(--padding-logo);will-change:filter;transition:filter .3s;transition:filter var(--transition-duration-medium)}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);filter:drop-shadow(0 0 2em var(--logo-shadow-color))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa);filter:drop-shadow(0 0 2em var(--logo-vanilla-shadow-color))}.card{padding:2em;padding:var(--padding-card)}.read-the-docs{color:#888}button{border-radius:8px;border-radius:var(--border-radius-medium);border:1px solid transparent;padding:.6em .8em;font-size:1em;font-weight:500;padding:var(--padding-button-vertical) var(--padding-button-horizontal);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);font-family:inherit;background-color:#1a1a1a;background-color:var(--button-bg-color);color:var(--text-color);cursor:pointer;transition:border-color .25s;transition:border-color var(--transition-duration-fast)}button:hover{border-color:#646cff;border-color:var(--button-border-hover-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color;outline:4px auto var(--focus-ring-color)}.button{display:inline-block;text-decoration:none;border-radius:var(--border-radius-medium);border:1px solid transparent;padding:var(--padding-button-vertical) var(--padding-button-horizontal);background-color:var(--button-bg-color);color:var(--text-color);transition:border-color var(--transition-duration-fast)}.button:hover{border-color:var(--button-border-hover-color)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#app{height:100%;width:100%}.read-the-docs{color:var(--muted-text-color)}#header{display:flex;align-items:center;padding:.25rem}#page-title{margin:0;font-size:1.5rem;line-height:1.2}#version-info-banner{margin-right:1rem;padding:2px 10px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:8px;color:#6c757d;text-align:center;font-family:sans-serif}#app-layout{display:flex;flex:1 1 auto;width:100%;height:calc(100vh - 50px)}#sidebar{width:250px;padding:.1rem;box-sizing:border-box}#content{flex:1 1 auto;width:100%;padding:.1rem;overflow:auto;height:100%}.fullscreen-toggle{padding:4px 8px;font-size:14px}body{font-family:Roboto,sans-serif;background-color:#f4f7fa;color:#333;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;line-height:1.6}.container{max-width:900px;width:90%;background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px auto}h3{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:30px;text-align:center;border-bottom:2px solid #e0e0e0;padding-bottom:10px}h4{font-size:1.4rem;font-weight:600;color:#007bff;margin-top:40px;margin-bottom:20px}.section-list{list-style:none;padding:0;margin:0}.section-item{margin-bottom:20px}.section-item a{display:block;padding:15px 20px;background-color:#e9f1ff;border-radius:8px;text-decoration:none;color:#007bff;font-weight:500;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 8px #007bff1a}.section-item a:hover{background-color:#d4e6ff;transform:translateY(-2px)}.section-item strong{display:block;font-size:1.1rem;color:#2c3e50;margin-bottom:5px}.resource-list{list-style:none;padding:0;margin:0}.resource-item{margin-bottom:20px;background-color:#e9f1ff;border-radius:8px;padding:15px 20px;box-shadow:0 2px 8px #007bff1a}.resource-item summary{font-weight:500;color:#2c3e50;cursor:pointer;outline:none}.resource-item details[open] summary{margin-bottom:10px}.resource-item iframe{width:100%;height:315px;border:none;border-radius:8px}.resource-item a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.resource-item a:hover{color:#0056b3}table{width:100%;border-collapse:collapse;margin-top:10px;margin-bottom:20px}table th,table td{border:1px solid #e0e0e0;padding:10px;text-align:left}table th{background-color:#f8f9fa;font-weight:600}.back-link{display:block;text-align:center;margin-top:30px}.back-link a{display:inline-block;padding:10px 20px;background-color:#6c757d;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .3s ease}.back-link a:hover{background-color:#5a6268}@media (max-width: 600px){.container{padding:20px 15px;width:95%}h3{font-size:1.5rem}h4{font-size:1.2rem}.section-item a{padding:12px 15px}.section-item strong{font-size:1rem}.resource-item{padding:12px 15px}.resource-item iframe{height:200px}}body{display:flex;justify-content:flex-start;align-items:stretch;min-height:100vh}.sidebar{width:250px;background-color:#fff;padding:20px;box-shadow:2px 0 10px #0000001a;height:100vh;position:fixed;left:0;top:0;overflow-y:auto;transition:width .3s ease}.sidebar.collapsed{width:0;padding:0;overflow:hidden}.sidebar.collapsed .nav-title,.sidebar.collapsed .sub-nav-title,.sidebar.collapsed .nav-text{display:none}.toggle-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#007bff;margin-bottom:20px;width:100%;text-align:center;position:relative}.sidebar.collapsed .toggle-btn{position:absolute;left:0;top:0;width:40px;margin:0}.main-nav details,.sub-nav details{margin-bottom:20px}.main-nav summary,.sub-nav summary{font-weight:600;color:#2c3e50;cursor:pointer;display:flex;align-items:center}.main-nav summary .icon,.sub-nav summary .icon{margin-right:10px}.main-nav ul,.sub-nav ul{list-style:none;padding-left:0}.main-nav li,.sub-nav li{margin-bottom:10px}.main-nav a,.sub-nav a{color:#007bff;text-decoration:none;display:flex;align-items:center;padding:10px;border-radius:4px;transition:background-color .3s}.main-nav a:hover,.sub-nav a:hover{background-color:#e9f1ff}.main-nav a .icon,.sub-nav a .icon{margin-right:10px;width:20px;text-align:center}.sidebar.collapsed .main-nav summary,.sidebar.collapsed .sub-nav summary{justify-content:center}.sidebar.collapsed .main-nav summary .icon,.sidebar.collapsed .sub-nav summary .icon{margin-right:0}.sidebar.collapsed .main-nav a,.sidebar.collapsed .sub-nav a{justify-content:center;padding:10px 0}.sidebar.collapsed .main-nav a .icon,.sidebar.collapsed .sub-nav a .icon{margin-right:0}.content{margin-left:250px;padding:40px;flex-grow:1;transition:margin-left .3s ease}.content.expanded{margin-left:0}@media (max-width: 768px){.sidebar{width:200px}.sidebar.collapsed{width:0;padding:0;overflow:hidden}.content{margin-left:200px}.content.expanded{margin-left:0}}