*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg: #f5f6f8;--white: #fff;--border: #e2e4ec;--border2: #cdd0db;--text: #0f1117;--text2: #464c5e;--text3: #848a9c;--text4: #b4b9c8;--red: #C8272D;--red-d: #a11f24;--red-bg: #fef2f2;--red-br: rgba(200,39,45,.15);--green: #0d7a50;--green-bg: #f0faf5;--green-br: rgba(13,122,80,.18);--amber: #a85700;--amber-bg: #fef8f0;--amber-br: rgba(168,87,0,.18);--blue: #1756b0;--blue-bg: #eff4ff;--blue-br: rgba(23,86,176,.16);--kw: #6338c4;--purple-bg: #f4f0fe;--purple-br: rgba(99,56,196,.18);--teal: #0b7870;--teal-bg: #edfaf8;--teal-br: rgba(11,120,112,.18);--r: 6px;--rlg: 10px;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Plus Jakarta Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-grid{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--border);padding:16px 0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sb-logo{padding:4px 14px 14px;border-bottom:1px solid var(--border);margin-bottom:6px;display:flex;align-items:center;gap:8px}.sb-logo-link{text-decoration:none}.sb-icon{width:24px;height:24px;background:var(--red);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-brand{font-size:12px;font-weight:700;color:var(--text);line-height:1.1}.sb-brand b{color:var(--red)}.sb-sec{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);padding:10px 14px 5px}.sb-tree{flex:1}.mod-head{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:7px 14px;background:none;border:none;cursor:pointer;font-family:var(--sans);color:var(--text2);transition:all .12s}.mod-head:hover{background:var(--bg)}.mod-head.on{color:var(--text)}.mod-n{font-family:var(--mono);font-size:9px;font-weight:600;color:#fff;background:var(--text4);border-radius:3px;padding:1px 4px;min-width:22px;text-align:center}.mod-head.on .mod-n{background:var(--red)}.mod-t{font-size:11.5px;font-weight:600;flex:1;line-height:1.25}.mod-caret{font-size:9px;color:var(--text4)}.nav-item{display:flex;align-items:center;gap:7px;padding:6px 14px 6px 22px;cursor:pointer;font-size:11.5px;font-weight:500;color:var(--text3);border-left:2px solid transparent;transition:all .12s;text-decoration:none}.nav-item:hover{color:var(--text);background:var(--bg)}.nav-item.active{color:var(--red);background:var(--red-bg);border-left-color:var(--red);font-weight:600}.nav-num{font-family:var(--mono);font-size:9px;color:var(--text4);min-width:16px}.nav-item.active .nav-num{color:var(--red)}.nav-title{flex:1;line-height:1.25}.nav-done{font-size:9px;color:var(--green)}.sb-foot{margin-top:auto;padding:12px 14px 0;border-top:1px solid var(--border)}.setup-link{display:block;font-size:10.5px;color:var(--text2);text-decoration:none;padding:6px 0 10px}.setup-link:hover{color:var(--red)}.prog-lbl{display:flex;justify-content:space-between;font-size:10px;color:var(--text3);margin-bottom:5px}.prog-lbl span{color:var(--red);font-weight:600}.prog-bar{height:3px;background:var(--bg);border-radius:2px;overflow:hidden;margin-bottom:12px}.prog-fill{height:100%;background:var(--red);border-radius:2px;transition:width .3s ease}.content{padding:28px 34px 80px;overflow-y:auto}.topbar{display:none}@media (max-width: 880px){.app-grid{grid-template-columns:1fr}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar-brand{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.topbar-brand b{color:var(--red)}.topbar-gem{width:20px;height:20px;background:var(--red);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.hamburger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{width:18px;height:2px;background:var(--text2);border-radius:2px}.sidebar{position:fixed;top:0;left:0;z-index:40;width:270px;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 0 100vmax transparent}.menu-open .sidebar{transform:translate(0);box-shadow:4px 0 24px #0000002e}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000059}.content{padding:20px 18px 64px}}.eyebrow{display:inline-flex;font-family:var(--mono);font-size:9px;font-weight:500;color:var(--red);background:var(--red-bg);border:1px solid var(--red-br);border-radius:4px;padding:2px 8px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.topic-title{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.22;margin-bottom:5px}.topic-sub{font-size:12.5px;color:var(--text3);line-height:1.6;max-width:520px}.topic-head{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.topic-enter{animation:fi .18s ease}@keyframes fi{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lesson{max-width:var(--read)}.lesson-tag{font-family:var(--mono);font-size:9px;color:var(--red);background:var(--red-bg);border:1px solid var(--red-br);border-radius:3px;padding:2px 8px;letter-spacing:.04em;text-transform:uppercase;display:inline-block;margin-bottom:14px}.stepper{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.pill{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--text3);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;transition:all .12s}.pill:hover{border-color:var(--border2);color:var(--text)}.pill.on{color:#fff;background:var(--red);border-color:var(--red)}.lesson-prog{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:22px}.lesson-prog-fill{height:100%;background:var(--red);border-radius:2px;transition:width .3s ease}.inner{max-width:var(--read)}.aula-jump{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:11px}.aula-jump a{color:var(--text3);text-decoration:none}.aula-jump a:hover{color:var(--red)}.speak{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);margin:12px 0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.speak-head{display:flex;align-items:center;gap:8px;padding:8px 13px;border-bottom:1px solid var(--border);background:var(--bg)}.speak-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.speak-label{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}.speak-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.sq{font-size:13px;color:var(--text);line-height:1.75;padding-left:13px;border-left:3px solid var(--border2)}.sq.red{border-left-color:var(--red)}.sq.green{border-left-color:var(--green)}.sq.blue{border-left-color:var(--blue)}.sq.amber{border-left-color:var(--amber)}.sq.purple{border-left-color:var(--kw)}.sq.teal{border-left-color:var(--teal)}.snote{font-size:11px;color:var(--text3);background:var(--bg);border-radius:4px;padding:7px 10px;line-height:1.55}.snote strong{color:var(--text2);font-weight:600}.sql-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin:10px 0;box-shadow:0 1px 2px #0000000a}.sql-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--bg);gap:8px}.dots{display:flex;gap:3px}.dot{width:6px;height:6px;border-radius:50%}.lbl{font-family:var(--mono);font-size:9px;color:var(--text4);letter-spacing:.06em;text-transform:uppercase}pre.sql{font-family:var(--mono);font-size:11.5px;padding:12px 14px;line-height:1.9;overflow-x:auto;background:var(--white);margin:0;color:var(--text2)}.kw{color:var(--kw);font-weight:500}.tbl{color:var(--teal);font-weight:500}.col{color:var(--amber)}.val{color:var(--blue)}.op{color:var(--red);font-weight:600}.num{color:var(--blue);font-weight:500}.cm{color:var(--text4);font-style:italic}.sub{background:var(--purple-bg);border-radius:3px;padding:0 2px}.usr{color:var(--green);font-weight:600}.cte{color:#c9357a;font-weight:600}.callout{border-radius:var(--r);padding:10px 13px;font-size:12px;margin:10px 0;border-left:2px solid;line-height:1.6}.ci{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.cw{background:var(--red-bg);border-color:var(--red);color:var(--red-d)}.ct{background:var(--green-bg);border-color:var(--green);color:var(--green)}.cp{background:var(--purple-bg);border-color:var(--kw);color:var(--kw)}.ca{background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}.callout strong{font-weight:600}.callout code{background:#0000000d;border:1px solid rgba(0,0,0,.07);border-radius:3px;padding:1px 5px;font-family:var(--mono);font-size:10.5px;color:inherit}.tw{border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin:10px 0}table.dt{width:100%;border-collapse:collapse;font-size:11px}table.dt th{background:var(--red);color:#fff;padding:6px 10px;text-align:left;font-weight:600;font-size:10.5px}table.dt td{padding:5px 10px;border-bottom:1px solid var(--border);color:var(--text2);font-family:var(--mono);font-size:11px;vertical-align:top}table.dt tr:last-child td{border-bottom:none}table.dt tr:nth-child(2n) td{background:var(--bg)}.tag{display:inline-block;font-size:9.5px;padding:1px 7px;border-radius:20px;font-weight:600;font-family:var(--mono)}.tg{background:var(--green-bg);color:var(--green);border:1px solid var(--green-br)}.tr2{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br)}.ta{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-br)}.tb{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-br)}.tp{background:var(--purple-bg);color:var(--kw);border:1px solid var(--purple-br)}.tt{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-br)}.hbox{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);padding:14px 16px;margin:12px 0}.hbox-title{font-family:var(--mono);font-size:9.5px;font-weight:600;color:var(--red);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:5px}.hbox-title:before{content:"▶";font-size:8px}.steps{display:flex;flex-direction:column;gap:8px;margin:6px 0}.step{display:flex;gap:10px;align-items:flex-start}.sn{width:20px;height:20px;min-width:20px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px;flex-shrink:0}.st{font-size:12.5px;color:var(--text2);line-height:1.6}.st code{font-family:var(--mono);font-size:10.5px;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--kw)}.st strong{color:var(--text);font-weight:600}.cap{margin:10px 0 6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}.desc-out{background:#1e1e2e;border-radius:var(--rlg);padding:14px 16px;margin:12px 0;overflow-x:auto}.desc-out table{font-family:var(--mono);font-size:11px;border-collapse:collapse;width:100%;min-width:300px}.desc-out th{color:#888;font-weight:600;padding:3px 10px;text-align:left;border-bottom:1px solid #333;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.desc-out td{padding:4px 10px;color:#cdd6f4;border-bottom:1px solid #2a2a3e;white-space:nowrap}.desc-out tr:last-child td{border-bottom:none}.desc-out .typ{color:#89dceb}.desc-out .def{color:#cba6f7}.desc-out .field-name{color:#89b4fa;font-weight:500}.desc-out .num{color:#a6e3a1}.desc-out .null{color:#f38ba8;font-style:italic}.desc-out .uname{color:#a6e3a1;font-weight:600}.desc-out .sys{color:#6c7086;font-style:italic}.err-out{background:#2a1416;border:1px solid #5b2327;border-radius:var(--rlg);padding:12px 14px;margin:10px 0;font-family:var(--mono);font-size:10.8px;color:#f8a5a5;line-height:1.6;overflow-x:auto;white-space:pre-wrap}.err-out b{color:#ff6b6b}.ok-out{background:#14241a;border:1px solid #245b34;border-radius:var(--rlg);padding:12px 14px;margin:10px 0;font-family:var(--mono);font-size:10.8px;color:#a6e3a1;line-height:1.6;overflow-x:auto;white-space:pre-wrap}.wb-card{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin:8px 0}.wb-card-head{background:var(--bg);padding:6px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.wb-card-icon{font-size:14px}.wb-card-title{font-size:11px;font-weight:700;color:var(--text2)}.wb-card-sub{font-size:10px;color:var(--text3);margin-left:auto}.wb-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.wb-row{display:flex;align-items:flex-start;gap:10px}.wb-kbd{font-family:var(--mono);font-size:10px;background:var(--bg);border:1px solid var(--border2);border-radius:4px;padding:2px 7px;color:var(--text2);white-space:nowrap;flex-shrink:0;box-shadow:0 1px 0 var(--border2)}.wb-act{font-size:11.5px;color:var(--text2);line-height:1.5}.nav-btns{display:flex;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.nav-btn{padding:7px 14px;border-radius:var(--r);border:1px solid var(--border2);background:var(--white);color:var(--text2);font-size:11.5px;font-weight:500;cursor:pointer;font-family:var(--sans);transition:all .12s}.nav-btn:hover{border-color:var(--red-br);color:var(--red)}.nav-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.nav-btn.nx{background:var(--red);border-color:var(--red);color:#fff}.nav-btn.nx:hover{background:var(--red-d)}.home{max-width:1080px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:18px 0 8px}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--red);background:var(--red-bg);border:1px solid var(--red-br);border-radius:20px;padding:4px 11px;letter-spacing:.03em}.hero-gem{width:18px;height:18px;background:var(--red);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.hero-title{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.04;margin:16px 0 0;color:var(--text)}.hero-accent{color:var(--red)}.hero-sub{font-size:14px;color:var(--text2);line-height:1.6;margin:14px 0 0;max-width:460px}.hero-sub code{font-family:var(--mono);font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 5px}.hero-cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;padding:10px 16px;border-radius:8px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .12s}.btn-red{background:var(--red);color:#fff;border-color:var(--red)}.btn-red:hover{background:var(--red-d);border-color:var(--red-d)}.btn-ghost{background:var(--white);color:var(--text2);border-color:var(--border2)}.btn-ghost:hover{color:var(--red);border-color:var(--red-br)}.hero-stats{display:flex;gap:26px;margin-top:26px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:20px;font-weight:700;color:var(--text)}.hero-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.hero-demo{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:14px}.hero-demo-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px}.hero-demo .sql-wrap{margin:0}.hero-logo{height:40px;width:auto;opacity:.9;margin:30px 0 8px;display:block}.search-section{margin:22px 0 6px}.search{position:relative;max-width:580px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;pointer-events:none;opacity:.7}.search-input{width:100%;padding:12px 14px 12px 38px;font-family:var(--sans);font-size:13px;color:var(--text);background:var(--white);border:1px solid var(--border2);border-radius:10px;transition:border-color .12s,box-shadow .12s}.search-input::-moz-placeholder{color:var(--text3)}.search-input::placeholder{color:var(--text3)}.search-input:focus{outline:none;border-color:var(--red-br);box-shadow:0 0 0 3px var(--red-bg)}.search-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #0000001f;max-height:380px;overflow-y:auto;padding:5px}.search-empty{padding:12px 14px;font-size:12px;color:var(--text3)}.search-item{display:flex;align-items:baseline;gap:9px;width:100%;text-align:left;padding:8px 10px;border:none;background:none;border-radius:7px;cursor:pointer;font-family:var(--sans);transition:background .1s}.search-item.on,.search-item:hover{background:var(--bg)}.search-tag{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--red);background:var(--red-bg);border:1px solid var(--red-br);border-radius:3px;padding:2px 6px;white-space:nowrap;flex-shrink:0}.search-title{font-size:12.5px;font-weight:600;color:var(--text)}.search-sub{font-size:11px;color:var(--text3);margin-left:auto;white-space:nowrap}.search-hl{background:#fff2b0;color:inherit;border-radius:2px;padding:0 1px}.modules{margin-top:14px}.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px}.mod-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-decoration:none;transition:all .14s;display:flex;flex-direction:column}.mod-card:hover{border-color:var(--red-br);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.mod-card-top{display:flex;justify-content:space-between;align-items:center}.mod-card-n{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--red);background:var(--red-bg);border:1px solid var(--red-br);border-radius:3px;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.mod-card-count{font-family:var(--mono);font-size:9px;color:var(--text4)}.mod-card-title{font-size:14px;font-weight:700;color:var(--text);margin:10px 0 4px;letter-spacing:-.01em}.mod-card-sub{font-size:11.5px;color:var(--text3);line-height:1.5;flex:1}.mod-card-bar{height:3px;background:var(--bg);border-radius:2px;overflow:hidden;margin-top:12px}.mod-card-bar div{height:100%;background:var(--red);border-radius:2px;transition:width .3s ease}@media (max-width: 880px){.hero{grid-template-columns:1fr;gap:22px}.hero-title{font-size:30px}}.pg-card{border-color:var(--amber-br);box-shadow:0 0 0 1px var(--amber-br),0 4px 14px #a8570014}.pg-bar{background:var(--amber-bg);border-bottom-color:var(--amber-br)}.pg-lbl{color:var(--amber)}.pg-editor{border-bottom:1px solid var(--border)}.pg-editor .cm-editor{font-family:var(--mono);font-size:12px;background:var(--white)}.pg-editor .cm-editor.cm-focused{outline:none}.pg-editor .cm-gutters{background:var(--white);border:none}.pg-editor .cm-content{padding:10px 6px}.pg-actions{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg);flex-wrap:wrap}.pg-reset{font-family:var(--mono);font-size:9px;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-br);border-radius:20px;padding:2px 9px;letter-spacing:.03em;margin-left:auto}.pg-result{padding:0 10px 10px}.pg-result .desc-out,.pg-result .err-out,.pg-result .ok-out{margin-top:10px;margin-bottom:0}.mysql-only{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-br);border-radius:20px;padding:2px 9px}.copy-btn{font-family:var(--mono);font-size:9px;color:var(--text3);background:var(--white);border:1px solid var(--border2);border-radius:4px;padding:2px 8px;cursor:pointer;transition:all .12s}.copy-btn:hover{color:var(--red);border-color:var(--red-br)}:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}