:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:Inter, "Noto Sans SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", "Noto Sans Mono", Consolas, monospace;--topbar-height:68px;--sidebar-width:286px;--page-width:1240px;--bg:#0b0e13;--bg-soft:#10151d;--surface-1:#121821;--surface-2:#171e29;--surface-3:#1d2632;--surface-hover:#222d3a;--border:#283443;--border-soft:#202a36;--text-primary:#f2f5f8;--text-secondary:#aab5c2;--text-muted:#9aa6b4;--text-faint:#929eac;--accent:#68dfcd;--accent-strong:#3fc5b1;--accent-soft:#68dfcd1f;--blue:#7f91ff;--warning:#f2b86b;--danger:#ef8096;--success:#70d7a3;--shadow-lg:0 28px 80px #00000061;--editor-bg:#0c1118;--editor-gutter:#0f151d;--editor-text:#dce6ef;--editor-active:#7f91ff13;--editor-selection:#68dfcd33}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f7;--bg-soft:#e9edf1;--surface-1:#fff;--surface-2:#f7f9fb;--surface-3:#edf1f5;--surface-hover:#e7edf2;--border:#d5dde5;--border-soft:#e4e9ee;--text-primary:#17202a;--text-secondary:#4d5c6b;--text-muted:#596877;--text-faint:#626f7c;--accent:#087f72;--accent-strong:#06695f;--accent-soft:#087f7217;--blue:#5669df;--warning:#a66512;--danger:#b83c59;--success:#177a50;--shadow-lg:0 25px 75px #2634422b;--editor-bg:#f8fafc;--editor-gutter:#eef2f6;--editor-text:#25313c;--editor-active:#5669df12;--editor-selection:#087f7229}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}body.no-scroll{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{flex:none}::selection{background:var(--accent-soft);color:var(--text-primary)}.skip-link{z-index:1000;background:var(--accent);color:#06110f;border-radius:8px;padding:9px 14px;font-weight:700;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.topbar{z-index:100;height:var(--topbar-height);grid-template-columns:var(--sidebar-width) minmax(260px, 550px) 1fr;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);align-items:center;gap:24px;padding:0 24px;display:grid;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:12px;width:max-content;display:inline-flex}.brand-mark{width:35px;height:30px;display:inline-block;position:relative}.brand-mark span{border:2px solid var(--accent);border-radius:3px;width:22px;height:22px;position:absolute;transform:rotate(60deg)skewY(-30deg)scaleX(.86)}.brand-mark span:first-child{top:4px;left:0}.brand-mark span:nth-child(2){border-color:var(--blue);top:4px;left:8px}.brand-mark span:nth-child(3){opacity:.4;top:0;left:4px}.brand-copy{letter-spacing:.02em;flex-direction:column;line-height:1;display:flex}.brand-copy strong{font-size:15px;font-weight:800}.brand-copy small{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.24em;margin-top:5px;font-size:8px}.global-search{border:1px solid var(--border);background:var(--surface-1);width:100%;min-width:240px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 11px 0 14px;transition:border-color .16s,background .16s,transform .16s;display:flex}.global-search:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface-2);transform:translateY(-1px)}.global-search span{text-align:left;flex:1;font-size:13px}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:22px;color:var(--text-muted);font:500 11px/18px var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:5px;padding:1px 6px}.topbar-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.topbar-button,.icon-button,.text-button,.toolbar-button,.secondary-button{cursor:pointer;background:0 0;border:0}.topbar-button{color:var(--text-secondary);border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:13px;display:inline-flex}.topbar-button:hover,.icon-button:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-button.is-active{background:var(--accent-soft);color:var(--accent)}.icon-button{width:38px;height:38px;color:var(--text-secondary);border-radius:9px;place-items:center;display:inline-grid}.mobile-menu{display:none}.sidebar{z-index:80;top:var(--topbar-height);width:var(--sidebar-width);border-right:1px solid var(--border-soft);background:var(--bg-soft);position:fixed;bottom:0;left:0}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100%;padding:22px 14px 26px;overflow-y:auto}.track-switcher{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:0 7px 12px;padding:4px;display:grid}.track-switcher button{min-width:0;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:1px 7px;padding:9px 8px;display:grid}.track-switcher button:hover{background:var(--surface-2);color:var(--text-primary)}.track-switcher button.is-active{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft);color:var(--text-primary)}.track-switcher button>span{background:var(--surface-3);width:25px;height:25px;color:var(--accent);font:700 8px var(--font-mono);border-radius:7px;grid-row:1/3;place-items:center;display:grid}.track-switcher button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.2;overflow:hidden}.track-switcher button small{color:var(--text-faint);font-size:7.5px;line-height:1.2}.course-progress{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:11px;margin:0 7px 24px;padding:14px 14px 13px}.progress-heading{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.progress-heading strong{color:var(--accent);font:500 12px var(--font-mono)}.progress-track{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--blue));height:100%;transition:width .35s;display:block}.course-progress p{color:var(--text-muted);margin:8px 0 0;font-size:11px}.curriculum{gap:4px;display:grid}.stage-nav{border-radius:10px}.stage-heading{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 8px;display:flex}.stage-heading:hover{background:var(--surface-1)}.stage-heading>svg{color:var(--text-faint);margin-left:auto;transition:transform .18s}.stage-number{border:1px solid color-mix(in srgb, var(--stage-color) 40%, var(--border));background:color-mix(in srgb, var(--stage-color) 9%, transparent);width:30px;height:30px;color:var(--stage-color);font:500 10px var(--font-mono);border-radius:8px;place-items:center;display:grid}.stage-title{flex-direction:column;min-width:0;display:flex}.stage-title strong{font-size:12px;font-weight:700}.stage-title small{color:var(--text-faint);font-size:10px}.stage-lessons{border-left:1px solid var(--border-soft);margin:0 0 7px;padding:2px 0 3px 15px;list-style:none}.stage-nav.is-collapsed .stage-lessons{display:none}.stage-nav.is-collapsed .stage-heading>svg{transform:rotate(-90deg)}.lesson-nav-link{min-height:37px;color:var(--text-muted);border-radius:7px;align-items:center;gap:9px;padding:7px 9px;font-size:11.5px;line-height:1.35;display:flex;position:relative}.lesson-nav-link:before{content:"";background:0 0;border-radius:99px;width:2px;height:22px;position:absolute;left:-16px}.lesson-nav-link:hover{background:var(--surface-1);color:var(--text-secondary)}.lesson-nav-link.is-active{background:color-mix(in srgb, var(--stage-color) 9%, var(--surface-1));color:var(--text-primary)}.lesson-nav-link.is-active:before{background:var(--stage-color)}.lesson-check{border:1px solid var(--border);width:21px;height:21px;color:var(--text-faint);font:400 8px var(--font-mono);border-radius:6px;flex:0 0 21px;place-items:center;display:grid}.lesson-nav-link.is-complete .lesson-check{border-color:color-mix(in srgb, var(--success) 50%, var(--border));background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success)}.environment-card{border-top:1px solid var(--border-soft);align-items:flex-start;gap:10px;margin:24px 7px 0;padding:12px;display:flex}.environment-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent);border-radius:50%;margin-top:5px}.environment-success .environment-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent)}.environment-card div{flex-direction:column;display:flex}.environment-card strong{font-size:11px}.environment-card small{color:var(--text-faint);font-size:9.5px;line-height:1.5}.sidebar-scrim{display:none}.main{min-height:100vh;margin-left:var(--sidebar-width);padding-top:var(--topbar-height)}.lesson-page{--stage-text-color:var(--stage-color);max-width:var(--page-width);margin:0 auto;padding:64px 54px 72px}:root[data-theme=light] .lesson-page{--stage-text-color:color-mix(in srgb, var(--stage-color) 42%, var(--text-primary))}.lesson-hero{max-width:900px}.lesson-kicker{color:var(--text-muted);letter-spacing:.025em;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;font-weight:600;display:flex}.lesson-kicker i{background:var(--text-faint);border-radius:50%;width:3px;height:3px}.stage-pill{border:1px solid color-mix(in srgb, var(--stage-color) 35%, var(--border));background:color-mix(in srgb, var(--stage-color) 8%, transparent);color:var(--stage-text-color,var(--stage-color));border-radius:6px;padding:5px 9px}.lesson-hero h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(34px,4.3vw,58px);font-weight:800;line-height:1.12}.lesson-subtitle{color:var(--stage-text-color,var(--stage-color));font:400 13px var(--font-mono);margin:12px 0 0}.lesson-summary{max-width:790px;color:var(--text-secondary);margin:24px 0 0;font-size:17px;line-height:1.85}.lesson-hero-actions{align-items:center;gap:18px;margin-top:26px;display:flex}.complete-control{cursor:pointer}.complete-control input{opacity:0;pointer-events:none;position:absolute}.complete-control span{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:9px 13px;transition:all .16s;display:inline-flex}.complete-control span svg{border:1px solid var(--border);color:#0000;border-radius:5px;width:17px;height:17px;padding:2px}.complete-control span b{font-size:12px;font-weight:600}.complete-control input:checked+span{border-color:color-mix(in srgb, var(--success) 50%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--surface-1));color:var(--success)}.complete-control input:checked+span svg{border-color:var(--success);background:var(--success);color:#082519}.text-button{color:var(--text-muted);border-radius:7px;align-items:center;gap:7px;padding:8px;font-size:11px;display:inline-flex}.text-button:hover{color:var(--text-primary);background:var(--surface-1)}.lesson-opening{max-width:980px;margin-top:52px}.lesson-opening>.content-section:first-child{margin-top:0}.lesson-opening .mental-model{margin-top:28px}.lesson-opening .syntax-guide-section{margin-top:36px}.lesson-goals-section .section-heading{margin-bottom:16px}.lesson-goals-section .goal-card{min-height:108px}.concept-ribbon{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);align-items:center;gap:18px;margin:36px 0 20px;padding:13px 0;display:flex}.concept-ribbon>span{color:var(--text-faint);font:500 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex:none}.concept-ribbon>div{flex-wrap:wrap;gap:7px;display:flex}.concept-chip{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font:400 10px var(--font-mono);border-radius:999px;padding:5px 9px}.concept-chip:hover{border-color:var(--stage-color);color:var(--stage-color)}.concept-more-chip{color:var(--stage-text-color,var(--stage-color));border-style:dashed}.lesson-optional-module{scroll-margin-top:calc(var(--topbar-height) + 18px);border:1px solid var(--border);background:var(--surface-1);border-radius:12px;margin-top:16px;overflow:hidden}.lesson-optional-module[open]{border-color:color-mix(in srgb, var(--stage-color) 38%, var(--border))}.lesson-optional-module>summary{cursor:pointer;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px 15px;list-style:none;display:grid}.lesson-optional-module>summary::-webkit-details-marker{display:none}.lesson-optional-module>summary:hover{background:color-mix(in srgb, var(--stage-color) 5%, var(--surface-1))}.optional-module-icon{background:color-mix(in srgb, var(--stage-color) 12%, transparent);width:38px;height:38px;color:var(--stage-color);border-radius:9px;place-items:center;display:grid}.lesson-optional-module>summary>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.lesson-optional-module>summary small{color:var(--stage-text-color,var(--stage-color));font:500 8px var(--font-mono);letter-spacing:.1em}.lesson-optional-module>summary strong{color:var(--text-primary);font-size:12px}.lesson-optional-module>summary p{color:var(--text-muted);margin:1px 0 0;font-size:10px;line-height:1.55}.lesson-optional-module>summary>b{color:var(--text-muted);align-items:center;gap:6px;font-size:9px;font-weight:500;display:inline-flex}.lesson-optional-module>summary>b svg{transition:transform .18s}.lesson-optional-module[open]>summary>b svg{transform:rotate(180deg)}.lesson-optional-content{border-top:1px solid var(--border-soft);padding:0 15px 15px}.lesson-vocabulary-details .vocabulary-section{margin:15px 0 0}.lesson-comparison-details{margin-top:48px}.lesson-comparison-details .comparison-section{margin-top:15px}.vocabulary-section{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--stage-color) 3%, var(--surface-1));border-radius:13px;margin:-18px 0 48px;padding:22px}.vocabulary-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.vocabulary-heading h2{letter-spacing:-.025em;margin:0;font-size:20px}.vocabulary-heading p{max-width:440px;color:var(--text-muted);text-align:right;margin:0;font-size:10.5px;line-height:1.65}.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.vocabulary-card{border:1px solid var(--border-soft);background:var(--surface-2);cursor:pointer;text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:13px 14px;transition:border-color .16s,background .16s,transform .16s;display:flex}.vocabulary-card:hover{border-color:color-mix(in srgb, var(--stage-color) 48%, var(--border));background:color-mix(in srgb, var(--stage-color) 6%, var(--surface-2));transform:translateY(-1px)}.vocabulary-card-top{width:100%;color:var(--text-faint);justify-content:space-between;align-items:center;display:flex}.vocabulary-card-top small{font:500 7.5px var(--font-mono);letter-spacing:.08em}.vocabulary-card strong{color:var(--stage-text-color,var(--stage-color));font:600 11px var(--font-mono)}.vocabulary-card .concept-naming-compact{color:var(--text-muted);font:500 8.5px/1.55 var(--font-mono)}.vocabulary-card>span:last-child{color:var(--text-secondary);font-size:10.5px;line-height:1.7}.lesson-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:54px;display:grid}.lesson-deep-heading{border-top:1px solid var(--border-soft);max-width:760px;margin:76px 0 0;padding-top:28px}.lesson-deep-heading h2{letter-spacing:-.03em;margin:0;font-size:27px;line-height:1.25}.lesson-deep-heading p{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.75}.lesson-deep-heading+.lesson-layout{margin-top:10px}.lesson-reading{min-width:0}.card-emphasis{border:1px solid color-mix(in srgb, var(--stage-color) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--stage-color) 9%, var(--surface-1)), var(--surface-1));border-radius:12px;gap:17px;padding:22px 24px;display:flex}.section-icon{background:color-mix(in srgb, var(--stage-color) 15%, transparent);width:36px;height:36px;color:var(--stage-color);border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.eyebrow{color:var(--stage-text-color,var(--stage-color,var(--accent)));font:500 9px var(--font-mono);letter-spacing:.14em;margin-bottom:5px;display:block}.mental-model p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.8}.content-section{margin-top:52px}.section-heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.section-heading>span{border:1px solid var(--border);width:34px;height:34px;color:var(--stage-color);border-radius:9px;place-items:center;display:grid}.section-heading small{color:var(--text-faint);font:500 8px var(--font-mono);letter-spacing:.14em;display:block}.section-heading h2{letter-spacing:-.02em;margin:1px 0 0;font-size:20px;line-height:1.25}.goal-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.goal-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;min-height:126px;padding:15px}.goal-card>span{background:color-mix(in srgb, var(--stage-color) 12%, transparent);width:24px;height:24px;color:var(--stage-color);font:500 9px var(--font-mono);border-radius:6px;place-items:center;display:grid}.goal-card p{color:var(--text-secondary);margin:16px 0 0;font-size:12px;line-height:1.65}.explanation-stack{border-top:1px solid var(--border-soft)}.explanation-block{border-bottom:1px solid var(--border-soft);grid-template-columns:40px 1fr;gap:18px;padding:25px 0;display:grid}.explanation-index{color:var(--text-faint);font:400 10px var(--font-mono)}.explanation-block h3{margin:0 0 8px;font-size:15px}.explanation-block p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.85}.execution-flow-section{border:1px solid color-mix(in srgb, var(--stage-color) 30%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--stage-color) 7%, var(--surface-1)), var(--surface-1));border-radius:12px;margin-top:28px;padding:22px;overflow:hidden}.execution-flow-section>.section-heading{margin-bottom:12px}.execution-flow-section+.syntax-guide-section{margin-top:36px}.execution-flow-intro{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.execution-flow-intro>p{max-width:620px;color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.75}.flow-legend{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px 10px;display:flex}.flow-legend span{color:var(--text-muted);font:500 8px var(--font-mono);align-items:center;gap:5px;display:inline-flex}.flow-legend i{background:var(--actor-color);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--actor-color) 42%, transparent);border-radius:2px}.flow-legend [data-actor=cpu],.flow-node[data-actor=cpu]{--actor-color:#55a7ff}.flow-legend [data-actor=gpu],.flow-node[data-actor=gpu]{--actor-color:#a879ff}.flow-legend [data-actor=resource],.flow-node[data-actor=resource]{--actor-color:#f3aa4e}.flow-legend [data-actor=output],.flow-node[data-actor=output]{--actor-color:#3bcf91}.flow-lanes{gap:14px;margin-top:18px;display:grid}.flow-lane{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:10px;min-width:0;padding:14px}.flow-lane-heading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.flow-lane-heading>span{background:color-mix(in srgb, var(--stage-color) 13%, transparent);width:25px;height:25px;color:var(--stage-color);font:600 8px var(--font-mono);border-radius:6px;flex:0 0 25px;place-items:center;display:grid}.flow-lane-heading div{align-items:baseline;gap:8px;min-width:0;display:flex}.flow-lane-heading strong{color:var(--text-primary);font-size:11px}.flow-lane-heading small{color:var(--text-faint);font:500 8px var(--font-mono)}.flow-track{grid-template-columns:repeat(var(--flow-columns), minmax(0, 1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.flow-track>li{min-width:0;position:relative}.flow-track>li:not(:last-child):after{content:"";z-index:0;border-top:1px solid color-mix(in srgb, var(--stage-color) 38%, var(--border));width:20px;position:absolute;top:48px;left:100%}.flow-track>li:not(:last-child):before{content:"";z-index:1;border-top:1px solid color-mix(in srgb, var(--stage-color) 55%, var(--border));border-right:1px solid color-mix(in srgb, var(--stage-color) 55%, var(--border));width:6px;height:6px;position:absolute;top:45px;left:calc(100% + 14px);transform:rotate(45deg)}.flow-node{z-index:2;border:1px solid color-mix(in srgb, var(--actor-color) 28%, var(--border));background:var(--surface-1);border-radius:8px;height:100%;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden}.flow-node:hover{border-color:color-mix(in srgb, var(--actor-color) 62%, var(--border));transform:translateY(-1px)}.flow-node.is-emphasis{box-shadow:inset 0 2px 0 color-mix(in srgb, var(--actor-color) 76%, transparent), 0 7px 18px color-mix(in srgb, var(--actor-color) 8%, transparent)}.flow-node[open]{border-color:color-mix(in srgb, var(--actor-color) 68%, var(--border))}.flow-node summary{cursor:pointer;flex-direction:column;min-height:94px;padding:10px;list-style:none;display:flex}.flow-node summary::-webkit-details-marker{display:none}.flow-node-meta{justify-content:space-between;align-items:flex-start;gap:6px;min-width:0;display:flex}.flow-node-meta>span{background:color-mix(in srgb, var(--actor-color) 13%, transparent);color:var(--actor-color);font:600 7px var(--font-mono);letter-spacing:.05em;border-radius:4px;flex:none;padding:3px 5px}.flow-node-meta code{min-width:0;color:var(--text-faint);font:400 7px/1.35 var(--font-mono);overflow-wrap:anywhere;text-align:right}.flow-node summary>strong{color:var(--text-primary);margin-top:10px;font-size:10px;line-height:1.45}.flow-node-hint{color:var(--text-faint);font:400 7.5px var(--font-mono);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.flow-node-hint svg{transition:transform .16s}.flow-node[open] .flow-node-hint svg{transform:rotate(180deg)}.flow-node>p{border-top:1px solid color-mix(in srgb, var(--actor-color) 22%, var(--border-soft));background:color-mix(in srgb, var(--actor-color) 5%, transparent);color:var(--text-secondary);grid-template-columns:20px 1fr;gap:7px;margin:0;padding:10px;font-size:9px;line-height:1.65;display:grid}.flow-node>p>span{background:color-mix(in srgb, var(--actor-color) 13%, transparent);width:20px;height:20px;color:var(--actor-color);font:600 7px var(--font-mono);border-radius:5px;place-items:center;display:grid}.syntax-guide-section{border:1px solid color-mix(in srgb, var(--stage-color) 30%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--stage-color) 6%, var(--surface-1)), var(--surface-1));border-radius:12px;padding:22px}.syntax-guide-section>.section-heading{margin-bottom:18px}.syntax-guide-intro{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(120px,.3fr) minmax(0,1fr);gap:18px;padding-bottom:18px;display:grid}.syntax-guide-intro>span{border:1px solid color-mix(in srgb, var(--stage-color) 42%, var(--border));background:color-mix(in srgb, var(--stage-color) 9%, transparent);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--stage-color);font:600 10px var(--font-mono);border-radius:6px;padding:6px 9px}.syntax-guide-intro h3{margin:0 0 7px;font-size:16px;line-height:1.45}.syntax-guide-intro p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.8}.syntax-guide-layout{grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:16px;margin-top:18px;display:grid}.concept-reference-table{border:1px solid color-mix(in srgb, var(--stage-color,var(--accent)) 30%, var(--border));background:var(--surface-1);border-radius:9px;margin-top:16px;overflow:hidden}.concept-reference-table[open]{border-color:color-mix(in srgb, var(--stage-color,var(--accent)) 52%, var(--border))}.concept-reference-table>summary{cursor:pointer;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;list-style:none;display:grid}.concept-reference-table>summary::-webkit-details-marker{display:none}.concept-reference-table>summary:hover{background:color-mix(in srgb, var(--stage-color,var(--accent)) 5%, var(--surface-1))}.reference-table-icon{background:color-mix(in srgb, var(--stage-color,var(--accent)) 12%, transparent);width:30px;height:30px;color:var(--stage-color,var(--accent));border-radius:7px;place-items:center;display:grid}.reference-table-summary{flex-direction:column;gap:3px;min-width:0;display:flex}.reference-table-summary strong{color:var(--text-primary);font-size:11px}.reference-table-summary small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.5;overflow:hidden}.reference-table-action{color:var(--text-faint);white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.reference-table-action b{background:color-mix(in srgb, var(--stage-color,var(--accent)) 11%, transparent);color:var(--stage-color,var(--accent));font:600 8px var(--font-mono);border-radius:5px;padding:3px 6px}.reference-table-action svg{transition:transform .16s}.concept-reference-table[open] .reference-table-action svg{transform:rotate(180deg)}.concept-reference-table[open] .reference-table-action>span{font-size:0}.concept-reference-table[open] .reference-table-action>span:after{content:"点击收起";font-size:8px}.reference-table-content{border-top:1px solid var(--border-soft)}.reference-table-scroll{max-height:min(440px,52vh);overflow:auto}.reference-table-scroll table{border-collapse:collapse;width:100%;min-width:680px;font-size:9px}.reference-table-scroll th,.reference-table-scroll td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:8px 10px;line-height:1.55}.reference-table-scroll thead th{z-index:1;background:var(--surface-2);color:var(--text-faint);font:500 8px var(--font-mono);letter-spacing:.04em;position:sticky;top:0}.reference-table-scroll tbody th{background:color-mix(in srgb, var(--stage-color,var(--accent)) 3%, transparent);color:var(--text-primary);font-weight:500}.reference-table-scroll tbody tr:last-child>*{border-bottom:0}.reference-table-scroll code{color:var(--stage-color,var(--accent));font:500 8.5px/1.5 var(--font-mono);white-space:nowrap}.reference-table-content footer{border-top:1px solid var(--border-soft);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:14px;padding:9px 11px;display:flex}.reference-table-content footer p{color:var(--text-muted);margin:0;font-size:8px;line-height:1.6}.reference-table-content footer a{color:var(--stage-color,var(--accent));white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:8px;display:inline-flex}.syntax-example{border:1px solid var(--border);background:var(--editor-bg);border-radius:9px;min-width:0;margin:0;overflow:hidden}.syntax-example figcaption{border-bottom:1px solid var(--border);height:35px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 11px;font-size:9px;display:flex}.syntax-example figcaption code{color:var(--stage-text-color,var(--stage-color));font:500 8px var(--font-mono);text-transform:uppercase}.syntax-example pre{max-height:390px;color:var(--editor-text);font:400 10.5px/1.65 var(--font-mono);tab-size:2;margin:0;padding:13px 14px 16px;overflow:auto}.syntax-example pre code{font:inherit}.syntax-breakdown{min-width:0;padding:4px 2px}.syntax-breakdown ol{gap:13px;margin:12px 0 0;padding:0;list-style:none;display:grid}.syntax-breakdown li{grid-template-columns:26px 1fr;gap:9px;display:grid}.syntax-breakdown li>span{background:color-mix(in srgb, var(--stage-color) 11%, transparent);width:25px;height:25px;color:var(--stage-color);font:500 8px var(--font-mono);border-radius:6px;place-items:center;display:grid}.syntax-breakdown strong{color:var(--text-primary);font-size:10.5px;display:block}.syntax-breakdown p{color:var(--text-muted);margin:3px 0 0;font-size:9.5px;line-height:1.65}.syntax-result{border:1px dashed color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 5%, transparent);border-radius:8px;align-items:flex-start;gap:9px;margin-top:16px;padding:11px 12px;display:flex}.syntax-result>span{background:color-mix(in srgb, var(--success) 13%, transparent);width:24px;height:24px;color:var(--success);border-radius:6px;flex:0 0 24px;place-items:center;display:grid}.syntax-result small{color:var(--success);font:500 8px var(--font-mono);letter-spacing:.08em;display:block}.syntax-result p{color:var(--text-secondary);margin:3px 0 0;font-size:10.5px;line-height:1.65}.lesson-side-notes{top:calc(var(--topbar-height) + 24px);gap:12px;display:grid;position:sticky}.side-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;padding:17px 18px}.side-card header{color:var(--stage-color);align-items:center;gap:8px;margin-bottom:11px;display:flex}.side-card h3{color:var(--text-primary);margin:0;font-size:12px}.side-card ol,.side-card ul{color:var(--text-secondary);margin:0;padding-left:19px;font-size:11px;line-height:1.75}.side-card li+li{margin-top:6px}.expected-card{background:color-mix(in srgb, var(--stage-color) 6%, var(--surface-1))}.warning-card header{color:var(--warning)}.warning-card{border-color:color-mix(in srgb, var(--warning) 24%, var(--border-soft))}.relation-flow{grid-template-columns:1fr 22px 1.15fr 22px 1fr;align-items:center;gap:8px;display:grid}.relation-column{gap:7px;display:grid}.relation-column>small{color:var(--text-faint);font:500 8px var(--font-mono);letter-spacing:.1em;margin-bottom:2px}.relation-card,.relation-current,.relation-empty{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:9px;align-items:center;gap:9px;min-height:54px;padding:9px 10px;display:flex}.relation-card:hover{border-color:var(--relation-color);transform:translateY(-1px)}.relation-card>span,.relation-current>span{background:color-mix(in srgb, var(--relation-color,var(--stage-color)) 11%, transparent);width:25px;height:25px;color:var(--relation-color,var(--stage-color));font:500 8px var(--font-mono);border-radius:6px;flex:0 0 25px;place-items:center;display:grid}:root[data-theme=light] .relation-card>span,:root[data-theme=light] .relation-current>span{color:color-mix(in srgb, var(--relation-color,var(--stage-color)) 42%, var(--text-primary))}.relation-card strong,.relation-current strong{font-size:9.5px;line-height:1.4}.relation-current{border-color:color-mix(in srgb, var(--stage-color) 42%, var(--border));background:color-mix(in srgb, var(--stage-color) 8%, var(--surface-1))}.relation-empty{color:var(--text-muted);font-size:9px}.relation-arrow{color:var(--text-faint);place-items:center;display:grid}.comparison-section{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 4%, var(--surface-1)), var(--surface-1));border-radius:13px;margin-top:62px;padding:24px}.comparison-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.comparison-heading h2{letter-spacing:-.03em;margin:0;font-size:22px}.comparison-heading p{max-width:680px;color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.7}.api-mode-switch{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex:none;gap:6px;padding:4px;display:flex}.api-mode-option{min-width:130px;min-height:47px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;padding:6px 8px;display:grid}.api-mode-option:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.api-mode-option.is-selected{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));background:var(--accent-soft);color:var(--text-primary)}.api-mode-option.is-unavailable{cursor:not-allowed;opacity:.55}.api-mode-mark,.api-badge{width:26px;height:26px;font:700 8px var(--font-mono);border-radius:7px;place-items:center;display:grid}.api-mode-option[data-api-mode=webgpu] .api-mode-mark,.api-badge-webgpu{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.api-mode-option[data-api-mode=webgl] .api-mode-mark,.api-badge-webgl{color:#f28f5b;background:#f28f5b29}.api-badge-web{color:#5fb8ff;background:#5fb8ff29;width:38px}.api-badge-native{color:#8d9cff;background:#8d9cff29;width:48px;font-size:7px}.media-comparison .comparison-summary.is-active:first-child{border-color:color-mix(in srgb, #5fb8ff 35%, var(--border))}.media-comparison .comparison-summary.is-active:last-child{border-color:color-mix(in srgb, #8d9cff 35%, var(--border))}.api-mode-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.api-mode-copy strong{font-size:11px}.api-mode-copy small,.api-mode-status{color:var(--text-faint);white-space:nowrap;font-size:8px}.api-mode-option.is-selected .api-mode-status{color:var(--accent)}:root[data-theme=light] .api-mode-option.is-selected .api-mode-status,:root[data-theme=light] .api-mode-option[data-api-mode=webgpu] .api-mode-mark,:root[data-theme=light] .api-badge-webgpu{color:var(--accent-strong)}:root[data-theme=light] .api-mode-option[data-api-mode=webgl] .api-mode-mark,:root[data-theme=light] .api-badge-webgl{color:#9b431b}.comparison-summaries{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.comparison-summary{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;min-width:0;padding:15px}.comparison-summary.is-active{border-color:color-mix(in srgb, var(--accent) 43%, var(--border));box-shadow:inset 0 2px 0 var(--accent)}.comparison-summary header{align-items:center;gap:9px;display:flex}.comparison-summary header>div{flex-direction:column;min-width:0;display:flex}.comparison-summary header strong{font-size:12px}.comparison-summary header small{color:var(--text-faint);font-size:8px}.comparison-summary p{min-height:42px;color:var(--text-secondary);margin:12px 0 14px;font-size:11px;line-height:1.7}.comparison-flow{align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.comparison-flow li{min-width:max-content;color:var(--text-muted);align-items:center;gap:4px;font-size:8px;display:inline-flex}.comparison-flow li+li:before{color:var(--text-faint);content:"→";margin-right:1px}.comparison-flow li span{background:var(--surface-3);width:16px;height:16px;color:var(--text-faint);font:500 7px var(--font-mono);border-radius:4px;place-items:center;display:grid}.comparison-table-wrap{border:1px solid var(--border-soft);border-radius:9px;margin-top:12px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:620px;font-size:10px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:9px 11px}.comparison-table thead th{color:var(--text-faint);background:var(--surface-2);font:500 8px var(--font-mono);letter-spacing:.04em}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody th{width:18%;color:var(--text-secondary);font-size:9px;font-weight:600}.comparison-table code{color:var(--text-secondary);font:400 9px/1.55 var(--font-mono);white-space:normal;word-break:break-word}.migration-tip{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:7px;margin:12px 0 0;padding:10px 12px;font-size:10px;line-height:1.65;display:flex}.migration-tip>span{color:var(--accent)}.migration-tip strong{color:var(--accent);flex:none;font-size:9px}.lab-section{margin-top:72px;scroll-margin-top:85px}.lesson-primary-lab{margin-top:44px}.lab-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.lab-heading h2{letter-spacing:-.03em;margin:0;font-size:27px}.lab-heading p{color:var(--text-muted);margin:5px 0 0;font-size:12px}.shortcut-hint{color:var(--text-faint);white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.shortcut-hint kbd{min-width:24px}.lab-workspace{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);display:grid;overflow:hidden;box-shadow:0 20px 60px #00000024}.panel{min-width:0}.preview-pane{border-left:1px solid var(--border)}.panel-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;height:49px;padding:0 10px 0 14px;display:flex}.panel-title,.toolbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.panel-title{color:var(--text-muted)}.panel-title strong{color:var(--text-secondary);font:500 10px var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-title>span:not(.live-dot){color:var(--text-faint);white-space:nowrap;font-size:9px}.toolbar-button{color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:6px 7px;font-size:9px;display:inline-flex}.toolbar-button:hover{background:var(--surface-hover);color:var(--text-primary)}.run-button{background:var(--accent);color:#071512;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:7px;height:31px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.run-button:hover{background:color-mix(in srgb, var(--accent) 88%, white)}.button-spinner{border:2px solid #0715124d;border-top-color:#071512;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}:root[data-theme=light] .run-button{color:#fff}:root[data-theme=light] .run-button .button-spinner{border-color:#fff #ffffff59 #ffffff59}@keyframes spin{to{transform:rotate(360deg)}}.editor-host{background:var(--editor-bg);height:590px}.preview-frame-wrap{background:#070a0f;height:454px;position:relative;overflow:hidden}.preview-frame-wrap iframe{background:#090d13;border:0;width:100%;height:100%}.preview-placeholder{color:#d4dde6;background:radial-gradient(circle at 50% 45%,#68dfcd12,#0000 40%),#090d13;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .2s,visibility .2s;display:flex;position:absolute;inset:0}.preview-placeholder.is-hidden{opacity:0;visibility:hidden}.preview-placeholder strong{margin-top:14px;font-size:12px}.preview-placeholder small{color:#687585;text-align:center;max-width:300px;font-size:9px}.placeholder-orbit{border:1px solid #68dfcd38;border-radius:50%;width:56px;height:56px;animation:7s linear infinite spin;position:relative}.placeholder-orbit i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute}.placeholder-orbit i:first-child{top:-4px;left:24px}.placeholder-orbit i:nth-child(2){background:var(--blue);box-shadow:0 0 14px var(--blue);bottom:5px;left:2px}.placeholder-orbit i:nth-child(3){opacity:.45;bottom:5px;right:2px}.live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%}.runner-state[data-state=error]{color:var(--danger)!important}.runner-state[data-state=success]{color:var(--success)!important}.console-panel{border-top:1px solid var(--border);background:var(--editor-bg);height:136px}.console-panel summary{border-bottom:1px solid var(--border-soft);height:35px;color:var(--text-muted);cursor:pointer;font:500 9px var(--font-mono);align-items:center;gap:7px;padding:0 13px;list-style:none;display:flex}.console-panel summary::-webkit-details-marker{display:none}.console-panel summary span{color:var(--text-faint);margin-left:auto}.console-output{height:100px;color:var(--text-secondary);font:400 9px/1.6 var(--font-mono);padding:8px 11px;overflow:auto}.console-empty{color:var(--text-faint)}.console-line{grid-template-columns:41px 1fr;gap:8px;padding:2px 0;display:grid}.console-line pre{white-space:pre-wrap;word-break:break-word;min-width:0;font:inherit;margin:0}.console-level{color:var(--text-faint);font-size:8px}.console-error .console-level,.console-error pre{color:var(--danger)}.console-warn .console-level{color:var(--warning)}.console-info .console-level{color:var(--blue)}.challenge-card{border:1px dashed color-mix(in srgb, var(--stage-color) 42%, var(--border));background:color-mix(in srgb, var(--stage-color) 5%, var(--surface-1));border-radius:11px;align-items:center;gap:15px;margin-top:12px;padding:18px 20px;display:flex}.challenge-card>span{background:color-mix(in srgb, var(--stage-color) 13%, transparent);width:38px;height:38px;color:var(--stage-color);border-radius:9px;place-items:center;display:grid}.challenge-card small{color:var(--stage-text-color,var(--stage-color));font:500 8px var(--font-mono);letter-spacing:.1em}.challenge-card h3{margin:3px 0 0;font-size:12px;line-height:1.55}.source-section{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:27px 0;display:flex}.source-section h2{margin:0;font-size:18px}.source-links{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.source-links a{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:inline-flex}.source-links a:hover{border-color:var(--stage-color);color:var(--text-primary);transform:translateY(-1px)}.lesson-pagination{grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;display:grid}.page-link{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;align-items:center;gap:13px;min-height:74px;padding:13px 16px;display:flex}.page-link:hover{border-color:color-mix(in srgb, var(--stage-color) 45%, var(--border));transform:translateY(-2px)}.page-link.next{text-align:right;justify-content:flex-end}.page-link span{flex-direction:column;min-width:0;display:flex}.page-link small{color:var(--text-faint);font-size:9px}.page-link strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.modal-layer[hidden]{display:none}.modal-layer{z-index:500;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060aba;position:absolute;inset:0}.command-dialog,.large-dialog{z-index:1;border:1px solid var(--border);background:var(--surface-1);width:min(680px,100%);max-height:min(760px,100vh - 64px);box-shadow:var(--shadow-lg);border-radius:14px;position:relative;overflow:hidden}.command-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:11px;height:62px;padding:0 16px;display:flex}.command-input-wrap svg{color:var(--accent)}.command-input-wrap input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:15px}.command-input-wrap input::placeholder{color:var(--text-faint)}.search-results{max-height:530px;padding:9px;overflow-y:auto}.search-result{width:100%;min-height:62px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:11px;padding:9px 11px;display:grid}.search-result:hover,.search-result.is-selected{border-color:color-mix(in srgb, var(--result-color) 32%, var(--border));background:color-mix(in srgb, var(--result-color) 7%, var(--surface-2))}.search-result-index{background:color-mix(in srgb, var(--result-color) 11%, transparent);width:30px;height:30px;color:var(--result-color);font:500 9px var(--font-mono);border-radius:7px;place-items:center;display:grid}.search-result-copy{flex-direction:column;min-width:0;display:flex}.search-result-copy strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-result-copy small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.search-result-tags{gap:4px;display:flex}.search-result-tags i{background:var(--surface-3);color:var(--text-muted);font:normal 8px var(--font-mono);border-radius:4px;padding:3px 5px}mark{background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--text-primary);border-radius:2px;padding:0 1px}.command-dialog>footer{border-top:1px solid var(--border);height:38px;color:var(--text-faint);align-items:center;gap:17px;padding:0 15px;font-size:8px;display:flex}.command-dialog>footer span:last-child{margin-left:auto}.empty-search{min-height:160px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-search strong{font-size:13px}.empty-search span{margin-top:4px;font-size:10px}.large-dialog{flex-direction:column;width:min(1240px,100%);height:min(820px,100vh - 48px);display:flex}.modal-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:flex-start;padding:22px 25px;display:flex}.modal-header h2{letter-spacing:-.03em;margin:0;font-size:23px}.modal-header p{color:var(--text-muted);margin:4px 0 0;font-size:10px}.graph-legend{border-bottom:1px solid var(--border-soft);background:var(--surface-2);flex-wrap:wrap;gap:14px;padding:10px 25px;display:flex}.graph-legend span{color:var(--text-muted);align-items:center;gap:6px;font-size:9px;display:inline-flex}.graph-legend i{background:var(--legend-color);border-radius:50%;width:7px;height:7px}.graph-scroll{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 30%), var(--bg-soft);flex:1;overflow:auto}.concept-graph{min-width:100%;display:block}.graph-stage-label{fill:var(--text-muted);font:600 10px var(--font-sans);letter-spacing:.05em}.graph-edge{fill:none;stroke:var(--border);stroke-width:1.2px;opacity:.8}.graph-edges marker path{fill:var(--text-faint)}.graph-node{cursor:pointer}.graph-node rect{fill:var(--surface-1);stroke:var(--border);transition:fill .15s,stroke .15s}.graph-node circle{fill:color-mix(in srgb, var(--node-color) 12%, var(--surface-2));stroke:color-mix(in srgb, var(--node-color) 42%, var(--border))}.graph-node-title{fill:var(--text-primary);font:600 9.5px var(--font-sans)}.graph-node-meta{fill:var(--text-faint);font:400 7.5px var(--font-mono)}.graph-node-number{fill:var(--node-color);font:600 8px var(--font-mono)}.graph-node:hover rect,.graph-node.is-active rect{fill:color-mix(in srgb, var(--node-color) 8%, var(--surface-1));stroke:var(--node-color)}.graph-node.is-complete rect{stroke:color-mix(in srgb, var(--success) 50%, var(--border))}.modal-footer{border-top:1px solid var(--border);min-height:50px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;padding:8px 25px;font-size:9px;display:flex}.secondary-button{border:1px solid var(--border);color:var(--text-secondary);border-radius:7px;padding:7px 10px;font-size:9px}.secondary-button:hover{border-color:var(--danger);color:var(--danger)}.glossary-dialog{width:min(1540px,100vw - 24px);height:min(960px,100dvh - 24px);max-height:calc(100dvh - 24px)}.glossary-tools{border-bottom:1px solid var(--border);background:var(--surface-2);flex:none;align-items:center;gap:8px;padding:9px 18px;display:flex}.glossary-search{border:1px solid var(--border);background:var(--surface-1);min-width:0;height:36px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.glossary-search input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:12px}.glossary-category{border:1px solid var(--border);background:var(--surface-1);height:36px;color:var(--text-muted);border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 9px 0 11px;font-size:9px;display:flex;position:relative}.glossary-category span{color:var(--text-faint)}.glossary-category select{appearance:none;min-width:112px;color:var(--text-secondary);cursor:pointer;font:500 10px var(--font-sans);background:0 0;border:0;outline:0;padding:0 22px 0 0}.glossary-category svg{pointer-events:none;position:absolute;right:8px}.concept-lens-detail{min-width:0;padding:20px 24px 24px;overflow-y:auto}.concept-lens-hero{border-bottom:1px solid var(--border-soft);padding-bottom:20px}.concept-lens-hero>span{color:var(--accent);font:500 8px var(--font-mono);letter-spacing:.09em}.concept-lens-hero h3,.concept-lens-hero h1{letter-spacing:-.025em;margin:5px 0 8px;font-size:27px;line-height:1.2}.concept-lens-hero p{max-width:820px;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.8}.concept-naming{flex-wrap:wrap;gap:7px;max-width:820px;margin:0 0 12px;display:flex}.concept-naming div{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border-soft));background:color-mix(in srgb, var(--accent) 4%, var(--surface-2));border-radius:7px;min-width:min(260px,100%);padding:8px 10px}.concept-naming dt{color:var(--text-faint);font:500 7px/1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.concept-naming dd{color:var(--text-primary);font:550 9.5px/1.5 var(--font-mono);margin:3px 0 0}.concept-lens-question{margin-top:18px}.concept-lens-question>small{color:var(--accent);font:500 8px var(--font-mono);letter-spacing:.08em}.concept-lens-question>h4{margin:5px 0 7px;font-size:17px;line-height:1.45}.concept-lens-question>p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.75}.concept-lens-question>div{border:1px dashed color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 5%, transparent);color:var(--accent);border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:9px 10px;display:flex}.concept-lens-question>div p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.65}.concept-lens-question>div strong{color:var(--text-secondary)}.concept-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.concept-focus-card{border:1px solid var(--border);background:var(--surface-1);border-radius:10px;min-width:0;padding:14px}.concept-focus-card>header{align-items:flex-start;gap:9px;display:flex}.concept-focus-card>header>span{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:7px;flex:0 0 28px;place-items:center;display:grid}.concept-focus-card>header small{color:var(--accent);font:500 7.5px var(--font-mono);letter-spacing:.08em;display:block}.concept-focus-card>header h4{margin:3px 0 0;font-size:13px;line-height:1.4}.concept-course-contexts,.concept-related-contexts{gap:7px;margin-top:12px;display:grid}.concept-course-contexts button,.concept-related-contexts button,.concept-course-contexts a,.concept-related-contexts a{border:1px solid var(--border-soft);background:var(--surface-2);min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;padding:10px;transition:border-color .15s,background .15s;display:grid}.concept-course-contexts button:hover,.concept-related-contexts button:hover,.concept-course-contexts a:hover,.concept-related-contexts a:hover{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface-2))}.concept-course-contexts button>span,.concept-course-contexts a>span{min-width:34px;color:var(--accent);font:550 7.5px/1.5 var(--font-mono);grid-row:1/3}.concept-course-contexts strong,.concept-related-contexts strong{min-width:0;color:var(--text-primary);font-size:9.5px;line-height:1.45}.concept-course-contexts small,.concept-related-contexts small{min-width:0;color:var(--text-muted);font-size:8.5px;line-height:1.6}.concept-related-contexts button,.concept-related-contexts a{grid-template-columns:1fr}.concept-category-context{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 2.5%, var(--surface-1));border-radius:11px;margin-top:18px;padding:16px}.concept-category-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.concept-category-heading h4{margin:4px 0 0;font-size:15px;line-height:1.45}.concept-category-heading>p{max-width:520px;color:var(--text-muted);text-align:right;margin:0;font-size:8.5px;line-height:1.65}.concept-category-heading>p strong{color:var(--text-secondary)}.concept-lens-example-layout{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);align-items:start;gap:16px;margin-top:18px;display:grid}.concept-lens-code{border:1px solid var(--border);background:var(--editor-bg);border-radius:9px;min-width:0;margin:0;overflow:hidden}.concept-lens-code figcaption{border-bottom:1px solid var(--border);min-height:38px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:0 11px;font-size:8px;display:flex}.concept-lens-code figcaption>div{align-items:center;gap:7px;display:flex}.concept-lens-code figcaption code{color:var(--accent);font:500 7.5px var(--font-mono);text-transform:uppercase}.concept-lens-code figcaption button{border:1px solid var(--border);color:var(--text-muted);border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:7.5px;display:inline-flex}.concept-lens-code figcaption button:hover{border-color:var(--accent);color:var(--accent)}.concept-lens-code pre{max-height:340px;color:var(--editor-text);font:400 10px/1.65 var(--font-mono);tab-size:2;margin:0;padding:14px;overflow:auto}.concept-lens-code pre code{font:inherit}.concept-lens-breakdown{min-width:0;padding:3px 0}.concept-lens-breakdown ol{gap:12px;margin:11px 0 0;padding:0;list-style:none;display:grid}.concept-lens-breakdown li{grid-template-columns:25px 1fr;gap:9px;display:grid}.concept-lens-breakdown li>span{background:var(--accent-soft);width:25px;height:25px;color:var(--accent);font:500 7.5px var(--font-mono);border-radius:6px;place-items:center;display:grid}.concept-lens-breakdown strong{color:var(--text-primary);font-size:10px;display:block}.concept-lens-breakdown p{color:var(--text-muted);margin:3px 0 0;font-size:9px;line-height:1.65}.concept-lens-result{border:1px dashed color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 5%, transparent);border-radius:8px;align-items:flex-start;gap:9px;margin-top:17px;padding:11px 12px;display:flex}.concept-lens-result>span{background:color-mix(in srgb, var(--success) 13%, transparent);width:25px;height:25px;color:var(--success);border-radius:6px;flex:0 0 25px;place-items:center;display:grid}.concept-lens-result small{color:var(--success);font:500 7.5px var(--font-mono);letter-spacing:.08em;display:block}.concept-lens-result p{color:var(--text-secondary);margin:3px 0 0;font-size:10px;line-height:1.65}.concept-lens-links{border-top:1px solid var(--border-soft);gap:9px;margin-top:18px;padding-top:15px;display:grid}.concept-lens-links>div{overscroll-behavior:contain;scrollbar-gutter:stable;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:5px;max-height:min(170px,24dvh);display:flex;overflow-y:auto}.concept-lens-links small{width:70px;color:var(--text-faint);font-size:7.5px}.concept-lens-links button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:4px 7px;font-size:8px}.concept-lens-links button:hover{border-color:var(--accent);color:var(--accent)}.concept-permalink{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--accent-soft);width:-moz-fit-content;width:fit-content;color:var(--accent);border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.concepts-page{width:min(1320px,100%);margin:0 auto;padding:62px 48px 80px}.concepts-page-hero{max-width:800px}.concepts-page-hero h1{letter-spacing:-.045em;margin:7px 0 12px;font-size:clamp(36px,5vw,62px);line-height:1.1}.concepts-page-hero>p{max-width:700px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}.concepts-page-hero>div{color:var(--text-muted);align-items:center;gap:8px;margin-top:20px;font-size:10px;display:flex}.concepts-page-hero>div strong{color:var(--accent);font:650 18px var(--font-mono)}.concepts-page-hero>div i{background:var(--text-faint);border-radius:50%;width:3px;height:3px;margin:0 4px}.concepts-explorer{margin-top:42px}.concepts-explorer .glossary-tools{background:0 0;border:0;padding:0}.concepts-explorer .glossary-search,.concepts-explorer .glossary-category{height:44px}.concepts-results-heading{justify-content:space-between;align-items:center;gap:16px;margin:18px 0 10px;display:flex}.concepts-results-heading strong{color:var(--text-secondary);font-size:11px}.concepts-results-heading span{color:var(--text-faint);font-size:9px}.concepts-groups{gap:34px;display:grid}.concept-result-group{min-width:0}.concept-result-group>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px;padding-bottom:9px;display:flex}.concept-result-group>header h2{letter-spacing:-.02em;margin:0;font-size:18px}.concept-result-group>header span{color:var(--text-faint);font-size:10px}.concepts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.concepts-grid>.empty-search{border:1px dashed var(--border);border-radius:12px;grid-column:1/-1;min-height:260px}.concepts-groups>.empty-search{border:1px dashed var(--border);border-radius:12px;min-height:260px}.concept-index-card{border:1px solid var(--border-soft);background:var(--surface-1);min-width:0;min-height:184px;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:11px;flex-direction:column;align-items:stretch;padding:17px;transition:border-color .16s,background .16s,transform .16s;display:flex}.concept-index-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface-1));transform:translateY(-2px)}.concept-index-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.concept-index-card-top small{color:var(--accent);font:550 8px var(--font-mono);letter-spacing:.07em}.concept-index-card-top code{color:var(--text-faint);font:500 7px var(--font-mono)}.concept-index-card>strong{color:var(--text-primary);margin-top:14px;font-size:15px;line-height:1.35}.concept-index-card>span:not(.concept-index-card-top){color:var(--text-muted);margin-top:7px;font-size:9.5px;line-height:1.65}.concept-index-card>.concept-naming-compact{color:var(--accent);font:500 8px/1.55 var(--font-mono)}.concept-index-card>.concept-index-card-footer{color:var(--text-faint);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.concept-index-card-footer small{font-size:7.5px}.concept-index-card-footer svg{color:var(--accent);transition:transform .16s}.concept-index-card:hover .concept-index-card-footer svg{transform:translate(3px)}.concept-index-card-top small{font-size:9px}.concept-index-card-top code{font-size:8.5px}.concept-index-card>span:not(.concept-index-card-top){font-size:11px}.concept-index-card>.concept-naming-compact,.concept-index-card-footer small{font-size:9.5px}.concepts-pagination{border-top:1px solid var(--border-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:34px;padding-top:18px;display:grid}.concepts-pagination>span{color:var(--text-muted);text-align:center;font-size:11px}.concepts-pagination>a{border:1px solid var(--border);background:var(--surface-1);min-height:38px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:inline-flex}.concepts-pagination>a:last-child{justify-self:end}.concepts-pagination>a:hover{border-color:var(--accent);color:var(--accent)}.concepts-pagination>a.is-disabled{pointer-events:none;opacity:.4}.concept-detail-page{width:min(1180px,100%);margin:0 auto;padding:42px 48px 82px}.concept-detail-breadcrumbs{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.concept-detail-breadcrumbs a{color:var(--accent);align-items:center;gap:7px;font-size:11px;display:inline-flex}.concept-detail-breadcrumbs span{color:var(--text-muted);font-size:10px}.concept-detail-page>.concept-lens-detail{padding:34px 0 0;overflow:visible}.concept-detail-page .concept-lens-hero h1{font-size:clamp(38px,5vw,62px)}.concept-detail-page .concept-lens-hero p{font-size:15px}.concept-detail-page .concept-lens-question>h4{font-size:22px}.concept-detail-page .concept-lens-question>p{font-size:13px}.concept-detail-page .concept-focus-card>header h4{font-size:15px}.concept-detail-page .concept-course-contexts strong,.concept-detail-page .concept-related-contexts strong{font-size:12px}.concept-detail-page .concept-course-contexts small,.concept-detail-page .concept-related-contexts small{font-size:10.5px}.concept-detail-dialog{width:min(1280px,100vw - 24px);height:min(940px,100dvh - 24px)}.concept-detail-close{z-index:3;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 90%, transparent);position:absolute;top:15px;right:16px;box-shadow:0 6px 18px #00000029}.concept-detail-dialog .concept-lens-detail{overscroll-behavior:contain;scrollbar-gutter:stable;outline:0;flex:1;min-height:0;padding:34px 42px 46px;overflow-y:auto}.concept-detail-dialog .concept-lens-hero{padding-right:52px}.concept-detail-dialog .reference-table-scroll{height:min(680px,66dvh);max-height:min(680px,66dvh)}.concept-detail-dialog .concept-lens-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:min(680px,66dvh)}.concept-code-comment{color:color-mix(in srgb, var(--accent) 62%, var(--text-muted));font-style:italic}@media (min-width:1181px){.glossary-dialog .concept-lens-detail{grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);grid-template-areas:"hero question""focus focus""category category""links links";align-content:start;gap:13px 24px;display:grid}.glossary-dialog .concept-lens-hero{border-right:1px solid var(--border-soft);border-bottom:0;grid-area:hero;padding:0 24px 0 0}.glossary-dialog .concept-lens-question{grid-area:question;margin-top:0}.glossary-dialog .concept-lens-question>div{margin-top:9px}.glossary-dialog .concept-focus-grid{grid-area:focus;margin-top:0}.glossary-dialog .concept-category-context{grid-area:category;margin-top:0}.glossary-dialog .concept-lens-code pre{max-height:min(680px,66dvh)}.glossary-dialog .concept-lens-breakdown ol{gap:9px}.glossary-dialog .concept-lens-links{grid-area:links;margin-top:0}.glossary-dialog .concept-lens-detail.has-reference-table{grid-template-areas:"hero question""focus focus""reference reference""category category""links links"}.glossary-dialog .concept-reference-table{grid-area:reference;margin-top:0}}.toast-region{z-index:900;gap:8px;display:grid;position:fixed;bottom:22px;right:22px}.toast{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));background:var(--surface-1);min-width:190px;box-shadow:var(--shadow-lg);color:var(--text-secondary);opacity:0;border-radius:9px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;transition:opacity .18s,transform .18s;display:flex;transform:translateY(8px)}.toast svg{color:var(--success)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1180px){.topbar{grid-template-columns:var(--sidebar-width) minmax(220px, 1fr) auto}.topbar-button span{display:none}.lesson-page,.concepts-page{padding-left:38px;padding-right:38px}.concepts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr) 245px;gap:34px}.lab-workspace{grid-template-columns:1fr}.preview-pane{border-left:0;border-top:1px solid var(--border)}.editor-host{height:520px}}@media (max-width:900px){:root{--sidebar-width:286px;--topbar-height:60px}.topbar{grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;padding:0 14px}.mobile-menu{display:inline-grid}.brand-copy{display:none}.global-search{width:100%;min-width:0}.global-search kbd{display:none}.sidebar{z-index:300;box-shadow:var(--shadow-lg);transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:290;inset:var(--topbar-height) 0 0;opacity:0;visibility:hidden;background:#00000080;transition:all .2s;display:block;position:fixed}.sidebar-scrim.is-open{opacity:1;visibility:visible}.main{margin-left:0}.lesson-page{padding:46px 28px 60px}.lesson-layout{grid-template-columns:1fr}.lesson-side-notes{grid-template-columns:repeat(3,1fr);position:static}.syntax-guide-layout,.relation-flow{grid-template-columns:1fr}.relation-arrow{transform:rotate(90deg)}.comparison-heading{flex-direction:column}.api-mode-switch{width:100%}.api-mode-option{flex:1}.concept-lens-detail{padding:22px}.concept-detail-dialog .concept-lens-detail{padding:30px 34px 42px}.concept-focus-grid,.concept-lens-example-layout{grid-template-columns:1fr}.concept-category-heading{flex-direction:column;align-items:flex-start;gap:7px}.concept-category-heading>p{text-align:left;max-width:none}.concept-detail-page{padding:34px 28px 68px}}@media (max-width:650px){.topbar{grid-template-columns:auto auto 1fr auto}.global-search span{display:none}.global-search{justify-content:center;justify-self:end;width:40px;min-width:40px;padding:0}.topbar-actions .topbar-button{display:none}.topbar-actions #open-glossary{display:inline-flex}.lesson-page{padding:34px 18px 48px}.concepts-page{padding:34px 18px 52px}.concepts-page-hero h1{font-size:38px}.concepts-page-hero>p{font-size:13px}.concepts-explorer{margin-top:30px}.concepts-results-heading{flex-direction:column;align-items:flex-start;gap:2px}.concepts-grid{grid-template-columns:1fr}.concept-index-card{min-height:168px}.concept-detail-page{padding:28px 18px 54px}.concepts-pagination{grid-template-columns:1fr 1fr}.concepts-pagination>span{grid-area:1/1/auto/-1}.concepts-pagination>a{grid-row:2}.lesson-hero h1{font-size:36px}.lesson-summary{font-size:15px}.lesson-hero-actions{flex-wrap:wrap}.concept-ribbon{align-items:flex-start}.vocabulary-section{padding:17px}.vocabulary-heading{flex-direction:column;align-items:flex-start;gap:8px}.vocabulary-heading p{text-align:left}.vocabulary-grid{grid-template-columns:1fr}.execution-flow-section{padding:17px}.execution-flow-intro{flex-direction:column;align-items:flex-start;gap:12px}.flow-legend{justify-content:flex-start}.flow-lane{padding:12px}.flow-lane-heading div{flex-direction:column;align-items:flex-start;gap:2px}.flow-track{gap:20px;grid-template-columns:1fr!important}.flow-track>li:not(:last-child):after{border-top:0;border-left:1px solid color-mix(in srgb, var(--stage-color) 38%, var(--border));width:0;height:20px;top:100%;left:18px}.flow-track>li:not(:last-child):before{top:calc(100% + 13px);left:15px;transform:rotate(135deg)}.flow-node summary{min-height:88px}.flow-node-meta code{font-size:7.5px}.flow-node summary>strong{font-size:11px}.syntax-guide-section{padding:17px}.syntax-guide-intro{grid-template-columns:1fr;gap:12px}.concept-reference-table>summary{grid-template-columns:30px minmax(0,1fr)}.reference-table-action{grid-column:2;justify-content:flex-start}.reference-table-summary small{white-space:normal}.reference-table-content footer{flex-direction:column}.goal-grid,.lesson-side-notes{grid-template-columns:1fr}.goal-card{min-height:0}.comparison-section{padding:17px}.comparison-summaries{grid-template-columns:1fr}.api-mode-switch{flex-direction:column}.api-mode-option{width:100%}.lab-heading,.source-section{flex-direction:column;align-items:flex-start}.shortcut-hint{display:none}.panel-toolbar{flex-wrap:wrap;height:auto;min-height:49px;padding-top:7px;padding-bottom:7px}.toolbar-button span{display:none}.editor-host{height:470px}.preview-frame-wrap{height:380px}.lesson-pagination{grid-template-columns:1fr}.modal-layer{padding:10px}.command-dialog,.large-dialog{border-radius:11px;max-height:calc(100vh - 20px)}.large-dialog{height:calc(100vh - 20px)}.search-result{grid-template-columns:30px minmax(0,1fr) 16px}.search-result-tags{display:none}.modal-header{padding:18px}.graph-legend,.glossary-tools{padding-left:14px;padding-right:14px}.glossary-tools{flex-direction:column;align-items:stretch}.glossary-category{width:100%}.glossary-category select{flex:1}.concept-lens-detail{padding:17px 16px 24px}.concept-detail-dialog .concept-lens-detail{padding:24px 17px 34px}.concept-detail-dialog .concept-lens-hero{padding-right:42px}.concept-detail-dialog .reference-table-scroll{height:min(540px,62dvh);max-height:min(540px,62dvh)}.concept-detail-close{top:10px;right:10px}.concept-lens-hero h3{font-size:23px}.concept-lens-question>h4{font-size:15px}.concept-lens-code pre{max-height:280px;font-size:9px}.concept-detail-dialog .concept-lens-code pre{max-height:min(560px,58dvh)}.concept-lens-links small{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.syntax-page{--syntax-blue:#5794ff;--syntax-blue-strong:#3479ef;--syntax-teal:#35c9ba;--syntax-purple:#c07cff;--syntax-orange:#f1ad55;max-width:1320px;margin:0 auto;padding:34px 40px 78px}.syntax-page svg{width:18px;height:18px}.syntax-page-tabs{grid-template-columns:repeat(3,minmax(0,240px));gap:8px;margin-bottom:22px;display:grid}.syntax-page-tabs a{border:1px solid var(--border-soft);background:var(--surface-1);min-width:0;color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .16s;display:flex}.syntax-page-tabs a:hover{border-color:color-mix(in srgb, var(--syntax-blue) 48%, var(--border));color:var(--text-primary);transform:translateY(-1px)}.syntax-page-tabs a.is-active{border-color:color-mix(in srgb, var(--syntax-blue) 58%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 8%, var(--surface-1));color:var(--text-primary)}.syntax-page-tabs a>span{background:var(--surface-3);width:30px;height:30px;color:var(--syntax-blue);font:650 9px var(--font-mono);border-radius:8px;place-items:center;display:grid}.syntax-page-tabs a.is-active>span{background:var(--syntax-blue);color:#fff}.syntax-page-tabs a div{flex-direction:column;min-width:0;line-height:1.35;display:flex}.syntax-page-tabs strong{font-size:11px}.syntax-page-tabs small{color:var(--text-faint);font-size:8px}.syntax-hero{isolation:isolate;border:1px solid color-mix(in srgb, var(--syntax-blue) 32%, var(--border));background:radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--syntax-teal) 16%, transparent), transparent 28%), radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--syntax-blue) 17%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--syntax-blue) 6%, var(--surface-1)), var(--surface-1));border-radius:18px;flex-direction:column;justify-content:center;min-height:320px;padding:58px 58px 50px;display:flex;position:relative;overflow:hidden}.syntax-hero:before{content:"";z-index:-1;opacity:.28;background-image:linear-gradient(color-mix(in srgb, var(--syntax-blue) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--syntax-blue) 14%, transparent) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 60%);mask-image:linear-gradient(90deg,#000,#0000 60%)}.syntax-hero:after{content:"{  }";z-index:-1;color:color-mix(in srgb, var(--syntax-blue) 12%, transparent);font:800 clamp(130px, 18vw, 230px)/1 var(--font-mono);letter-spacing:-.2em;position:absolute;top:8%;right:6%;transform:rotate(-7deg)}.syntax-hero-kicker{color:var(--text-faint);font:600 9px var(--font-mono);letter-spacing:.13em;align-items:center;gap:9px;margin-bottom:18px;display:flex}.syntax-hero-kicker span{color:var(--syntax-blue)}.syntax-hero-kicker i{background:var(--border);border-radius:50%;width:4px;height:4px}.syntax-hero-kicker b{font-weight:500}.syntax-hero h1{letter-spacing:-.055em;max-width:830px;margin:0;font-size:clamp(43px,5.2vw,72px);line-height:1.02}.syntax-hero h1 span:first-child{color:var(--syntax-blue)}.syntax-hero h1 span:last-child{color:var(--syntax-teal)}.syntax-hero>p{max-width:760px;color:var(--text-secondary);margin:22px 0 0;font-size:15px;line-height:1.8}.syntax-hero-tags{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.syntax-hero-tags span{border:1px solid color-mix(in srgb, var(--syntax-blue) 26%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 6%, var(--surface-2));color:var(--text-muted);font:550 8px var(--font-mono);letter-spacing:.08em;border-radius:999px;padding:5px 9px}.syntax-panel{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:14px;margin-top:14px;padding:26px;overflow:hidden}.syntax-section-heading{align-items:center;gap:13px;margin-bottom:21px;display:flex}.syntax-section-heading>span{background:linear-gradient(135deg, var(--syntax-blue-strong), #295dbd);color:#fff;width:38px;height:38px;box-shadow:0 7px 20px color-mix(in srgb, var(--syntax-blue) 22%, transparent);font:750 11px var(--font-mono);border-radius:9px;flex:0 0 38px;place-items:center;display:grid}.syntax-section-heading div{min-width:0}.syntax-section-heading h2{letter-spacing:-.02em;margin:0;font-size:19px;line-height:1.25}.syntax-section-heading p{color:var(--text-muted);margin:3px 0 0;font-size:10px;line-height:1.55}.position-grid{border:1px solid var(--border);border-radius:10px;overflow:hidden}.position-row{border-bottom:1px solid var(--border-soft);grid-template-columns:84px minmax(190px,.8fr) minmax(260px,1.7fr);align-items:center;gap:18px;padding:13px 16px;display:grid}.position-row:last-child{border-bottom:0}.position-row>span{background:color-mix(in srgb, var(--syntax-blue) 12%, transparent);width:max-content;min-width:60px;color:var(--syntax-blue);font:700 10px var(--font-mono);text-align:center;border-radius:6px;padding:3px 8px}.position-row:nth-child(2)>span{background:color-mix(in srgb, var(--syntax-teal) 12%, transparent);color:var(--syntax-teal)}.position-row strong{font-size:11px}.position-row p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.6}.position-row.position-takeaway{background:color-mix(in srgb, var(--syntax-blue) 5%, var(--surface-2))}.position-row.position-takeaway>span{place-items:center;width:34px;min-width:34px;height:34px;padding:0;display:grid}.position-row.position-takeaway svg{width:17px;height:17px}.syntax-note-list{flex-wrap:wrap;gap:8px;margin:-4px 0 15px;display:flex}.syntax-note-list>span{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);border-radius:8px;padding:7px 10px;font-size:9px}.syntax-note-list b{color:var(--text-secondary)}.syntax-page code{color:color-mix(in srgb, var(--syntax-teal) 74%, var(--text-primary));font:500 .96em var(--font-mono)}.syntax-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.syntax-code-card{border:1px solid var(--border);background:var(--editor-bg);border-radius:10px;min-width:0;overflow:hidden}.syntax-code-card>header{border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-2) 88%, transparent);justify-content:space-between;align-items:center;height:38px;padding:0 9px 0 13px;display:flex}.syntax-code-card>header>span{color:var(--text-secondary);font:650 9px var(--font-mono);align-items:center;gap:7px;display:inline-flex}.syntax-code-card>header i{background:var(--syntax-blue);width:7px;height:7px;box-shadow:0 0 9px color-mix(in srgb, var(--syntax-blue) 56%, transparent);border-radius:2px}.syntax-code-card[data-api=wgsl]>header i{background:var(--syntax-teal);box-shadow:0 0 9px color-mix(in srgb, var(--syntax-teal) 56%, transparent)}.syntax-copy{height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.syntax-copy:hover{background:var(--surface-hover);color:var(--text-secondary)}.syntax-copy svg{width:13px;height:13px}.syntax-copy b{font-size:8px;font-weight:550}.syntax-code-card pre{min-height:100%;color:var(--editor-text);font:500 10px/1.75 var(--font-mono);tab-size:2;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:15px 16px 17px;overflow:auto}.syntax-code-card pre code{color:inherit;font:inherit}.syntax-code-card>footer{border-top:1px solid color-mix(in srgb, var(--syntax-teal) 24%, var(--border));background:color-mix(in srgb, var(--syntax-teal) 7%, var(--surface-2));color:var(--text-muted);padding:9px 13px;font-size:8.5px;line-height:1.6}.syntax-keyword{color:#d77fff}.syntax-type{color:#54b7ff}.syntax-attribute{color:#5fd9c8;font-weight:700}.syntax-number{color:#e9a86b}.syntax-comment{color:#657587;font-style:italic}:root[data-theme=light] .syntax-keyword{color:#9a299f}:root[data-theme=light] .syntax-type{color:#176db3}:root[data-theme=light] .syntax-attribute{color:#087f72}:root[data-theme=light] .syntax-number{color:#aa5b16}:root[data-theme=light] .syntax-comment{color:#758391}.address-space-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.address-space-row>span{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.address-space-row small{color:var(--text-faint);font-size:8px}.io-model-banner{border:1px solid color-mix(in srgb, var(--syntax-blue) 28%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 6%, var(--surface-2));color:var(--text-muted);border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;margin:-3px 0 13px;padding:10px 12px;font-size:9px;display:flex}.io-model-banner>span{background:var(--syntax-blue);color:#fff;width:24px;height:24px;font:700 9px var(--font-mono);border-radius:6px;place-items:center;display:grid}.io-model-banner strong{color:var(--text-secondary)}.io-model-banner i{border-top:1px solid var(--border);width:12px}.render-entry-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:10px;display:grid}.stacked-code{gap:10px;min-width:0;display:grid}.binding-layout{grid-template-columns:minmax(0,1fr) 210px;gap:12px;display:grid}.binding-code-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.binding-flow{border:1px dashed color-mix(in srgb, var(--syntax-blue) 42%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 4%, var(--surface-2));border-radius:10px;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;padding:14px;display:flex}.binding-flow>div{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.binding-flow span{color:var(--text-secondary);font:650 9px var(--font-mono)}.binding-flow small{color:var(--text-faint);font-size:7.5px}.binding-flow>svg{width:14px;height:14px;color:var(--syntax-blue);align-self:center;transform:rotate(90deg)}.syntax-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.syntax-facts span{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:8.5px;display:flex}.syntax-facts svg{width:15px;height:15px;color:var(--syntax-teal)}.syntax-facts b{color:var(--text-secondary)}.compute-translation{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.compute-translation span{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.compute-translation i{color:var(--syntax-blue);font-style:normal}.migration-panel{border-color:color-mix(in srgb, var(--syntax-orange) 25%, var(--border))}.migration-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.migration-grid article{border:1px solid color-mix(in srgb, var(--syntax-orange) 26%, var(--border));background:color-mix(in srgb, var(--syntax-orange) 5%, var(--surface-2));border-radius:9px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.migration-grid svg{width:17px;height:17px;color:var(--syntax-orange)}.migration-grid div{flex-direction:column;min-width:0;display:flex}.migration-grid strong{font-size:9px;line-height:1.45}.migration-grid span{color:var(--text-faint);font-size:8px;line-height:1.5}.syntax-recap{border:1px solid color-mix(in srgb, var(--syntax-blue) 44%, var(--border));background:linear-gradient(100deg, color-mix(in srgb, var(--syntax-blue) 12%, var(--surface-1)), color-mix(in srgb, var(--syntax-teal) 8%, var(--surface-1)));border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;min-height:88px;margin-top:14px;padding:18px 22px;display:grid}.syntax-recap>span{background:color-mix(in srgb, var(--syntax-blue) 16%, transparent);width:38px;height:38px;color:var(--syntax-blue);border-radius:10px;place-items:center;display:grid}.syntax-recap>span svg{width:20px;height:20px}.syntax-recap>div{flex-direction:column;display:flex}.syntax-recap small{color:var(--syntax-blue);font:650 8px var(--font-mono);letter-spacing:.12em}.syntax-recap strong{margin-top:3px;font-size:14px}.syntax-recap>a{color:var(--text-muted);border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:inline-flex}.syntax-recap>a:hover{background:var(--surface-1);color:var(--syntax-blue)}.syntax-recap>a svg{width:14px;height:14px}.minimal-hero{min-height:285px}.minimal-hero h1 span:last-child{color:var(--syntax-blue)}.minimal-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.minimal-board>.syntax-panel{margin-top:0}.minimal-core-grid{grid-template-columns:minmax(220px,.8fr) minmax(330px,1.2fr);align-items:start;gap:16px;display:grid}.syntax-bullet-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.syntax-bullet-list li{color:var(--text-secondary);padding-left:17px;font-size:10px;line-height:1.65;position:relative}.syntax-bullet-list li:before{content:"";background:var(--syntax-blue);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--syntax-blue) 50%, transparent);border-radius:2px;position:absolute;top:.65em;left:0}.annotated-code{min-width:0;padding-right:78px;position:relative}.code-callout{border:1px solid color-mix(in srgb, var(--syntax-blue) 44%, var(--border));background:var(--surface-1);color:var(--syntax-blue);font:650 8px var(--font-mono);border-radius:6px;padding:5px 7px;position:absolute;right:0}.code-callout:before{content:"";border-top:1px dashed var(--syntax-blue);width:23px;position:absolute;top:50%;right:100%}.callout-struct{top:52px}.callout-binding{top:119px}.callout-uniform{top:153px}.minimal-render-grid{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.minimal-render-panel .syntax-code-card pre{font-size:8.5px;line-height:1.62}.render-legend{flex-direction:column;gap:9px;display:flex}.render-legend>div{border-left:2px solid var(--syntax-blue);background:color-mix(in srgb, var(--syntax-blue) 5%, var(--surface-2));padding:8px}.render-legend code{color:var(--syntax-blue);font-size:8px}.render-legend p{color:var(--text-muted);margin:2px 0 0;font-size:8px;line-height:1.45}.gradient-triangle{color:var(--text-primary);filter:drop-shadow(0 12px 20px #00000038);margin:auto auto 0;overflow:visible;width:150px!important;height:134px!important}.minimal-compute-grid{grid-template-columns:minmax(0,1fr) 190px;gap:12px;display:grid}.compute-callouts{gap:7px;display:grid}.compute-callouts span{border:1px solid color-mix(in srgb, var(--syntax-blue) 24%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 5%, var(--surface-2));border-radius:7px;flex-direction:column;padding:8px;display:flex}.compute-callouts code{color:var(--syntax-blue);font-size:8px}.compute-callouts small{color:var(--text-faint);margin-top:2px;font-size:7.5px}.data-flow{grid-template-columns:1fr 22px 1.15fr 22px 1fr;align-items:center;gap:5px;margin-top:12px;display:grid}.data-flow>div{border:1px solid color-mix(in srgb, var(--syntax-teal) 36%, var(--border));background:color-mix(in srgb, var(--syntax-teal) 6%, var(--surface-2));text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:68px;padding:9px;display:flex}.data-flow>svg{width:16px;height:16px;color:var(--syntax-blue)}.data-flow small{color:var(--text-faint);font:600 7px var(--font-mono)}.data-flow strong{color:var(--text-secondary);font:650 9px var(--font-mono)}.data-flow .workgroup-node{border-color:color-mix(in srgb, var(--syntax-purple) 38%, var(--border));background:color-mix(in srgb, var(--syntax-purple) 7%, var(--surface-2))}.workgroup-node>svg{width:20px;height:20px;color:var(--syntax-purple);margin-bottom:3px}.execution-strip{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1.2fr;align-items:center;gap:5px;display:grid}.execution-strip>div{border:1px solid color-mix(in srgb, var(--syntax-blue) 32%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 5%, var(--surface-2));text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:8px;display:flex}.execution-strip>svg{width:15px;height:15px;color:var(--syntax-blue)}.execution-strip b{color:var(--syntax-blue);font:750 15px var(--font-mono)}.execution-strip span{color:var(--text-muted);margin-top:3px;font-size:7.5px}.execution-strip .execute-node{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--surface-2))}.execute-node svg{color:var(--success)}.render-compute-table{border:1px solid var(--border);border-radius:9px;margin-top:14px;overflow:hidden}.render-compute-table>div{grid-template-columns:repeat(2,1fr);display:grid}.render-compute-table span{border-bottom:1px solid var(--border-soft);color:var(--text-muted);padding:8px 11px;font-size:8.5px}.render-compute-table span+span{border-left:1px solid var(--border-soft)}.render-compute-table>div:last-child span{border-bottom:0}.render-compute-table .table-head span{background:color-mix(in srgb, var(--syntax-blue) 7%, var(--surface-2));color:var(--text-primary);text-align:center;font-size:10px;font-weight:700}.render-compute-table .table-head span:last-child{background:color-mix(in srgb, var(--syntax-teal) 7%, var(--surface-2))}.minimal-recap{grid-column:1/-1}@media (max-width:1180px){.syntax-page{padding-left:30px;padding-right:30px}.minimal-board{grid-template-columns:1fr}.minimal-render-panel .syntax-code-card pre{font-size:10px}}@media (max-width:900px){.syntax-page{padding:30px 24px 64px}.syntax-hero{min-height:290px;padding:44px 38px}.address-space-row{grid-template-columns:repeat(2,1fr)}.binding-layout{grid-template-columns:1fr}.binding-flow{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;display:grid}.binding-flow>svg{transform:none}.minimal-core-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}}@media (max-width:650px){.topbar-actions #open-syntax{display:inline-flex}.syntax-page{padding:22px 16px 48px}.syntax-page-tabs{grid-template-columns:repeat(3,1fr)}.syntax-page-tabs a{padding:8px}.syntax-page-tabs a>span{display:none}.syntax-page-tabs strong{font-size:9px}.syntax-hero{border-radius:13px;min-height:0;padding:36px 22px}.syntax-hero h1{font-size:40px}.syntax-hero>p{font-size:13px}.syntax-hero-kicker{flex-wrap:wrap;align-items:flex-start}.syntax-panel{padding:17px}.syntax-section-heading{align-items:flex-start}.syntax-section-heading>span{flex-basis:34px;width:34px;height:34px}.syntax-section-heading h2{font-size:17px}.position-row{grid-template-columns:70px 1fr;gap:8px 12px}.position-row p{grid-column:2}.syntax-code-grid,.render-entry-grid,.binding-code-grid{grid-template-columns:1fr}.syntax-code-card pre{font-size:9px}.address-space-row{grid-template-columns:1fr}.io-model-banner i{display:none}.binding-flow{grid-template-columns:1fr}.binding-flow>svg{justify-self:center;transform:rotate(90deg)}.syntax-facts,.migration-grid,.compute-translation{grid-template-columns:1fr}.compute-translation span{flex-wrap:wrap;min-width:0}.syntax-recap{grid-template-columns:34px 1fr;padding:15px}.syntax-recap>a{grid-column:2;padding-left:0}.syntax-recap strong{font-size:11px;line-height:1.55}.minimal-core-grid,.minimal-render-grid,.minimal-compute-grid{grid-template-columns:1fr}.annotated-code{padding-right:0}.code-callout{display:none}.render-legend{grid-template-columns:repeat(2,1fr);display:grid}.gradient-triangle{grid-column:1/-1}.compute-callouts{grid-template-columns:repeat(2,1fr)}.data-flow{grid-template-columns:1fr}.data-flow>svg{justify-self:center;transform:rotate(90deg)}.execution-strip{grid-template-columns:1fr}.execution-strip>svg{justify-self:center;transform:rotate(90deg)}.render-compute-table span{overflow-wrap:anywhere;padding:8px;font-size:7.5px}}.cube-hero h1 span{color:var(--syntax-blue)!important}.cube-demo-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:14px;display:grid}.cube-canvas-shell{border:1px solid color-mix(in srgb, var(--syntax-blue) 35%, var(--border));background:#060b14;border-radius:11px;min-width:0;height:430px;position:relative;overflow:hidden}.cube-canvas-shell:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 30%,#02060e85 100%);position:absolute;inset:0}#texture-cube-canvas{width:100%;height:100%;display:block}.cube-demo-status{z-index:2;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#aeb8c6;font:550 8px var(--font-mono);background:#080e18c7;border-radius:7px;padding:6px 9px;position:absolute;top:12px;left:12px}.cube-demo-status:before{content:"";background:var(--warning);width:6px;height:6px;box-shadow:0 0 8px var(--warning);border-radius:50%;margin-right:7px;display:inline-block}.cube-demo-status[data-state=success]:before{background:var(--success);box-shadow:0 0 8px var(--success)}.cube-demo-status[data-state=error]{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:#ff9bae}.cube-demo-status[data-state=error]:before{background:var(--danger);box-shadow:0 0 8px var(--danger)}.cube-axis{z-index:2;color:#fff;width:42px;height:42px;font:650 7px var(--font-mono);opacity:.72;position:absolute;bottom:19px;left:20px}.cube-axis:before,.cube-axis:after,.cube-axis i:before{content:"";transform-origin:0;border-top:1px solid;width:28px;position:absolute;bottom:8px;left:8px}.cube-axis:before{color:#ff6b7d;transform:rotate(0)}.cube-axis:after{color:#66df9b;transform:rotate(-90deg)}.cube-axis i:before{color:#6ca4ff;transform:rotate(-40deg)}.cube-axis i{font-style:normal;position:absolute}.cube-axis .axis-x{color:#ff6b7d;bottom:3px;right:0}.cube-axis .axis-y{color:#66df9b;top:0;left:4px}.cube-axis .axis-z{color:#6ca4ff;top:8px;right:8px}.cube-demo-summary{border:1px solid var(--border-soft);background:linear-gradient(150deg, color-mix(in srgb, var(--syntax-blue) 7%, var(--surface-2)), var(--surface-2));border-radius:11px;flex-direction:column;justify-content:center;padding:23px;display:flex}.cube-live-badge{border:1px solid color-mix(in srgb, var(--success) 34%, var(--border));width:max-content;color:var(--success);font:650 7px var(--font-mono);letter-spacing:.1em;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.cube-live-badge i{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}.cube-demo-summary h2{letter-spacing:-.02em;margin:16px 0 8px;font-size:18px}.cube-demo-summary>p{color:var(--text-muted);margin:0;font-size:9.5px;line-height:1.75}.cube-stat-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px;display:grid}.cube-stat-grid span{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:8px;flex-direction:column;min-width:0;padding:10px;display:flex}.cube-stat-grid strong{color:var(--syntax-blue);font:700 15px var(--font-mono)}.cube-stat-grid small{color:var(--text-faint);font:550 6.5px var(--font-mono);letter-spacing:.09em}.cube-flow{grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:4px;display:grid}.cube-flow>div{border:1px solid color-mix(in srgb, var(--syntax-blue) 25%, var(--border));background:color-mix(in srgb, var(--syntax-blue) 5%, var(--surface-2));text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:10px 8px;display:flex}.cube-flow>div>span{background:color-mix(in srgb, var(--syntax-blue) 14%, transparent);width:22px;height:22px;color:var(--syntax-blue);font:700 8px var(--font-mono);border-radius:6px;place-items:center;display:grid}.cube-flow strong{margin-top:6px;font-size:9px}.cube-flow small{color:var(--text-faint);font:500 6.5px/1.4 var(--font-mono);margin-top:2px}.cube-flow>svg{width:14px;height:14px;color:var(--syntax-blue)}.cube-resource-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.cube-resource-grid article{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:9px;min-width:0;padding:13px}.cube-resource-grid article>span{color:var(--syntax-teal);font:650 7px var(--font-mono);letter-spacing:.1em}.cube-resource-grid strong{margin-top:5px;font-size:10px;display:block}.cube-resource-grid p{color:var(--text-muted);margin:5px 0 0;font-size:8px;line-height:1.65}.cube-source-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.cube-source-heading .syntax-section-heading{margin-bottom:0}.cube-copy-complete{border:1px solid color-mix(in srgb, var(--syntax-teal) 42%, var(--border));background:color-mix(in srgb, var(--syntax-teal) 8%, var(--surface-2));color:var(--syntax-teal);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:7px;padding:9px 12px;font-size:9px;display:inline-flex}.cube-copy-complete:hover{background:color-mix(in srgb, var(--syntax-teal) 13%, var(--surface-2));transform:translateY(-1px)}.cube-copy-complete svg{width:14px;height:14px}.cube-code-chapter{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:22px}.cube-code-chapter>header{align-items:flex-start;gap:11px;margin-bottom:11px;display:flex}.cube-code-chapter>header>span{background:color-mix(in srgb, var(--syntax-blue) 13%, transparent);color:var(--syntax-blue);font:700 7px var(--font-mono);border-radius:5px;padding:4px 7px}.cube-code-chapter h3{margin:0;font-size:13px}.cube-code-chapter header p{color:var(--text-muted);margin:2px 0 0;font-size:8.5px}.cube-code-chapter>.syntax-code-card pre{max-height:520px}.syntax-code-card[data-api=js]>header i{background:var(--syntax-orange);box-shadow:0 0 9px color-mix(in srgb, var(--syntax-orange) 56%, transparent)}.cube-shader-layout{grid-template-columns:minmax(0,1fr) 210px;gap:10px;display:grid}.cube-binding-map{flex-direction:column;gap:8px;display:flex}.cube-binding-map span{border:1px solid color-mix(in srgb, var(--syntax-teal) 27%, var(--border));background:color-mix(in srgb, var(--syntax-teal) 5%, var(--surface-2));border-radius:9px;flex-direction:column;flex:1;justify-content:center;padding:13px;display:flex}.cube-binding-map b{color:var(--syntax-teal);font:700 8px var(--font-mono)}.cube-binding-map strong{margin-top:3px;font-size:10px}.cube-binding-map small{color:var(--text-faint);font-size:7.5px}@media (max-width:1050px){.cube-demo-layout{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)}.cube-canvas-shell{height:370px}.cube-flow{grid-template-columns:repeat(3,1fr);gap:8px}.cube-flow>svg{display:none}.cube-resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.cube-demo-layout,.cube-shader-layout{grid-template-columns:1fr}.cube-canvas-shell{height:340px}.cube-demo-summary{padding:18px}.cube-source-heading{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:650px){.syntax-page-tabs small{display:none}.syntax-page-tabs strong{line-height:1.35}.cube-canvas-shell{height:280px}.cube-flow{grid-template-columns:repeat(2,1fr)}.cube-resource-grid{grid-template-columns:1fr}.cube-code-chapter>.syntax-code-card pre{max-height:430px}.cube-copy-complete{justify-content:center;width:100%}}.tutorial-sidebar-intro{padding:4px 6px 18px}.tutorial-sidebar-intro>span,.tutorial-child-section header span{color:var(--accent);font:700 8px var(--font-mono);letter-spacing:.18em}.tutorial-sidebar-intro>strong{letter-spacing:-.03em;margin-top:4px;font-size:19px;display:block}.tutorial-sidebar-intro>p{color:var(--text-muted);margin:5px 0 15px;font-size:10px;line-height:1.65}.tutorial-search{border:1px solid var(--border);background:var(--surface-1);border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:flex}.tutorial-search:focus-within{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.tutorial-search svg{fill:none;width:15px;height:15px;stroke:var(--text-muted);stroke-width:1.8px}.tutorial-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:11px}.tutorial-search input::placeholder{color:var(--text-faint)}.tutorial-tree{gap:12px;display:grid}.tutorial-root{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-1) 56%, transparent);border-radius:11px;padding:10px 8px 11px}.tutorial-root.is-current{border-color:color-mix(in srgb, var(--root-color) 34%, var(--border))}.tutorial-root>header{border-bottom:1px solid var(--border-soft);align-items:center;gap:9px;padding:1px 5px 9px;display:flex}.tutorial-root>header>span{background:color-mix(in srgb, var(--root-color) 14%, var(--surface-2));border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.tutorial-root>header div{flex-direction:column;line-height:1.25;display:flex}.tutorial-root>header strong{font-size:10.5px}.tutorial-root>header small{color:var(--text-faint);font:500 7.5px var(--font-mono);margin-top:2px}.tutorial-tree-branch{margin-top:5px}.tutorial-tree-branch summary{min-height:30px;padding:4px 5px 4px calc(5px + var(--tree-depth) * 10px);color:var(--text-secondary);cursor:pointer;border-radius:7px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:3px;list-style:none;display:grid}.tutorial-tree-branch summary::-webkit-details-marker{display:none}.tutorial-tree-branch summary:hover{background:var(--surface-2);color:var(--text-primary)}.tutorial-tree-branch.is-active>summary{background:color-mix(in srgb, var(--root-color) 11%, var(--surface-2));color:var(--root-color)}.tutorial-tree-branch summary a{min-width:0;padding:1px 0}.tutorial-tree-branch summary small{color:var(--text-faint);font:600 7px var(--font-mono)}.tutorial-tree-chevron{width:10px;height:10px;position:relative}.tutorial-tree-chevron:before{content:"";border-bottom:1px solid;border-right:1px solid;width:4px;height:4px;transition:transform .16s;position:absolute;top:2px;left:2px;transform:rotate(-45deg)}.tutorial-tree-branch[open]>summary .tutorial-tree-chevron:before{transform:rotate(45deg)}.tutorial-tree-children{display:grid}.tutorial-tree-title{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;display:block;overflow:hidden}.tutorial-tree-leaf{min-height:29px;padding:5px 5px 5px calc(18px + var(--tree-depth) * 10px);color:var(--text-muted);border-radius:7px;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:3px;margin-top:2px;display:grid}.tutorial-tree-leaf:hover{background:var(--surface-2);color:var(--text-primary)}.tutorial-tree-leaf.is-active{background:color-mix(in srgb, var(--root-color) 12%, var(--surface-2));color:var(--root-color)}.tutorial-tree-dot{opacity:.62;background:currentColor;border-radius:50%;width:4px;height:4px}.tutorial-search-empty{color:var(--text-muted);text-align:center;margin:12px 6px;font-size:10px}.tutorial-sync-status{border-top:1px solid var(--border-soft);align-items:center;gap:9px;margin:15px 5px 0;padding:12px 5px 0;display:flex}.tutorial-sync-status>span{background:var(--success);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--success) 70%, transparent);border-radius:50%}.tutorial-sync-status>div{flex-direction:column;display:flex}.tutorial-sync-status strong{color:var(--text-secondary);font-size:8.5px}.tutorial-sync-status small{color:var(--text-faint);font:500 7px var(--font-mono)}.tutorial-page{width:min(100%,1180px);margin:0 auto;padding:44px 54px 82px}.tutorial-breadcrumbs{color:var(--text-faint);font:550 9px var(--font-mono);flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tutorial-breadcrumbs a:hover{color:var(--tutorial-color)}.tutorial-breadcrumbs i{color:var(--border);font-style:normal}.tutorial-breadcrumbs span{color:var(--text-muted)}.tutorial-hero{border:1px solid color-mix(in srgb, var(--tutorial-color) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--tutorial-color) 11%, var(--surface-1)), var(--surface-1) 48%, color-mix(in srgb, var(--blue) 5%, var(--surface-1)));border-radius:18px;margin-top:25px;padding:44px 46px 38px;position:relative;overflow:hidden}.tutorial-hero:before{content:"";border:1px solid color-mix(in srgb, var(--tutorial-color) 20%, transparent);width:260px;height:260px;box-shadow:0 0 0 45px color-mix(in srgb, var(--tutorial-color) 3%, transparent), 0 0 0 88px color-mix(in srgb, var(--tutorial-color) 2%, transparent);border-radius:50%;position:absolute;top:-95px;right:-65px}.tutorial-kicker{color:var(--tutorial-color);font:700 8px var(--font-mono);letter-spacing:.11em;align-items:center;gap:9px;display:flex;position:relative}.tutorial-kicker i{border-top:1px solid color-mix(in srgb, var(--tutorial-color) 45%, transparent);width:20px}.tutorial-hero h1{letter-spacing:-.045em;max-width:760px;margin:14px 0 12px;font-size:clamp(31px,4.2vw,52px);line-height:1.12;position:relative}.tutorial-hero>p{max-width:780px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.8;position:relative}.tutorial-meta{border-top:1px solid color-mix(in srgb, var(--tutorial-color) 16%, var(--border-soft));color:var(--text-faint);font:500 8px var(--font-mono);flex-wrap:wrap;align-items:center;gap:9px 17px;margin-top:25px;padding-top:17px;display:flex;position:relative}.tutorial-meta button,.tutorial-meta a{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font:600 8px var(--font-mono);border-radius:7px;padding:6px 9px}.tutorial-meta button:hover,.tutorial-meta a:hover{border-color:color-mix(in srgb, var(--tutorial-color) 48%, var(--border));color:var(--tutorial-color)}.tutorial-reading-layout{margin-top:36px}.tutorial-reading-layout.has-outline{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:44px;display:grid}.tutorial-article{min-width:0;color:var(--text-secondary);font-size:15px;line-height:1.9}.tutorial-article>:first-child{margin-top:0}.tutorial-article h1,.tutorial-article h2,.tutorial-article h3,.tutorial-article h4{scroll-margin-top:calc(var(--topbar-height) + 22px);color:var(--text-primary);letter-spacing:-.025em;line-height:1.38}.tutorial-article h1{margin:42px 0 17px;font-size:30px}.tutorial-article h2{border-bottom:1px solid var(--border-soft);margin:44px 0 17px;padding-bottom:9px;font-size:23px}.tutorial-article h2:before{content:"";background:var(--tutorial-color);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--tutorial-color) 50%, transparent);border-radius:2px;margin:0 10px 3px 0;display:inline-block}.tutorial-article h3{margin:32px 0 12px;font-size:18px}.tutorial-article h4{color:var(--text-secondary);margin:26px 0 10px;font-size:15px}.tutorial-article strong{color:var(--text-primary)}.tutorial-article a{color:var(--tutorial-color);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--tutorial-color) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--tutorial-color) 40%, transparent);text-underline-offset:3px}.tutorial-article a:hover{text-decoration-color:currentColor}.tutorial-article ul,.tutorial-article ol{margin:14px 0;padding-left:24px}.tutorial-article li{margin:6px 0;padding-left:4px}.tutorial-article li::marker{color:var(--tutorial-color)}.tutorial-article hr{border:0;border-top:1px solid var(--border);margin:35px 0}.tutorial-article blockquote{border:1px solid color-mix(in srgb, var(--tutorial-color) 28%, var(--border));border-left:3px solid var(--tutorial-color);background:color-mix(in srgb, var(--tutorial-color) 6%, var(--surface-1));color:var(--text-secondary);border-radius:0 10px 10px 0;margin:22px 0;padding:17px 20px}.tutorial-article blockquote p{margin:4px 0}.tutorial-article :not(pre)>code{border:1px solid var(--border-soft);background:var(--surface-2);color:color-mix(in srgb, var(--tutorial-color) 76%, var(--text-primary));font:550 .88em var(--font-mono);border-radius:5px;padding:2px 6px}.tutorial-code-block{border:1px solid var(--border);background:var(--editor-bg);border-radius:11px;margin:23px 0;overflow:hidden;box-shadow:0 13px 34px #00000021}.tutorial-code-toolbar{border-bottom:1px solid var(--border);background:var(--editor-gutter);justify-content:space-between;align-items:center;height:36px;padding:0 9px 0 14px;display:flex}.tutorial-code-toolbar span{color:var(--text-faint);font:650 7.5px var(--font-mono);letter-spacing:.13em}.tutorial-code-toolbar button{color:var(--text-muted);cursor:pointer;font:550 8px var(--font-mono);background:0 0;border:0;border-radius:5px;padding:4px 8px}.tutorial-code-toolbar button:hover{background:var(--surface-2);color:var(--tutorial-color)}.tutorial-code-block pre{color:var(--editor-text);font:500 12px/1.75 var(--font-mono);tab-size:2;margin:0;padding:18px 20px 20px;overflow:auto}.tutorial-code-block code{font:inherit}.tutorial-article img{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:11px;width:auto;max-width:100%;height:auto;margin:24px auto;display:block;box-shadow:0 16px 45px #0000002b}.tutorial-table-scroll{border:1px solid var(--border);border-radius:10px;max-width:100%;margin:23px 0;overflow-x:auto}.tutorial-table-scroll table{border-collapse:collapse;width:100%;font-size:11.5px;line-height:1.6}.tutorial-table-scroll th,.tutorial-table-scroll td{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;min-width:110px;padding:10px 12px}.tutorial-table-scroll th{background:color-mix(in srgb, var(--tutorial-color) 8%, var(--surface-2));color:var(--text-primary);font-weight:700}.tutorial-table-scroll tr:last-child td{border-bottom:0}.tutorial-table-scroll th:last-child,.tutorial-table-scroll td:last-child{border-right:0}.tutorial-attachment{border:1px solid color-mix(in srgb, var(--tutorial-color) 30%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 6%, var(--surface-1));border-radius:9px;align-items:center;gap:10px;margin:18px 0;padding:13px 15px;display:flex;text-decoration:none!important}.tutorial-attachment:before{content:"↓";background:color-mix(in srgb, var(--tutorial-color) 14%, transparent);width:25px;height:25px;font:700 13px var(--font-mono);border-radius:7px;place-items:center;display:grid}.tutorial-outline{top:calc(var(--topbar-height) + 25px);border-left:1px solid var(--border);padding:3px 0 3px 17px;position:sticky}.tutorial-outline>span{color:var(--text-primary);font:700 9px var(--font-mono);letter-spacing:.1em}.tutorial-outline nav{gap:2px;margin-top:10px;display:grid}.tutorial-outline button{color:var(--text-muted);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:5px 0;font-size:9px;line-height:1.45;overflow:hidden}.tutorial-outline button:hover{color:var(--tutorial-color)}.tutorial-outline .level-3{padding-left:10px}.tutorial-outline .level-4{color:var(--text-faint);padding-left:20px}.tutorial-overview-card{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;grid-template-columns:48px 1fr;gap:17px;padding:25px;display:grid}.tutorial-overview-card>span{background:color-mix(in srgb, var(--tutorial-color) 13%, var(--surface-2));border-radius:13px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.tutorial-overview-card small{color:var(--tutorial-color);font:700 8px var(--font-mono);letter-spacing:.1em}.tutorial-overview-card h2{border:0;margin:2px 0 5px;padding:0;font-size:21px}.tutorial-overview-card h2:before{display:none}.tutorial-overview-card p{color:var(--text-muted);margin:0;font-size:12px}.tutorial-child-section{border-top:1px solid var(--border-soft);margin-top:48px;padding-top:32px}.tutorial-child-section header h2{border:0;margin:3px 0 18px;padding:0;font-size:22px}.tutorial-child-section header h2:before{display:none}.tutorial-child-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.tutorial-child-grid a{border:1px solid var(--border-soft);background:var(--surface-1);min-width:0;min-height:156px;color:inherit;border-radius:11px;flex-direction:column;padding:19px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:flex}.tutorial-child-grid a:hover{border-color:color-mix(in srgb, var(--tutorial-color) 42%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 4%, var(--surface-1));transform:translateY(-2px)}.tutorial-child-grid small{color:var(--tutorial-color);font:650 7.5px var(--font-mono);letter-spacing:.1em}.tutorial-child-grid strong{color:var(--text-primary);margin-top:7px;font-size:13px}.tutorial-child-grid p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 12px;font-size:9.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.tutorial-child-grid span{color:var(--tutorial-color);font:600 8px var(--font-mono);margin-top:auto}.tutorial-pagination{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:58px;padding-top:24px;display:grid}.tutorial-pagination a{background:var(--surface-1);border-radius:9px;flex-direction:column;min-width:0;padding:13px 15px;display:flex}.tutorial-pagination a:last-child{text-align:right}.tutorial-pagination a:hover{background:color-mix(in srgb, var(--tutorial-color) 7%, var(--surface-1))}.tutorial-pagination small{color:var(--text-faint);font:550 7.5px var(--font-mono)}.tutorial-pagination strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.tutorial-missing{color:var(--text-muted);text-align:center;padding:60px}@media (max-width:1180px){.tutorial-page{padding-left:38px;padding-right:38px}.tutorial-reading-layout.has-outline{grid-template-columns:minmax(0,1fr) 165px;gap:30px}}@media (max-width:980px){.tutorial-reading-layout.has-outline{display:block}.tutorial-outline{display:none}}@media (max-width:900px){.tutorial-page{padding:36px 28px 60px}.tutorial-hero{padding:38px 35px 33px}}@media (max-width:650px){.topbar-actions #open-tutorials{display:inline-flex}.tutorial-page{padding:25px 17px 48px}.tutorial-breadcrumbs{gap:5px;font-size:7.5px}.tutorial-hero{border-radius:14px;margin-top:18px;padding:30px 21px 25px}.tutorial-hero:before{top:-125px;right:-125px}.tutorial-kicker{flex-wrap:wrap;align-items:flex-start}.tutorial-hero h1{margin-top:12px;font-size:28px;line-height:1.18}.tutorial-hero>p{font-size:12px}.tutorial-meta{flex-direction:column;align-items:flex-start}.tutorial-reading-layout{margin-top:27px}.tutorial-article{font-size:14px;line-height:1.85}.tutorial-article h1{font-size:25px}.tutorial-article h2{margin-top:36px;font-size:20px}.tutorial-article h3{font-size:17px}.tutorial-code-block pre{padding:15px;font-size:10px}.tutorial-article blockquote{padding:14px 15px}.tutorial-overview-card{grid-template-columns:1fr;padding:20px}.tutorial-child-grid{grid-template-columns:1fr}.tutorial-child-grid a{min-height:135px}.tutorial-pagination{grid-template-columns:1fr}.tutorial-pagination a:last-child{text-align:left}}@media (max-width:480px){.topbar-actions #open-syntax,.topbar-actions #open-glossary{display:none}}.tutorial-home-link{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--accent) 3%, var(--surface-1));min-height:48px;color:var(--text-secondary);border-radius:9px;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:8px;margin-bottom:10px;padding:9px 10px;display:grid}.tutorial-home-link>span{background:var(--surface-2);width:25px;height:25px;color:var(--accent);font:700 13px var(--font-mono);border-radius:7px;grid-row:1/3;place-items:center;display:grid}.tutorial-home-link strong{font-size:10px;line-height:1.25}.tutorial-home-link small{color:var(--text-faint);font-size:7.5px;line-height:1.3}.tutorial-home-link:hover,.tutorial-home-link.is-active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:var(--accent-soft);color:var(--accent)}.tutorial-priority-paths{border-bottom:1px solid var(--border-soft);margin:0 0 14px;padding:0 5px 14px}.tutorial-priority-paths>header,.tutorial-tree-label{justify-content:space-between;align-items:center;margin-bottom:7px;padding:0 2px;display:flex}.tutorial-priority-paths>header span,.tutorial-tree-label span{color:var(--text-muted);font:700 7.5px var(--font-mono);letter-spacing:.13em}.tutorial-priority-paths>header small,.tutorial-tree-label small{color:var(--text-faint);font:600 6.5px var(--font-mono);letter-spacing:.09em}.tutorial-priority-paths>a{color:var(--text-muted);border:1px solid #0000;border-radius:8px;grid-template-columns:26px minmax(0,1fr) 12px;align-items:center;gap:7px;margin-top:4px;padding:8px;display:grid}.tutorial-priority-paths>a:hover,.tutorial-priority-paths>a.is-active{border-color:color-mix(in srgb, var(--path-color) 34%, var(--border));background:color-mix(in srgb, var(--path-color) 8%, var(--surface-1));color:var(--path-color)}.tutorial-priority-paths>a>i{background:color-mix(in srgb, var(--path-color) 12%, var(--surface-2));width:26px;height:26px;color:var(--path-color);font:750 8px var(--font-mono);border-radius:7px;place-items:center;font-style:normal;display:grid}.tutorial-priority-paths>a>span{flex-direction:column;min-width:0;display:flex}.tutorial-priority-paths>a strong{color:currentColor;font-size:9px}.tutorial-priority-paths>a small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:6.5px;overflow:hidden}.tutorial-priority-paths>a>b{font:500 10px var(--font-mono)}.tutorial-tree-label{margin:1px 3px 8px}.tutorial-tree-leaf{grid-template-columns:9px minmax(0,1fr) auto}.tutorial-tree-leaf>small{color:var(--text-faint);font:550 6.5px var(--font-mono)}.tutorial-tree-leaf.is-active>small{color:currentColor}.tutorial-home-page{width:min(100%,1280px);margin:0 auto;padding:42px 52px 90px}.tutorial-home-hero{border:1px solid color-mix(in srgb, var(--accent) 27%, var(--border));background:radial-gradient(circle at 78% 30%, #9b84ff2e, transparent 28%), radial-gradient(circle at 24% 100%, #f1c75b1f, transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface-1)), var(--surface-1) 52%, color-mix(in srgb, #9b84ff 6%, var(--surface-1)));border-radius:22px;min-height:0;padding:62px 58px 0;position:relative;overflow:hidden}.tutorial-home-hero:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--border) 32%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 32%, transparent) 1px, transparent 1px);opacity:.32;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.tutorial-home-copy{z-index:2;width:min(650px,62%);position:relative}.tutorial-home-copy>span{color:var(--accent);font:750 8px var(--font-mono);letter-spacing:.2em}.tutorial-home-copy h1{letter-spacing:-.06em;margin:18px 0;font-size:clamp(38px,5vw,67px);line-height:1.05}.tutorial-home-copy h1 em{color:#f1c75b;font-style:normal}.tutorial-home-copy>p{max-width:610px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.9}.tutorial-home-copy>div{flex-wrap:wrap;align-items:center;gap:9px;margin-top:29px;display:flex}.tutorial-home-copy a{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent);color:#07110f;border-radius:9px;align-items:center;gap:15px;min-height:41px;padding:0 15px;font-size:10px;font-weight:750;display:inline-flex}.tutorial-home-copy a+a{background:var(--surface-2);color:var(--text-secondary)}.tutorial-home-copy a:hover{filter:brightness(1.05);transform:translateY(-1px)}.tutorial-home-orbit{z-index:1;border:1px solid #9b84ff40;border-radius:50%;width:330px;height:330px;position:absolute;top:57px;right:5%}.tutorial-home-orbit:before,.tutorial-home-orbit:after,.tutorial-home-orbit>i{content:"";border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-home-orbit:before{width:73%;height:73%}.tutorial-home-orbit:after{width:42%;height:42%}.tutorial-home-orbit>i:first-of-type{width:112%;height:40%;transform:translate(-50%,-50%)rotate(17deg)}.tutorial-home-orbit>i:nth-of-type(2){width:106%;height:51%;transform:translate(-50%,-50%)rotate(-42deg)}.tutorial-home-orbit>i:nth-of-type(3){border-style:dashed;width:88%;height:88%}.orbit-core{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 54%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface-1));width:75px;height:75px;color:var(--accent);box-shadow:0 0 45px color-mix(in srgb, var(--accent) 17%, transparent);font:800 18px var(--font-mono);border-radius:20px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.orbit-core:first-letter{transform:rotate(-45deg)}.tutorial-home-orbit>b{z-index:3;left:var(--x);top:var(--y);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 86%, transparent);width:38px;height:26px;color:var(--text-secondary);font:700 8px var(--font-mono);border-radius:7px;place-items:center;display:grid;position:absolute;box-shadow:0 8px 24px #00000026}.tutorial-home-hero>dl{z-index:3;border-top:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));grid-template-columns:repeat(3,1fr);margin:48px 0 0;display:grid;position:relative}.tutorial-home-hero>dl div{border-right:1px solid var(--border-soft);align-items:center;gap:10px;min-height:91px;display:flex}.tutorial-home-hero>dl div:last-child{border-right:0;justify-content:flex-end}.tutorial-home-hero>dl div:nth-child(2){justify-content:center}.tutorial-home-hero dt{color:var(--text-primary);font:750 28px var(--font-mono)}.tutorial-home-hero dd{color:var(--text-muted);margin:0;font-size:9px}.tutorial-home-section{margin-top:74px}.tutorial-home-section>header{max-width:650px;margin-bottom:24px}.tutorial-home-section>header>span{color:var(--accent);font:750 8px var(--font-mono);letter-spacing:.18em}.tutorial-home-section>header h2{letter-spacing:-.045em;margin:6px 0 7px;font-size:30px}.tutorial-home-section>header p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.7}.tutorial-focus-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.tutorial-focus-track{border:1px solid color-mix(in srgb, var(--focus-color) 30%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--focus-color) 7%, var(--surface-1)), var(--surface-1));border-radius:15px;min-width:0;padding:27px 27px 22px}.tutorial-focus-track>header{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;display:grid}.tutorial-focus-track>header>span{background:color-mix(in srgb, var(--focus-color) 14%, var(--surface-2));width:48px;height:48px;color:var(--focus-color);font:750 13px var(--font-mono);border-radius:13px;place-items:center;display:grid}.tutorial-focus-track header small{color:var(--focus-color);font:700 7px var(--font-mono);letter-spacing:.12em}.tutorial-focus-track h2{margin:2px 0;font-size:20px}.tutorial-focus-track header p{color:var(--text-muted);margin:0;font-size:9px}.tutorial-focus-track ol{margin:21px 0 0;padding:0;list-style:none;display:grid}.tutorial-focus-track li{border-top:1px solid var(--border-soft)}.tutorial-focus-track li a{grid-template-columns:26px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:54px;display:grid}.tutorial-focus-track li a>span{color:color-mix(in srgb, var(--focus-color) 70%, var(--text-muted));font:650 8px var(--font-mono)}.tutorial-focus-track li div{flex-direction:column;min-width:0;display:flex}.tutorial-focus-track li strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.tutorial-focus-track li small{color:var(--text-faint);margin-top:3px;font-size:7px}.tutorial-focus-track li b{color:var(--text-faint);font:500 10px var(--font-mono)}.tutorial-focus-track li a:hover strong,.tutorial-focus-track li a:hover b{color:var(--focus-color)}.tutorial-focus-action{color:var(--focus-color);font:700 8px var(--font-mono);letter-spacing:.05em;justify-content:space-between;align-items:center;margin-top:14px;display:flex}.tutorial-track-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;display:grid}.tutorial-track-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:215px;padding:21px;transition:transform .18s,border-color .18s,background .18s;display:flex}.tutorial-track-card:first-child,.tutorial-track-card:nth-child(2){grid-column:span 3}.tutorial-track-card:nth-child(n+3){grid-column:span 2}.tutorial-track-card:hover{border-color:color-mix(in srgb, var(--track-color) 45%, var(--border));background:color-mix(in srgb, var(--track-color) 4%, var(--surface-1));transform:translateY(-3px)}.tutorial-track-code{background:color-mix(in srgb, var(--track-color) 13%, var(--surface-2));width:38px;height:38px;color:var(--track-color);font:750 10px var(--font-mono);border-radius:10px;place-items:center;display:grid}.tutorial-track-card>div{margin-top:16px}.tutorial-track-card small{color:var(--track-color);font:700 7px var(--font-mono);letter-spacing:.11em}.tutorial-track-card h3{color:var(--text-primary);margin:4px 0 5px;font-size:18px}.tutorial-track-card p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.6}.tutorial-track-card footer{border-top:1px solid var(--border-soft);color:var(--text-faint);font:550 7px var(--font-mono);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.tutorial-track-card footer b{color:var(--track-color);margin-left:auto;font-size:11px}.tutorial-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.tutorial-article-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:220px;padding:22px;transition:border-color .18s,transform .18s;display:flex}.tutorial-article-card:hover{border-color:color-mix(in srgb, var(--card-color) 43%, var(--border));transform:translateY(-2px)}.tutorial-card-top{justify-content:space-between;align-items:center;display:flex}.tutorial-card-top small{color:var(--card-color);font:700 7px var(--font-mono);letter-spacing:.1em}.tutorial-card-top>i{color:var(--text-faint);font:600 6.5px var(--font-mono);font-style:normal}.tutorial-article-card>strong{color:var(--text-primary);letter-spacing:-.025em;margin-top:12px;font-size:17px}.tutorial-article-card>p{color:var(--text-muted);margin:7px 0 12px;font-size:10px;line-height:1.7}.tutorial-card-tags{flex-wrap:wrap;gap:5px;display:flex}.tutorial-card-tags i{background:color-mix(in srgb, var(--card-color) 9%, var(--surface-2));color:color-mix(in srgb, var(--card-color) 70%, var(--text-secondary));font:550 7px var(--font-mono);border-radius:5px;padding:3px 6px;font-style:normal}.tutorial-card-action{border-top:1px solid var(--border-soft);color:var(--text-muted);font:650 8px var(--font-mono);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.tutorial-card-action b{color:var(--card-color)}.tutorial-home-footer{border-top:1px solid var(--border);grid-template-columns:130px minmax(0,1fr) auto;align-items:start;gap:24px;margin-top:76px;padding:27px 0 0;display:grid}.tutorial-home-footer>span{color:var(--accent);font:700 7px var(--font-mono);letter-spacing:.12em}.tutorial-home-footer p{max-width:700px;color:var(--text-muted);margin:0;font-size:9px;line-height:1.7}.tutorial-home-footer a{color:var(--text-secondary);font:650 8px var(--font-mono)}.tutorial-reading-progress{z-index:60;left:var(--sidebar-width);right:0;top:var(--topbar-height);background:var(--tutorial-color);height:2px;box-shadow:0 0 12px color-mix(in srgb, var(--tutorial-color) 60%, transparent);transform-origin:0;position:fixed;transform:scaleX(0)}.tutorial-hero-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:19px;display:flex;position:relative}.tutorial-hero-tags span{border:1px solid color-mix(in srgb, var(--tutorial-color) 22%, var(--border-soft));background:color-mix(in srgb, var(--tutorial-color) 5%, transparent);color:color-mix(in srgb, var(--tutorial-color) 76%, var(--text-secondary));font:600 7.5px var(--font-mono);border-radius:99px;padding:4px 8px}.tutorial-editorial-guide{border:1px solid color-mix(in srgb, var(--tutorial-color) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--tutorial-color) 6%, var(--surface-1)), var(--surface-1));border-radius:14px;margin:22px 0 0;padding:23px 25px}.tutorial-editorial-guide>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:15px;padding-bottom:14px;display:flex}.tutorial-editorial-guide>header span{color:var(--tutorial-color);font:700 7px var(--font-mono);letter-spacing:.13em}.tutorial-editorial-guide>header strong{color:var(--text-muted);font-size:9px;font-weight:550}.tutorial-editorial-guide>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:18px;display:grid}.tutorial-editorial-guide section>small{color:var(--text-primary);font-size:9px;font-weight:700}.tutorial-editorial-guide ol,.tutorial-editorial-guide ul{counter-reset:guide;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tutorial-editorial-guide li{color:var(--text-muted);padding-left:23px;font-size:9px;line-height:1.55;position:relative}.tutorial-editorial-guide ol li{counter-increment:guide}.tutorial-editorial-guide ol li:before{content:counter(guide, decimal-leading-zero);color:var(--tutorial-color);font:650 7px var(--font-mono);position:absolute;top:1px;left:0}.tutorial-editorial-guide ul li:before{content:"✓";color:var(--tutorial-color);font:700 9px var(--font-mono);position:absolute;top:0;left:2px}.tutorial-editorial-note{border:1px solid color-mix(in srgb, var(--tutorial-color) 25%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 5%, var(--surface-1));border-radius:11px;grid-template-columns:31px minmax(0,1fr);gap:12px;margin:18px 0 0;padding:17px 19px;display:grid}.tutorial-editorial-note>span{background:color-mix(in srgb, var(--tutorial-color) 14%, var(--surface-2));width:31px;height:31px;color:var(--tutorial-color);font:750 12px var(--font-mono);border-radius:9px;place-items:center;display:grid}.tutorial-editorial-note>div{flex-direction:column;display:flex}.tutorial-editorial-note small{color:var(--tutorial-color);font:700 7px var(--font-mono);letter-spacing:.1em}.tutorial-editorial-note strong{color:var(--text-primary);margin-top:2px;font-size:11px}.tutorial-editorial-note p{color:var(--text-muted);margin:4px 0 0;font-size:9px;line-height:1.65}.tutorial-generated-artwork{border:1px solid color-mix(in srgb, var(--tutorial-color) 30%, var(--border));background:var(--surface-1);border-radius:15px;margin:22px 0 0;overflow:hidden;box-shadow:0 22px 55px #0000002e}.tutorial-generated-artwork>div{aspect-ratio:16/9;background:#080b11;position:relative;overflow:hidden}.tutorial-generated-artwork>div:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -80px 90px #05080d2e}.tutorial-generated-artwork img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.tutorial-generated-artwork:hover img{transform:scale(1.012)}.tutorial-generated-artwork figcaption{border-top:1px solid var(--border-soft);grid-template-columns:175px minmax(0,1fr);align-items:center;gap:17px;min-height:62px;padding:14px 18px;display:grid}.tutorial-generated-artwork figcaption span{color:var(--tutorial-color);font:700 6.5px var(--font-mono);letter-spacing:.11em}.tutorial-generated-artwork figcaption p{color:var(--text-muted);margin:0;font-size:8.5px;line-height:1.6}.tutorial-concept-visual{border:1px solid color-mix(in srgb, var(--tutorial-color) 30%, var(--border));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--tutorial-color) 9%, transparent), transparent 34%), var(--surface-1);border-radius:14px;margin-top:22px;padding:24px 25px 26px;overflow:hidden}.tutorial-concept-visual>header{grid-template-columns:45px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:22px;display:grid}.tutorial-concept-visual>header>span{background:color-mix(in srgb, var(--tutorial-color) 12%, var(--surface-2));width:45px;height:45px;color:var(--tutorial-color);font:700 7px/1.3 var(--font-mono);text-align:center;border-radius:12px;place-items:center;display:grid}.tutorial-concept-visual header small{color:var(--tutorial-color);font:700 6.5px var(--font-mono);letter-spacing:.12em}.tutorial-concept-visual h2{letter-spacing:-.025em;margin:3px 0 0;font-size:18px}.editorial-flow{align-items:center;gap:8px;display:flex}.editorial-flow-node{border:1px solid color-mix(in srgb, var(--tone) 27%, var(--border));background:color-mix(in srgb, var(--tone) 6%, var(--surface-2));border-radius:10px;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:105px;padding:15px 13px;display:flex}.editorial-flow-node.tone-accent{--tone:var(--accent)}.editorial-flow-node.tone-blue{--tone:#63c7f2}.editorial-flow-node.tone-orange{--tone:#f29b63}.editorial-flow-node.tone-purple{--tone:#9b84ff}.editorial-flow-node small{color:var(--tone);font:700 6px var(--font-mono);letter-spacing:.1em}.editorial-flow-node strong{color:var(--text-primary);margin-top:6px;font-size:10.5px;line-height:1.35}.editorial-flow-node span{color:var(--text-muted);margin-top:4px;font-size:7.5px;line-height:1.45}.editorial-flow>i{color:color-mix(in srgb, var(--tutorial-color) 60%, var(--text-faint));font:600 11px var(--font-mono);font-style:normal}.binary-transform{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:13px;display:grid}.binary-transform>div{border:1px solid var(--border);background:var(--editor-bg);border-radius:10px;padding:17px;overflow:hidden}.binary-transform small{color:var(--tutorial-color);font:650 6.5px var(--font-mono);letter-spacing:.08em;display:block}.binary-transform code{color:var(--editor-text);font:600 10px var(--font-mono);white-space:nowrap;margin-top:12px;display:block;overflow-x:auto}.binary-transform span{color:var(--text-muted);font:550 7px var(--font-mono);margin-top:8px;display:block}.binary-transform>i{color:var(--text-faint);font:600 7px var(--font-mono);align-self:center;font-style:normal}.runtime-model{grid-template-columns:.8fr 1fr 1fr;gap:10px;display:grid}.runtime-model>section{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:0;padding:15px}.runtime-model section>small{color:var(--tutorial-color);font:700 6.5px var(--font-mono);letter-spacing:.1em;margin-bottom:10px;display:block}.stack-frame,.scope-link{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:6px;justify-content:space-between;align-items:center;gap:7px;margin-top:5px;padding:8px 9px;display:flex}.stack-frame.is-live{border-color:color-mix(in srgb, var(--tutorial-color) 42%, var(--border))}.stack-frame b,.scope-link b{min-width:0;color:var(--text-secondary);font:650 7.5px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack-frame span,.scope-link span{color:var(--text-faint);white-space:nowrap;font-size:6.5px}.heap-orbit{grid-template-columns:repeat(2,1fr);place-items:center;gap:6px;min-height:90px;display:grid}.heap-orbit span{border:1px solid color-mix(in srgb, var(--tutorial-color) 25%, var(--border));color:var(--text-secondary);text-align:center;border-radius:50%;padding:8px 5px;font-size:7px}.runtime-model section>p{color:var(--text-faint);margin:9px 0 0;font-size:7px;line-height:1.5}.editorial-matrix{border:1px solid var(--border);border-radius:10px;overflow:hidden}.editorial-matrix>div{grid-template-columns:1.3fr repeat(3,1fr);display:grid}.editorial-matrix>div span{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);color:var(--text-secondary);padding:10px 12px;font-size:8px}.editorial-matrix>div span:last-child{border-right:0}.editorial-matrix .matrix-head span{background:color-mix(in srgb, var(--tutorial-color) 8%, var(--surface-2));color:var(--text-primary);font-size:7px;font-weight:700}.editorial-matrix>small{color:var(--text-faint);padding:8px 12px;font-size:6.5px;display:block}.complexity-scale{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:15px 17px}.complexity-scale header{color:var(--text-faint);font:650 6.5px var(--font-mono);justify-content:space-between;margin-bottom:11px;display:flex}.complexity-scale>div{grid-template-columns:80px minmax(0,1fr) 70px;align-items:center;gap:10px;min-height:29px;display:grid}.complexity-scale code{color:var(--tutorial-color);font:650 8px var(--font-mono)}.complexity-scale i{background:linear-gradient(90deg, var(--tutorial-color), color-mix(in srgb, #f29b63 80%, var(--tutorial-color)));height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--tutorial-color) 18%, transparent);border-radius:99px}.complexity-scale div span{color:var(--text-muted);font-size:7px}.flex-visual{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:17px}.flex-visual header,.flex-visual footer{color:var(--text-faint);font:600 6.5px var(--font-mono);justify-content:space-between;align-items:center;display:flex}.flex-visual header b{color:var(--tutorial-color)}.flex-stage{border-left:1px dashed var(--tutorial-color);border-bottom:1px dashed color-mix(in srgb, var(--tutorial-color) 48%, transparent);align-items:stretch;gap:8px;margin:14px 0;padding:12px;display:flex}.flex-stage span{flex:var(--grow);border:1px solid color-mix(in srgb, var(--tutorial-color) 30%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 7%, var(--surface-1));min-height:62px;color:var(--text-secondary);font:650 8px var(--font-mono);border-radius:8px;place-items:center;padding:10px;display:grid}.scene-graph{flex-direction:column;align-items:center;display:flex}.scene-root{border:1px solid color-mix(in srgb, var(--tutorial-color) 38%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 8%, var(--surface-2));border-radius:10px;grid-template-columns:1fr auto;width:140px;padding:12px;display:grid}.scene-root small,.scene-level section>small{color:var(--tutorial-color);font:700 6px var(--font-mono);letter-spacing:.1em;grid-column:1/3}.scene-root strong,.scene-level section>strong{color:var(--text-primary);margin-top:5px;font-size:10px}.scene-root code,.scene-level section>code{color:var(--text-muted);font:600 8px var(--font-mono);margin-top:5px}.scene-graph>i{background:var(--border);width:1px;height:20px}.scene-level{grid-template-columns:1.4fr 1fr;gap:12px;width:min(100%,610px);display:grid}.scene-level>section{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;grid-template-columns:1fr auto;padding:14px;display:grid}.scene-level section>div{grid-column:1/3;gap:6px;margin-top:10px;display:flex}.scene-level section div span{background:var(--surface-1);color:var(--text-muted);text-align:center;border-radius:6px;flex:1;padding:6px 8px;font-size:7px}.scene-graph>p{color:var(--text-muted);margin:13px 0 0;font-size:8px}.gltf-stack{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gltf-stack section{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:15px}.gltf-stack small{color:var(--tutorial-color);font:700 6.5px var(--font-mono);letter-spacing:.1em}.gltf-stack section>div{justify-content:space-between;align-items:center;gap:5px;margin-top:11px;display:flex}.gltf-stack b{background:var(--surface-1);color:var(--text-secondary);font:600 7px var(--font-mono);border-radius:6px;padding:8px 7px}.gltf-stack i{color:var(--text-faint);font-style:normal}.gltf-stack>p{color:var(--text-muted);text-align:center;grid-column:1/3;margin:1px 0 0;font-size:8px}.tutorial-concept-visual>figure{border:1px solid var(--border);background:#080b11;border-radius:11px;margin:0;overflow:hidden;box-shadow:0 18px 42px #00000029}.tutorial-concept-visual>figure>div{aspect-ratio:16/9;position:relative;overflow:hidden}.tutorial-concept-visual>figure>div:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -80px 90px #04070c1f}.tutorial-concept-visual>figure img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.tutorial-concept-visual>figure:hover img{transform:scale(1.012)}.tutorial-concept-visual>figure figcaption{border-top:1px solid var(--border-soft);background:var(--surface-2);min-height:52px;color:var(--text-muted);align-items:center;padding:13px 16px;font-size:8.5px;line-height:1.65;display:flex}.tutorial-reading-layout.has-outline{grid-template-columns:minmax(0,780px) 205px;justify-content:center;gap:50px}.tutorial-reading-layout:not(.has-outline)>.tutorial-article{width:min(100%,780px);margin:0 auto}.tutorial-article{counter-reset:article-section}.tutorial-article h2{counter-increment:article-section}.tutorial-article h2:before{content:counter(article-section, decimal-leading-zero);width:auto;height:auto;box-shadow:none;color:var(--tutorial-color);font:700 9px var(--font-mono);vertical-align:3px;background:0 0;border-radius:0;margin:0 10px 0 0}.tutorial-figure{margin:28px 0}.tutorial-figure img{margin:0 auto}.tutorial-figure figcaption{color:var(--text-faint);font:550 7.5px var(--font-mono);text-align:center;margin-top:9px}.tutorial-related-section{border-top:1px solid var(--border);margin-top:54px;padding-top:31px}.tutorial-related-section>header>span{color:var(--tutorial-color);font:700 7px var(--font-mono);letter-spacing:.12em}.tutorial-related-section>header h2{border:0;margin:3px 0 17px;padding:0;font-size:21px}.tutorial-related-section>header h2:before{display:none}.tutorial-related-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.tutorial-article-card.is-compact{min-height:190px;padding:18px}.tutorial-article-card.is-compact>strong{font-size:13px}.tutorial-article-card.is-compact>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8.5px;display:-webkit-box;overflow:hidden}@media (max-width:1180px){.tutorial-home-page{padding-left:38px;padding-right:38px}.tutorial-home-copy{width:64%}.tutorial-home-orbit{width:290px;height:290px;right:2%}.editorial-flow-node{padding:12px 10px}}@media (max-width:980px){.tutorial-home-hero{min-height:0}.tutorial-home-copy{width:72%}.tutorial-home-orbit{opacity:.6;right:-80px}.tutorial-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-track-card:nth-child(n){grid-column:span 1}.tutorial-track-card:last-child{grid-column:1/3}.editorial-flow{padding-bottom:5px;display:flex;overflow-x:auto}.editorial-flow-node{min-width:145px}.runtime-model{grid-template-columns:1fr}}@media (max-width:900px){.tutorial-home-page{padding:34px 28px 68px}.tutorial-home-hero{padding-left:38px;padding-right:38px}.tutorial-focus-section>div{grid-template-columns:1fr}.tutorial-reading-progress{left:0}}@media (max-width:650px){.tutorial-home-page{padding:20px 15px 48px}.tutorial-home-hero{border-radius:16px;min-height:0;padding:34px 22px 0}.tutorial-home-copy{width:100%}.tutorial-home-copy h1{font-size:37px}.tutorial-home-copy>p{font-size:11px}.tutorial-home-copy>div{flex-direction:column;align-items:stretch}.tutorial-home-copy a{justify-content:space-between}.tutorial-home-orbit{opacity:.45;width:270px;height:270px;top:278px;right:-100px}.tutorial-home-hero>dl{grid-template-columns:repeat(3,1fr);margin-top:38px}.tutorial-home-hero>dl div{flex-direction:column;align-items:flex-start;gap:2px;min-height:74px;justify-content:center!important}.tutorial-home-hero dt{font-size:20px}.tutorial-home-hero dd{font-size:7px}.tutorial-home-section{margin-top:50px}.tutorial-home-section>header h2{font-size:25px}.tutorial-focus-track{padding:21px 18px 18px}.tutorial-track-grid,.tutorial-featured-grid{grid-template-columns:1fr}.tutorial-track-card:nth-child(n){grid-column:span 1}.tutorial-track-card{min-height:190px}.tutorial-home-footer{grid-template-columns:1fr;gap:10px}.tutorial-editorial-guide>header{flex-direction:column;align-items:flex-start}.tutorial-editorial-guide>div{grid-template-columns:1fr;gap:19px}.tutorial-concept-visual{padding:19px 16px 20px}.tutorial-concept-visual>header{margin-bottom:16px}.tutorial-concept-visual>figure{border-radius:9px}.tutorial-concept-visual>figure figcaption{padding:11px 12px;font-size:8px}.binary-transform{grid-template-columns:1fr}.binary-transform>i{transform:rotate(90deg)}.editorial-matrix{overflow-x:auto}.editorial-matrix>div{min-width:520px}.complexity-scale>div{grid-template-columns:62px minmax(0,1fr) 44px}.scene-level,.gltf-stack{grid-template-columns:1fr}.gltf-stack>p{grid-column:1}.gltf-stack section>div{overflow-x:auto}.tutorial-related-section>div{grid-template-columns:1fr}.tutorial-article-card.is-compact{min-height:175px}.tutorial-generated-artwork{border-radius:12px}.tutorial-generated-artwork figcaption{grid-template-columns:1fr;gap:5px;padding:12px 14px}}.tutorial-chapter-map{border:1px solid color-mix(in srgb, var(--tutorial-color) 31%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--tutorial-color) 6%, var(--surface-1)), var(--surface-1));border-radius:15px;margin-top:24px;padding:29px}.tutorial-chapter-map>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:21px;display:flex}.tutorial-chapter-map>header>div{max-width:650px}.tutorial-chapter-map header span{color:var(--tutorial-color);font:750 7px var(--font-mono);letter-spacing:.14em}.tutorial-chapter-map h2{letter-spacing:-.04em;margin:4px 0 5px;font-size:25px}.tutorial-chapter-map header p{color:var(--text-muted);margin:0;font-size:9.5px;line-height:1.65}.tutorial-chapter-map header>small{color:var(--text-faint);font:600 7.5px var(--font-mono);flex:none}.tutorial-chapter-map ol{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tutorial-chapter-map li{border-bottom:1px solid var(--border-soft);min-width:0}.tutorial-chapter-map li:nth-child(odd){border-right:1px solid var(--border-soft)}.tutorial-chapter-map li:nth-last-child(-n+2){border-bottom:0}.tutorial-chapter-map li a{grid-template-columns:31px minmax(0,1fr) auto;align-items:start;gap:11px;min-height:142px;padding:22px 20px;transition:background .16s;display:grid}.tutorial-chapter-map li a:hover{background:color-mix(in srgb, var(--tutorial-color) 5%, transparent)}.tutorial-chapter-map li a>span{color:color-mix(in srgb, var(--tutorial-color) 70%, var(--text-muted));font:700 9px var(--font-mono);padding-top:2px}.tutorial-chapter-map li div{flex-direction:column;min-width:0;display:flex}.tutorial-chapter-map li div small{color:var(--tutorial-color);font:700 6.5px var(--font-mono);letter-spacing:.09em}.tutorial-chapter-map li strong{color:var(--text-primary);margin-top:5px;font-size:13px}.tutorial-chapter-map li p{color:var(--text-muted);margin:5px 0 0;font-size:8.5px;line-height:1.6}.tutorial-chapter-map li a>b{color:var(--text-faint);font:600 6.5px var(--font-mono);white-space:nowrap;padding-top:3px}.tutorial-chapter-map li a>b i{color:var(--tutorial-color);margin-left:5px;font-size:10px;font-style:normal}.tutorial-chapter-overview-related{width:min(100%,780px);margin:0 auto}.tutorial-chapter-overview-related .tutorial-related-section{margin-top:54px}.tutorial-chapter-hero{padding-top:36px;padding-bottom:32px}.tutorial-chapter-hero h1{max-width:850px;font-size:clamp(30px,4vw,47px)}.tutorial-chapter-rail{z-index:16;top:calc(var(--topbar-height) + 13px);border:1px solid color-mix(in srgb, var(--tutorial-color) 26%, var(--border));background:color-mix(in srgb, var(--surface-1) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;grid-template-columns:150px minmax(0,1fr);align-items:stretch;gap:8px;margin-top:18px;padding:8px;display:grid;position:sticky;box-shadow:0 13px 32px #00000021}.tutorial-chapter-overview-link{background:color-mix(in srgb, var(--tutorial-color) 8%, var(--surface-2));color:var(--tutorial-color);border-radius:7px;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:6px;padding:8px 10px;display:grid}.tutorial-chapter-overview-link>span{font:650 10px var(--font-mono)}.tutorial-chapter-overview-link>div{flex-direction:column;min-width:0;display:flex}.tutorial-chapter-overview-link small{color:color-mix(in srgb, var(--tutorial-color) 70%, var(--text-muted));font:650 5.5px var(--font-mono);letter-spacing:.06em}.tutorial-chapter-overview-link strong{margin-top:2px;font-size:8px}.tutorial-chapter-rail>div{scrollbar-width:none;align-items:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto}.tutorial-chapter-rail>div::-webkit-scrollbar{display:none}.tutorial-chapter-rail>div>a{min-width:122px;color:var(--text-muted);border:1px solid #0000;border-radius:7px;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:5px;padding:8px 9px;display:grid}.tutorial-chapter-rail>div>a:hover{background:var(--surface-2);color:var(--text-secondary)}.tutorial-chapter-rail>div>a.is-active{border-color:color-mix(in srgb, var(--tutorial-color) 31%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 9%, var(--surface-2));color:var(--tutorial-color)}.tutorial-chapter-rail>div>a span{font:650 7px var(--font-mono)}.tutorial-chapter-rail>div>a strong{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.tutorial-chapter-page .tutorial-reading-layout{margin-top:31px}@media (max-width:900px){.tutorial-chapter-map ol{grid-template-columns:1fr}.tutorial-chapter-map li:nth-child(odd){border-right:0}.tutorial-chapter-map li:nth-last-child(-n+2){border-bottom:1px solid var(--border-soft)}.tutorial-chapter-map li:last-child{border-bottom:0}.tutorial-chapter-rail{grid-template-columns:130px minmax(0,1fr)}}@media (max-width:650px){.tutorial-chapter-map{padding:21px 16px}.tutorial-chapter-map>header{flex-direction:column;align-items:flex-start;gap:9px}.tutorial-chapter-map h2{font-size:21px}.tutorial-chapter-map li a{grid-template-columns:25px minmax(0,1fr);min-height:132px;padding:19px 8px}.tutorial-chapter-map li a>b{grid-column:2}.tutorial-chapter-rail{grid-template-columns:1fr;position:relative;top:auto}.tutorial-chapter-overview-link{min-height:42px}.tutorial-chapter-rail>div>a{min-width:112px}}.tutorial-sidebar-intro>p{font-size:12px;line-height:1.7}.tutorial-search input,.tutorial-root>header strong{font-size:12px}.tutorial-root>header small,.tutorial-tree-branch summary small,.tutorial-tree-leaf>small{font-size:9px}.tutorial-sync-status strong{font-size:10px}.tutorial-sync-status small{font-size:8.5px}.tutorial-kicker{font-size:10px}.tutorial-hero>p{max-width:820px;font-size:16px;line-height:1.8}.tutorial-meta{font-size:10px}.tutorial-meta button,.tutorial-meta a{min-height:32px;font-size:10px}.tutorial-hero-tags span{padding:5px 10px;font-size:9px}.tutorial-editorial-guide>header span,.tutorial-concept-visual header small,.tutorial-related-section>header>span{font-size:9px}.tutorial-editorial-guide>header strong,.tutorial-editorial-guide section>small{font-size:12px}.tutorial-editorial-guide li{font-size:12.5px;line-height:1.65}.tutorial-editorial-guide ol li:before{font-size:9px;top:2px}.tutorial-editorial-guide ul li:before{font-size:11px}.tutorial-editorial-note small{font-size:9px}.tutorial-editorial-note strong{margin-top:4px;font-size:14px}.tutorial-editorial-note p{margin-top:6px;font-size:12.5px;line-height:1.72}.tutorial-reading-layout.has-outline{grid-template-columns:minmax(0,780px) 220px;gap:46px}.tutorial-article{font-size:16px;line-height:1.92}.tutorial-article h2{margin-top:52px;font-size:25px}.tutorial-article h3{margin-top:36px;font-size:20px}.tutorial-article h4{font-size:17px}.tutorial-article p{margin:15px 0}.tutorial-article .tutorial-section-lead{color:var(--text-muted);margin:-2px 0 23px;font-size:17px;line-height:1.85}.tutorial-article p.is-dense{border-left:2px solid color-mix(in srgb, var(--tutorial-color) 45%, var(--border));background:color-mix(in srgb, var(--tutorial-color) 4%, var(--surface-1));padding:17px 19px}.tutorial-article blockquote{padding:20px 22px;position:relative}.tutorial-article blockquote.is-note:before,.tutorial-article blockquote.is-warning:before{color:var(--tutorial-color);font:750 9px var(--font-mono);letter-spacing:.12em;margin-bottom:7px;display:block}.tutorial-article blockquote.is-note:before{content:"EDITOR NOTE · 提示"}.tutorial-article blockquote.is-warning{border-color:color-mix(in srgb, #f29b63 38%, var(--border));background:color-mix(in srgb, #f29b63 7%, var(--surface-1));border-left-color:#f29b63}.tutorial-article blockquote.is-warning:before{content:"WATCH OUT · 注意";color:#f29b63}.tutorial-figure{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:14px;margin:34px 0;padding:10px}.tutorial-figure img{box-shadow:none;border:0}.tutorial-figure figcaption{font:550 11px/1.6 var(--font-mono);text-align:left;margin:0;padding:10px 7px 4px}.tutorial-code-toolbar{height:42px;padding-left:16px}.tutorial-code-toolbar>span{color:var(--text-secondary);align-items:center;gap:8px;font-size:10px;display:inline-flex}.tutorial-code-toolbar>span>i{background:var(--tutorial-color);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--tutorial-color) 58%, transparent);border-radius:3px}.tutorial-code-toolbar>span>small{border-left:1px solid var(--border);color:var(--text-faint);font:550 9px var(--font-mono);letter-spacing:0;padding-left:8px}.tutorial-code-toolbar>div{align-items:center;gap:3px;display:flex}.tutorial-code-toolbar button{padding:6px 9px;font-size:10px}.tutorial-code-block{position:relative}.tutorial-code-viewport{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;grid-template-columns:max-content minmax(max-content,1fr);max-width:100%;display:grid;overflow:auto hidden}.tutorial-code-lines{z-index:1;border-right:1px solid var(--border-soft);background:var(--editor-gutter);color:color-mix(in srgb, var(--text-faint) 66%, transparent);font:500 13px/1.78 var(--font-mono);text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;padding:21px 13px 23px 12px;position:sticky;left:0}.tutorial-code-block pre{min-width:max-content;padding:21px 24px 23px 18px;font-size:13px;line-height:1.78;overflow:visible}.tutorial-code-block code.hljs{color:var(--editor-text);background:0 0;display:block;overflow:visible}.tutorial-code-block.is-collapsed:not(.is-expanded) .tutorial-code-viewport{max-height:460px}.tutorial-code-block.is-collapsed:not(.is-expanded):after{content:"";z-index:2;pointer-events:none;background:linear-gradient(transparent, var(--editor-bg) 82%);height:92px;position:absolute;bottom:0;left:0;right:0}.tutorial-code-block.is-expanded .tutorial-code-viewport{max-height:none}.tutorial-code-block .hljs-comment,.tutorial-code-block .hljs-quote{color:#7d8998;font-style:italic}.tutorial-code-block .hljs-keyword,.tutorial-code-block .hljs-selector-tag,.tutorial-code-block .hljs-literal,.tutorial-code-block .hljs-section,.tutorial-code-block .hljs-link{color:#e19bf8}.tutorial-code-block .hljs-string,.tutorial-code-block .hljs-doctag,.tutorial-code-block .hljs-regexp,.tutorial-code-block .hljs-template-tag,.tutorial-code-block .hljs-template-variable{color:#9ed0ff}.tutorial-code-block .hljs-title,.tutorial-code-block .hljs-title.function_,.tutorial-code-block .hljs-title.class_,.tutorial-code-block .hljs-function .hljs-title{color:#73dfc7}.tutorial-code-block .hljs-number,.tutorial-code-block .hljs-symbol,.tutorial-code-block .hljs-bullet,.tutorial-code-block .hljs-variable,.tutorial-code-block .hljs-variable.constant_{color:#82b7ff}.tutorial-code-block .hljs-type,.tutorial-code-block .hljs-built_in,.tutorial-code-block .hljs-selector-attr,.tutorial-code-block .hljs-selector-class,.tutorial-code-block .hljs-selector-id{color:#ffb86b}.tutorial-code-block .hljs-attr,.tutorial-code-block .hljs-attribute,.tutorial-code-block .hljs-property{color:#7fd9e8}.tutorial-code-block .hljs-meta,.tutorial-code-block .hljs-meta .hljs-keyword{color:#ff9f7f}.tutorial-code-block .hljs-params{color:#dce6ef}.tutorial-code-block .hljs-punctuation,.tutorial-code-block .hljs-tag{color:#a7b2bf}.tutorial-code-block .hljs-operator{color:#ff8b9a}.tutorial-code-block .hljs-emphasis{font-style:italic}.tutorial-code-block .hljs-strong{font-weight:750}.tutorial-code-block .hljs-addition{color:#83e89a;background:#3fb95026}.tutorial-code-block .hljs-deletion{color:#ff9a93;background:#f8514926}:root[data-theme=light] .tutorial-code-block .hljs-comment,:root[data-theme=light] .tutorial-code-block .hljs-quote{color:#6e7781}:root[data-theme=light] .tutorial-code-block .hljs-keyword,:root[data-theme=light] .tutorial-code-block .hljs-selector-tag,:root[data-theme=light] .tutorial-code-block .hljs-literal,:root[data-theme=light] .tutorial-code-block .hljs-section,:root[data-theme=light] .tutorial-code-block .hljs-link{color:#8250df}:root[data-theme=light] .tutorial-code-block .hljs-string,:root[data-theme=light] .tutorial-code-block .hljs-doctag,:root[data-theme=light] .tutorial-code-block .hljs-regexp,:root[data-theme=light] .tutorial-code-block .hljs-template-tag,:root[data-theme=light] .tutorial-code-block .hljs-template-variable{color:#0a609e}:root[data-theme=light] .tutorial-code-block .hljs-title,:root[data-theme=light] .tutorial-code-block .hljs-title.function_,:root[data-theme=light] .tutorial-code-block .hljs-title.class_,:root[data-theme=light] .tutorial-code-block .hljs-function .hljs-title{color:#087f72}:root[data-theme=light] .tutorial-code-block .hljs-number,:root[data-theme=light] .tutorial-code-block .hljs-symbol,:root[data-theme=light] .tutorial-code-block .hljs-bullet,:root[data-theme=light] .tutorial-code-block .hljs-variable,:root[data-theme=light] .tutorial-code-block .hljs-variable.constant_{color:#0550ae}:root[data-theme=light] .tutorial-code-block .hljs-type,:root[data-theme=light] .tutorial-code-block .hljs-built_in,:root[data-theme=light] .tutorial-code-block .hljs-selector-attr,:root[data-theme=light] .tutorial-code-block .hljs-selector-class,:root[data-theme=light] .tutorial-code-block .hljs-selector-id{color:#9a4c00}:root[data-theme=light] .tutorial-code-block .hljs-attr,:root[data-theme=light] .tutorial-code-block .hljs-attribute,:root[data-theme=light] .tutorial-code-block .hljs-property{color:#116f82}:root[data-theme=light] .tutorial-code-block .hljs-meta,:root[data-theme=light] .tutorial-code-block .hljs-meta .hljs-keyword{color:#cf4c28}:root[data-theme=light] .tutorial-code-block .hljs-params{color:#25313c}:root[data-theme=light] .tutorial-code-block .hljs-punctuation,:root[data-theme=light] .tutorial-code-block .hljs-tag{color:#57606a}.tutorial-table-scroll{border-radius:12px;outline:none;margin:28px 0}.tutorial-table-scroll:focus{border-color:color-mix(in srgb, var(--tutorial-color) 48%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--tutorial-color) 10%, transparent)}.tutorial-table-scroll table{font-size:13px;line-height:1.65}.tutorial-table-scroll th,.tutorial-table-scroll td{min-width:130px;padding:13px 14px}.tutorial-table-scroll thead th{z-index:1;position:sticky;top:0}.tutorial-concept-visual{border-radius:18px;padding:28px}.tutorial-concept-visual h2{font-size:23px}.tutorial-concept-visual>header>span{width:52px;height:52px;font-size:9px}.tutorial-concept-visual>figure{border-radius:13px}.tutorial-concept-visual>figure figcaption{min-height:66px;padding:16px 18px;font-size:13px;line-height:1.7}.tutorial-visual-notes{counter-reset:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tutorial-visual-notes li{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--tutorial-color) 4%, var(--surface-2));border-radius:10px;grid-template-columns:29px minmax(0,1fr);gap:10px;min-width:0;padding:15px 16px;display:grid}.tutorial-visual-notes li>span{background:color-mix(in srgb, var(--tutorial-color) 13%, var(--surface-1));width:29px;height:29px;color:var(--tutorial-color);font:750 9px var(--font-mono);border-radius:8px;place-items:center;display:grid}.tutorial-visual-notes li>div{min-width:0}.tutorial-visual-notes strong{color:var(--text-primary);font-size:13px;display:block}.tutorial-visual-notes p{color:var(--text-muted);margin:5px 0 0;font-size:12px;line-height:1.65}.tutorial-outline{padding-left:16px}.tutorial-outline>span{font-size:10px}.tutorial-outline button{font-size:11px;line-height:1.5}.tutorial-chapter-map header span,.tutorial-chapter-map li div small{font-size:9px}.tutorial-chapter-map header p,.tutorial-chapter-map li p{font-size:12px}.tutorial-chapter-map li strong{font-size:15px}.tutorial-chapter-map li a>b{font-size:9px}.tutorial-chapter-overview-link small,.tutorial-chapter-rail>div>a span{font-size:8px}.tutorial-chapter-overview-link strong,.tutorial-chapter-rail>div>a strong{font-size:10px}.tutorial-home-copy>p{font-size:16px}.tutorial-home-section>header p{font-size:13px}.tutorial-focus-track header p,.tutorial-track-card p,.tutorial-focus-track li strong{font-size:12px}.tutorial-focus-track li small,.tutorial-track-card small,.tutorial-card-top small,.tutorial-card-top>i{font-size:9px}.tutorial-track-card footer,.tutorial-card-tags i,.tutorial-card-action{font-size:10px}.tutorial-article-card>p{font-size:12.5px}.tutorial-home-footer p{font-size:12px}.tutorial-home-footer a{font-size:10px}@media (max-width:900px){.tutorial-reading-layout.has-outline{grid-template-columns:minmax(0,1fr)}.tutorial-outline{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;max-height:none;padding:18px;position:relative;top:auto}.tutorial-outline nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;display:grid}}@media (max-width:650px){.tutorial-page{padding-left:17px;padding-right:17px}.tutorial-hero>p{font-size:15px}.tutorial-meta{font-size:9px}.tutorial-editorial-guide li,.tutorial-editorial-note p{font-size:12px}.tutorial-article{font-size:15.5px;line-height:1.9}.tutorial-article .tutorial-section-lead{font-size:16px}.tutorial-code-lines{padding:18px 10px 20px 9px;font-size:12px;line-height:1.75}.tutorial-code-block pre{padding:18px 16px 20px 14px;font-size:12px;line-height:1.75}.tutorial-code-toolbar{align-items:stretch;height:auto;min-height:42px;padding:6px 7px 6px 12px}.tutorial-code-toolbar>span{gap:6px}.tutorial-code-toolbar>span>small{display:none}.tutorial-code-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.tutorial-concept-visual{padding:19px 15px 18px}.tutorial-concept-visual h2{font-size:19px}.tutorial-concept-visual>figure figcaption{font-size:12px}.tutorial-visual-notes{grid-template-columns:1fr}.tutorial-visual-notes li{padding:13px}.tutorial-outline nav{grid-template-columns:1fr}.tutorial-home-copy>p{font-size:14px}}.topbar{grid-template-columns:var(--sidebar-width) minmax(500px, 720px) 1fr;gap:18px}.primary-nav{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-1) 76%, transparent);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;min-width:0;height:48px;padding:4px;display:grid}.primary-nav a{min-width:0;color:var(--text-muted);border:1px solid #0000;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:27px minmax(0,1fr);align-items:center;column-gap:7px;padding:5px 8px;transition:border-color .16s,background .16s,color .16s;display:grid;position:relative}.primary-nav a:hover{background:var(--surface-2);color:var(--text-primary)}.primary-nav a.is-active{border-color:color-mix(in srgb, var(--section-color) 43%, var(--border));background:color-mix(in srgb, var(--section-color) 10%, var(--surface-2));color:var(--text-primary)}.primary-nav a:after{content:"";background:var(--section-color);opacity:0;border-radius:999px;height:2px;position:absolute;bottom:-5px;left:10px;right:10px}.primary-nav a.is-active:after{opacity:1}.primary-nav a>span{background:var(--surface-3);width:27px;height:27px;color:var(--section-color);font:750 8px var(--font-mono);border-radius:7px;grid-row:1/3;place-items:center;display:grid}.primary-nav a.is-active>span{background:color-mix(in srgb, var(--section-color) 17%, var(--surface-3))}.primary-nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.15;overflow:hidden}.primary-nav small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.2;overflow:hidden}.header-search kbd{margin-left:2px;font-size:8px;line-height:15px}.sidebar-context-card{border:1px solid color-mix(in srgb, var(--section-color) 32%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--section-color) 10%, var(--surface-1)), var(--surface-1));border-radius:12px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:82px;margin:0 6px 16px;padding:12px;display:grid}.sidebar-context-card:hover{border-color:color-mix(in srgb, var(--section-color) 58%, var(--border))}.sidebar-context-card>span{background:color-mix(in srgb, var(--section-color) 16%, var(--surface-3));width:35px;height:35px;color:var(--section-color);font:800 9px var(--font-mono);border-radius:9px;place-items:center;display:grid}.sidebar-context-card>div{flex-direction:column;min-width:0;display:flex}.sidebar-context-card small{color:var(--section-color);font:650 6.5px var(--font-mono);letter-spacing:.08em}.sidebar-context-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.sidebar-context-card p{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:7.5px;overflow:hidden}.sidebar-context-card>b{color:var(--section-color);font:650 7px var(--font-mono);white-space:nowrap}.category-sidebar-heading{padding:4px 7px 17px}.category-sidebar-heading>span{color:var(--accent);font:700 7px var(--font-mono);letter-spacing:.16em}.category-sidebar-heading>strong{letter-spacing:-.035em;margin-top:4px;font-size:20px;display:block}.category-sidebar-heading>p{color:var(--text-muted);margin:5px 0 0;font-size:9.5px;line-height:1.65}.category-sidebar-nav{gap:5px;display:grid}.category-sidebar-nav>a{min-height:58px;color:var(--text-muted);border:1px solid #0000;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.category-sidebar-nav>a:hover,.category-sidebar-nav>a.is-active{border-color:color-mix(in srgb, var(--section-color) 36%, var(--border));background:color-mix(in srgb, var(--section-color) 8%, var(--surface-1));color:var(--text-primary)}.category-sidebar-nav>a>span{background:color-mix(in srgb, var(--section-color) 13%, var(--surface-2));width:30px;height:30px;color:var(--section-color);font:750 8px var(--font-mono);border-radius:8px;place-items:center;display:grid}.category-sidebar-nav>a>div{flex-direction:column;min-width:0;display:flex}.category-sidebar-nav strong{font-size:10px}.category-sidebar-nav small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7.5px;overflow:hidden}.category-sidebar-nav b{color:var(--section-color);font:650 10px var(--font-mono)}.sidebar-continue-card{border:1px solid color-mix(in srgb, var(--section-color) 38%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--section-color) 10%, var(--surface-1)), var(--surface-1));border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:96px;margin:0 6px 18px;padding:13px 12px;display:grid}.sidebar-continue-card>span{background:color-mix(in srgb, var(--section-color) 16%, var(--surface-3));width:36px;height:36px;color:var(--section-color);font:800 9px var(--font-mono);border-radius:9px;place-items:center;display:grid}.sidebar-continue-card>div{flex-direction:column;min-width:0;display:flex}.sidebar-continue-card small{color:var(--section-color);font:700 8px var(--font-mono);letter-spacing:.06em}.sidebar-continue-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.35;overflow:hidden}.sidebar-continue-card p{color:var(--text-muted);margin:3px 0 0;font-size:9px}.sidebar-continue-card>b{color:var(--section-color);font:700 11px var(--font-mono)}.sidebar-resource-links{border-top:1px solid var(--border-soft);margin:20px 6px 0;padding-top:16px}.sidebar-resource-links>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebar-resource-links>header span{color:var(--text-muted);font:700 7px var(--font-mono);letter-spacing:.1em}.sidebar-resource-links>header small{color:var(--text-faint);font:600 6px var(--font-mono)}.sidebar-resource-links>a,.sidebar-resource-links>button{width:100%;min-height:44px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;display:flex}.sidebar-resource-links>a:hover,.sidebar-resource-links>button:hover{background:var(--surface-1);color:var(--text-primary)}.sidebar-resource-links svg{color:var(--accent)}.sidebar-resource-links>a>span,.sidebar-resource-links>button>span{flex-direction:column;display:flex}.sidebar-resource-links small{color:var(--text-faint);margin-top:1px;font-size:7px}.home-page{width:min(1320px,100%);margin:0 auto;padding:34px 48px 82px}.home-hero{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:radial-gradient(circle at 78% 28%, #9b84ff2b, transparent 28%), radial-gradient(circle at 18% 90%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 35%), linear-gradient(145deg, color-mix(in srgb, var(--accent) 7%, var(--surface-1)), var(--surface-1));border-radius:22px;min-height:540px;padding:60px 58px 116px;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px);opacity:.34;background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.home-hero-copy{z-index:2;width:min(650px,66%);position:relative}.home-hero-copy>span{color:var(--accent);font:750 9px var(--font-mono);letter-spacing:.18em}.home-hero-copy h1{letter-spacing:-.06em;margin:18px 0;font-size:clamp(40px,5vw,66px);line-height:1.06}.home-hero-copy h1 strong{color:#f1c75b;font-weight:inherit}.home-hero-copy>p{max-width:620px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.85}.home-hero-copy>div{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.home-hero-copy a{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent);color:#07110f;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-height:43px;padding:0 17px;font-size:11px;font-weight:750;display:inline-flex}.home-hero-copy a+a{background:var(--surface-2);color:var(--text-secondary)}.home-hero-mark{z-index:1;border:1px solid #9b84ff4d;border-radius:50%;place-items:center;width:285px;height:285px;display:grid;position:absolute;top:70px;right:7%}.home-hero-mark:before,.home-hero-mark:after,.home-hero-mark i{content:"";border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-hero-mark:before{width:72%;height:72%}.home-hero-mark:after{width:44%;height:44%}.home-hero-mark i:first-of-type{width:112%;height:38%;transform:translate(-50%,-50%)rotate(18deg)}.home-hero-mark i:nth-of-type(2){width:106%;height:48%;transform:translate(-50%,-50%)rotate(-42deg)}.home-hero-mark i:nth-of-type(3){border-style:dashed;width:88%;height:88%}.home-hero-mark>span{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 15%, var(--surface-2));width:72px;height:72px;color:var(--accent);font:850 18px var(--font-mono);border-radius:20px;place-items:center;display:grid;position:relative;transform:rotate(45deg)}.home-hero>dl{z-index:3;border-top:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;bottom:0;left:58px;right:58px}.home-hero>dl div{border-right:1px solid var(--border-soft);align-items:center;gap:10px;min-height:90px;display:flex}.home-hero>dl div:nth-child(2){justify-content:center}.home-hero>dl div:last-child{border-right:0;justify-content:flex-end}.home-hero dt{color:var(--text-primary);font:750 27px var(--font-mono)}.home-hero dd{color:var(--text-muted);margin:0;font-size:10px}.home-section{margin-top:72px}.home-section>header{max-width:700px;margin-bottom:24px}.home-section>header>span{color:var(--accent);font:750 9px var(--font-mono);letter-spacing:.16em}.home-section>header h2{letter-spacing:-.045em;margin:7px 0;font-size:31px}.home-section>header p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.home-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-direction-grid>a{border:1px solid color-mix(in srgb, var(--direction-color) 26%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--direction-color) 7%, var(--surface-1)), var(--surface-1));border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:46px minmax(0,1fr);gap:0 15px;min-height:205px;padding:23px;display:grid}.home-direction-grid>a:hover{border-color:color-mix(in srgb, var(--direction-color) 52%, var(--border));transform:translateY(-2px)}.home-direction-grid>a>span{background:color-mix(in srgb, var(--direction-color) 15%, var(--surface-2));width:46px;height:46px;color:var(--direction-color);font:800 10px var(--font-mono);border-radius:12px;place-items:center;display:grid}.home-direction-grid small{color:var(--direction-color);font:700 9px var(--font-mono)}.home-direction-grid strong{margin-top:7px;font-size:17px;display:block}.home-direction-grid p{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.7}.home-direction-grid>a>b{color:var(--direction-color);font:700 10px var(--font-mono);grid-column:2;align-self:end;padding-top:20px}.home-method-section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.home-method-section a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:150px;padding:21px;display:flex}.home-method-section a>span{color:var(--accent)}.home-method-section strong{margin-top:15px;font-size:16px}.home-method-section p{color:var(--text-muted);margin:7px 0 0;font-size:12px;line-height:1.7}.category-page{width:min(1320px,100%);margin:0 auto;padding:34px 48px 78px}.category-hero{border:1px solid color-mix(in srgb, var(--category-color) 25%, var(--border));background:radial-gradient(circle at 82% 28%, color-mix(in srgb, var(--category-color) 15%, transparent), transparent 25%), linear-gradient(145deg, color-mix(in srgb, var(--category-color) 6%, var(--surface-1)), var(--surface-1));border-radius:20px;min-height:500px;padding:58px 58px 108px;position:relative;overflow:hidden}.category-hero:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px);opacity:.35;background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.category-hero-copy{z-index:2;width:min(720px,68%);position:relative}.category-hero-copy>span{color:var(--category-color);font:750 8px var(--font-mono);letter-spacing:.2em}.category-hero h1{letter-spacing:-.06em;text-wrap:balance;margin:17px 0 18px;font-size:clamp(40px,5vw,66px);line-height:1.07}.category-hero-copy>p{max-width:660px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.9}.category-hero-copy>div{flex-wrap:wrap;gap:9px;margin-top:29px;display:flex}.category-hero-copy a{border:1px solid color-mix(in srgb, var(--category-color) 45%, var(--border));background:var(--category-color);color:#09110f;border-radius:9px;align-items:center;gap:18px;min-height:42px;padding:0 16px;font-size:10px;font-weight:750;display:inline-flex}.category-hero-copy a+a{background:color-mix(in srgb, var(--category-color) 6%, var(--surface-2));color:var(--text-secondary)}.category-hero-copy a:hover{filter:brightness(1.05);transform:translateY(-1px)}.category-hero-mark{z-index:1;border:1px solid color-mix(in srgb, var(--category-color) 34%, transparent);border-radius:50%;place-items:center;width:270px;height:270px;display:grid;position:absolute;top:72px;right:7%}.category-hero-mark:before,.category-hero-mark:after,.category-hero-mark i{content:"";border:1px solid color-mix(in srgb, var(--category-color) 24%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-hero-mark:before{width:70%;height:70%}.category-hero-mark:after{width:42%;height:42%}.category-hero-mark i:first-of-type{width:112%;height:35%;transform:translate(-50%,-50%)rotate(18deg)}.category-hero-mark i:nth-of-type(2){width:106%;height:46%;transform:translate(-50%,-50%)rotate(-42deg)}.category-hero-mark i:nth-of-type(3){border-style:dashed;width:87%;height:87%}.category-hero-mark>span{z-index:2;border:1px solid color-mix(in srgb, var(--category-color) 48%, var(--border));background:color-mix(in srgb, var(--category-color) 17%, var(--surface-2));width:68px;height:68px;color:var(--category-color);box-shadow:0 0 40px color-mix(in srgb, var(--category-color) 16%, transparent);font:850 17px var(--font-mono);border-radius:17px;place-items:center;display:grid;position:relative}.category-hero>dl{z-index:3;border-top:1px solid color-mix(in srgb, var(--category-color) 16%, var(--border));grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;bottom:0;left:58px;right:58px}.category-hero>dl div{border-right:1px solid var(--border-soft);align-items:center;gap:10px;min-height:88px;display:flex}.category-hero>dl div:nth-child(2){justify-content:center}.category-hero>dl div:last-child{border-right:0;justify-content:flex-end}.category-hero dt{color:var(--text-primary);font:750 25px var(--font-mono)}.category-hero dd{color:var(--text-muted);margin:0;font-size:8.5px}.category-orientation{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.category-orientation>div{border-right:1px solid var(--border-soft);flex-direction:column;justify-content:center;min-width:0;min-height:74px;padding:15px 18px;display:flex}.category-orientation>div:last-child{border-right:0}.category-orientation small{color:var(--category-color);font:700 9px var(--font-mono)}.category-orientation strong{margin-top:6px;font-size:12px;line-height:1.5}.category-section{margin-top:72px}.category-section>header{max-width:690px;margin-bottom:23px}.category-section>header>span{color:var(--category-color);font:750 7.5px var(--font-mono);letter-spacing:.17em}.category-section>header h2{letter-spacing:-.045em;margin:5px 0 7px;font-size:30px}.category-section>header p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.7}.category-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-path-grid>a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;min-height:112px;padding:18px;transition:all .17s;display:grid}.category-path-grid>a:hover{border-color:color-mix(in srgb, var(--path-color) 44%, var(--border));background:color-mix(in srgb, var(--path-color) 5%, var(--surface-1));transform:translateY(-2px)}.category-path-grid>a>span{background:color-mix(in srgb, var(--path-color) 13%, var(--surface-2));width:38px;height:38px;color:var(--path-color);font:750 9px var(--font-mono);border-radius:9px;place-items:center;display:grid}.category-path-grid>a>div{flex-direction:column;min-width:0;display:flex}.category-path-grid small{color:var(--path-color);font:700 6.5px var(--font-mono);letter-spacing:.1em}.category-path-grid strong{margin-top:4px;font-size:12px}.category-path-grid p{color:var(--text-muted);margin:5px 0 0;font-size:8.5px;line-height:1.55}.category-path-grid>a>b{color:var(--path-color);font:650 11px var(--font-mono)}.category-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.category-content-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;flex-direction:column;min-width:0;min-height:225px;padding:19px;transition:all .17s;display:flex}.category-content-card:hover{border-color:color-mix(in srgb, var(--card-color) 45%, var(--border));background:color-mix(in srgb, var(--card-color) 4%, var(--surface-1));transform:translateY(-3px)}.category-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-card-meta small{color:var(--card-color);font:700 6.5px var(--font-mono);letter-spacing:.09em}.category-card-meta>i{color:var(--text-faint);font:600 6.5px var(--font-mono);font-style:normal}.category-content-card>strong{color:var(--text-primary);margin-top:16px;font-size:15px;line-height:1.4}.category-content-card>strong>b{color:var(--card-color);font:650 8px var(--font-mono);margin-right:8px}.category-content-card>p{color:var(--text-muted);margin:8px 0 0;font-size:9px;line-height:1.7}.category-card-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.category-card-tags i{border:1px solid var(--border-soft);color:var(--text-faint);font:550 6.5px var(--font-mono);border-radius:5px;padding:3px 6px;font-style:normal}.category-card-action{border-top:1px solid var(--border-soft);color:var(--text-secondary);font:650 8px var(--font-mono);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.category-card-action b{color:var(--card-color);font-size:11px}.graphics-comparison-card{min-height:245px}.graphics-card-actions{border-top:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto;padding-top:15px;display:grid}.graphics-card-actions a{border:1px solid var(--border);background:var(--surface-2);min-width:0;min-height:34px;color:var(--text-secondary);font:650 7.5px var(--font-mono);border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;display:grid}.graphics-card-actions a:hover{border-color:color-mix(in srgb, var(--card-color) 48%, var(--border));color:var(--text-primary)}.graphics-card-actions a>span{background:color-mix(in srgb, var(--card-color) 12%, var(--surface-3));width:22px;height:22px;color:var(--card-color);border-radius:6px;place-items:center;font-size:6.5px;display:grid}.graphics-card-actions a>b{color:var(--card-color);font-size:9px}.category-quick-links>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.category-quick-links>div>a{border:1px solid var(--border-soft);background:linear-gradient(145deg, color-mix(in srgb, var(--category-color) 5%, var(--surface-1)), var(--surface-1));border-radius:12px;flex-direction:column;min-height:180px;padding:20px;display:flex}.category-quick-links>div>a:hover{border-color:color-mix(in srgb, var(--category-color) 45%, var(--border));transform:translateY(-2px)}.category-quick-links a>span{color:var(--category-color);font:700 8px var(--font-mono)}.category-quick-links a>strong{margin-top:14px;font-size:15px}.category-quick-links a>p{color:var(--text-muted);margin:7px 0 0;font-size:9px;line-height:1.65}.category-quick-links a>b{color:var(--category-color);font:650 8px var(--font-mono);margin-top:auto;padding-top:14px}.category-footer{border-top:1px solid var(--border);grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:74px;padding-top:25px;display:grid}.category-footer>span{color:var(--category-color);font:800 12px var(--font-mono)}.category-footer p{color:var(--text-muted);margin:0;font-size:9px}.category-footer p strong{color:var(--text-secondary)}.category-footer a{color:var(--category-color);font:650 8px var(--font-mono)}@media (max-width:1280px){.topbar{grid-template-columns:230px minmax(460px,1fr) auto}.brand-copy small,.primary-nav small{display:none}.primary-nav a{grid-template-rows:1fr}.primary-nav a>span{grid-row:auto}.header-search kbd,.topbar-button span{display:none}.category-quick-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:root{--topbar-height:112px}.topbar{height:var(--topbar-height);grid-template-rows:40px 49px;grid-template-columns:auto auto 1fr auto;gap:7px 9px;padding:8px 14px 7px}.mobile-menu{grid-area:1/1;display:inline-grid}.brand{grid-area:1/2}.brand-copy{display:flex}.brand-copy small{display:none}.topbar-actions{grid-area:1/4}.primary-nav{grid-area:2/1/auto/-1;height:45px}.primary-nav a{grid-template-columns:24px minmax(0,1fr);column-gap:5px;padding:4px 6px}.primary-nav a>span{width:24px;height:24px}.primary-nav strong{font-size:9px}.sidebar{top:var(--topbar-height)}.sidebar-scrim{inset:var(--topbar-height) 0 0}.category-page{padding:28px 27px 64px}.category-hero{padding-left:38px;padding-right:38px}.category-hero-copy{width:75%}.category-hero-mark{opacity:.55;right:-70px}.category-hero>dl{left:38px;right:38px}.category-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page{padding:28px 27px 64px}.home-hero{padding-left:38px;padding-right:38px}.home-hero-copy{width:76%}.home-hero-mark{opacity:.5;right:-70px}.home-hero>dl{left:38px;right:38px}}@media (max-width:650px){:root{--topbar-height:108px}.topbar{grid-template-columns:auto auto 1fr auto;padding-left:10px;padding-right:10px}.brand-mark{transform-origin:0;width:31px;transform:scale(.88)}.brand-copy strong{font-size:13px}.topbar-actions .topbar-button{display:none}.topbar-actions .header-search{display:inline-flex}.primary-nav{gap:2px;padding:3px}.primary-nav a{grid-template-columns:1fr;justify-items:center;padding:4px 3px}.primary-nav a>span{display:none}.primary-nav strong{font-size:8.5px}.category-page{padding:18px 14px 48px}.category-hero{border-radius:16px;min-height:575px;padding:34px 21px 84px}.category-hero-copy{width:100%}.category-hero h1{font-size:37px}.category-hero-copy>p{font-size:11.5px}.category-hero-copy>div{flex-direction:column;align-items:stretch}.category-hero-copy a{justify-content:space-between}.category-hero-mark{opacity:.42;width:240px;height:240px;top:305px;right:-80px}.category-hero>dl{grid-template-columns:repeat(3,1fr);left:21px;right:21px}.category-hero>dl div{flex-direction:column;align-items:flex-start;gap:1px;min-height:70px;justify-content:center!important}.category-hero dt{font-size:18px}.category-hero dd{font-size:6.5px;line-height:1.3}.category-section{margin-top:50px}.category-section>header h2{font-size:25px}.category-path-grid,.category-content-grid,.category-quick-links>div{grid-template-columns:1fr}.category-content-card{min-height:205px}.category-footer{grid-template-columns:1fr;gap:9px}.home-page{padding:18px 14px 50px}.home-hero{border-radius:16px;min-height:620px;padding:35px 22px 86px}.home-hero-copy{width:100%}.home-hero-copy h1{font-size:38px}.home-hero-copy>p{font-size:13px}.home-hero-copy>div{flex-direction:column;align-items:stretch}.home-hero-mark{opacity:.34;width:240px;height:240px;top:320px;right:-85px}.home-hero>dl{left:22px;right:22px}.home-hero>dl div{flex-direction:column;align-items:flex-start;gap:2px;min-height:72px;justify-content:center!important}.home-hero dt{font-size:19px}.home-hero dd{font-size:8px}.home-direction-grid,.home-method-section>div,.category-orientation{grid-template-columns:1fr}.category-orientation>div{border-right:0;border-bottom:1px solid var(--border-soft)}.category-orientation>div:last-child{border-bottom:0}}.category-section[id^=management-]{scroll-margin-top:calc(var(--topbar-height) + 86px)}.management-module-guide{max-width:800px;margin:64px 0 24px}.management-module-guide>span{color:var(--category-color);font:700 9px var(--font-mono);letter-spacing:.15em}.management-module-guide h2{letter-spacing:-.04em;margin:7px 0 8px;font-size:31px}.management-module-guide p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.75}.management-module{border:1px solid var(--border);background:var(--surface-1);border-radius:14px;margin-top:12px;overflow:hidden}.management-module[open]{border-color:color-mix(in srgb, var(--category-color) 38%, var(--border));box-shadow:0 18px 45px #00000017}.management-module-summary{cursor:pointer;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:18px 21px;list-style:none;display:grid}.management-module-summary::-webkit-details-marker{display:none}.management-module-summary:hover{background:color-mix(in srgb, var(--category-color) 5%, var(--surface-1))}.management-module-summary>span{background:color-mix(in srgb, var(--category-color) 14%, var(--surface-2));width:42px;height:42px;color:var(--category-color);font:750 11px var(--font-mono);border-radius:10px;place-items:center;display:grid}.management-module-summary>div{flex-direction:column;min-width:0;display:flex}.management-module-summary small{color:var(--category-color);font:700 8.5px var(--font-mono);letter-spacing:.09em}.management-module-summary strong{margin-top:3px;font-size:17px}.management-module-summary p{color:var(--text-muted);margin:4px 0 0;font-size:11px;line-height:1.55}.management-module-summary>b{border:1px solid color-mix(in srgb, var(--category-color) 30%, var(--border));min-width:76px;color:var(--category-color);text-align:center;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:650}.management-module[open]>.management-module-summary>b{font-size:0}.management-module[open]>.management-module-summary>b:after{content:"收起模块";font-size:9px}.management-module-content{border-top:1px solid var(--border-soft);padding:0 25px 32px}.management-module-content>.category-section:first-child{margin-top:38px}.management-module-content>.category-section+.category-section{margin-top:64px}.management-jump-nav{z-index:18;top:calc(var(--topbar-height) + 10px);border:1px solid color-mix(in srgb, var(--category-color) 28%, var(--border));background:color-mix(in srgb, var(--surface-1) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;border-radius:12px;gap:4px;margin:22px 0 0;padding:7px;display:flex;position:sticky;overflow-x:auto;box-shadow:0 14px 34px #00000029}.management-jump-nav::-webkit-scrollbar{display:none}.management-jump-nav a{min-width:max-content;color:var(--text-muted);border-radius:7px;padding:8px 12px;font-size:10px;font-weight:650}.management-jump-nav a:hover{background:color-mix(in srgb, var(--category-color) 9%, var(--surface-2));color:var(--category-color)}.management-section-heading{max-width:820px!important;margin-bottom:27px!important}.management-section-heading>span{font-size:8px!important}.management-section-heading h2{font-size:clamp(29px,3.5vw,42px)!important}.management-section-heading p{max-width:760px;font-size:14px!important;line-height:1.85!important}.management-panorama{border:1px solid color-mix(in srgb, var(--category-color) 30%, var(--border));background:#f8fafc;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 24px 70px #0003}.management-panorama>a{display:block;overflow:hidden}.management-panorama img{width:100%;height:auto;transition:transform .4s;display:block}.management-panorama>a:hover img{transform:scale(1.008)}.management-panorama figcaption{border-top:1px solid var(--border);background:var(--surface-1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 20px;display:grid}.management-panorama figcaption span{color:var(--category-color);font:700 8px var(--font-mono);letter-spacing:.1em}.management-panorama figcaption p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.65}.management-panorama figcaption a{color:var(--category-color);font:650 9px var(--font-mono);white-space:nowrap}.management-definition{border-left:3px solid var(--category-color);background:color-mix(in srgb, var(--category-color) 7%, var(--surface-1));border-radius:0 12px 12px 0;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:22px;margin-top:18px;padding:22px 24px;display:grid}.management-definition span{color:var(--category-color);font:700 9px var(--font-mono);letter-spacing:.12em}.management-definition strong{font-size:17px;line-height:1.65}.management-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.management-capability-grid article{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;min-height:210px;padding:22px}.management-capability-grid article>span{color:var(--category-color);font:700 9px var(--font-mono)}.management-capability-grid small{color:var(--text-faint);margin-top:25px;font-size:9px;display:block}.management-capability-grid h3{margin:4px 0 8px;font-size:19px}.management-capability-grid p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.75}.management-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.management-pillar-grid article{--pillar-color:var(--category-color);border:1px solid color-mix(in srgb, var(--pillar-color) 35%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--pillar-color) 8%, var(--surface-1)), var(--surface-1));border-radius:14px;padding:25px}.management-pillar-grid .is-technical{--pillar-color:#5bd6bf}.management-pillar-grid .is-project{--pillar-color:#7192ff}.management-pillar-grid .is-people{--pillar-color:#f29b63}.management-pillar-grid article>span{color:var(--pillar-color);font:700 8px var(--font-mono);letter-spacing:.14em}.management-pillar-grid h3{color:var(--pillar-color);margin:15px 0 5px;font-size:23px}.management-pillar-grid strong{font-size:12px}.management-pillar-grid p{color:var(--text-muted);margin:15px 0 0;font-size:10px;line-height:1.8}.management-loop{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.management-loop li{border:1px solid color-mix(in srgb, var(--category-color) 27%, var(--border));background:color-mix(in srgb, var(--category-color) 5%, var(--surface-1));border-radius:12px;flex-direction:column;min-width:0;min-height:170px;padding:17px 14px;display:flex;position:relative}.management-loop li>span{color:var(--category-color);font:750 9px var(--font-mono)}.management-loop li div{margin-top:auto}.management-loop strong{font-size:17px;display:block}.management-loop p{color:var(--text-muted);margin:6px 0 0;font-size:9.5px;line-height:1.6}.management-loop li>i{z-index:2;color:var(--category-color);font:700 12px var(--font-mono);font-style:normal;position:absolute;top:22px;right:-10px}.management-loop li:last-child>i{display:none}.management-loop-summary{background:var(--category-color);color:#17100b;border-radius:11px;justify-content:center;align-items:center;gap:24px;margin-top:10px;padding:17px 21px;display:flex}.management-loop-summary span{font-size:17px;font-weight:850}.management-loop-summary p{margin:0;font-size:11px;font-weight:700}.management-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.management-practice-grid>article{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;grid-template-columns:42px minmax(0,1fr);gap:16px;min-height:225px;padding:24px;display:grid}.management-practice-grid>article>span{background:color-mix(in srgb, var(--category-color) 13%, var(--surface-2));width:42px;height:42px;color:var(--category-color);font:750 10px var(--font-mono);border-radius:10px;place-items:center;display:grid}.management-practice-grid h3{margin:1px 0 8px;font-size:18px}.management-practice-grid p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.78}.management-practice-grid small{border-top:1px solid var(--border-soft);color:color-mix(in srgb, var(--category-color) 75%, var(--text-muted));margin-top:16px;padding-top:12px;font-size:9.5px;line-height:1.65;display:block}.management-example{border:1px solid color-mix(in srgb, #5bd6bf 35%, var(--border));background:color-mix(in srgb, #5bd6bf 6%, var(--surface-1));border-radius:14px;grid-template-columns:125px minmax(0,1fr);gap:24px;margin-top:14px;padding:24px;display:grid}.management-example>span{color:#5bd6bf;font:700 8px var(--font-mono);letter-spacing:.12em}.management-example strong{font-size:16px}.management-example p{color:var(--text-muted);margin:7px 0 0;font-size:11.5px;line-height:1.8}.management-project-layout{grid-template-columns:330px minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.management-project-triangle{border:1px solid var(--border);background:radial-gradient(circle, #7192ff21, transparent 58%), var(--surface-1);border-radius:15px;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.management-project-triangle:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#7192ff0d;border:2px solid #7192ff;width:260px;height:230px}.management-project-triangle strong{border:1px solid color-mix(in srgb, #7192ff 48%, var(--border));background:var(--surface-1);color:#7192ff;text-align:center;border-radius:50%;place-items:center;width:94px;height:94px;font-size:13px;display:grid;position:absolute}.management-project-triangle span{background:var(--surface-2);color:var(--text-secondary);border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute}.management-project-triangle .triangle-scope{top:64px}.management-project-triangle .triangle-resource{bottom:73px;left:34px}.management-project-triangle .triangle-date{bottom:73px;right:34px}.management-project-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.management-project-steps li{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:19px;display:grid}.management-project-steps li>span{color:#7192ff;font:750 9px var(--font-mono)}.management-project-steps strong{font-size:14px}.management-project-steps p{color:var(--text-muted);margin:6px 0 0;font-size:10.5px;line-height:1.7}.management-report-template{border:1px solid color-mix(in srgb, #7192ff 32%, var(--border));background:color-mix(in srgb, #7192ff 6%, var(--surface-1));white-space:nowrap;border-radius:11px;align-items:center;gap:11px;margin-top:14px;padding:17px 19px;display:flex;overflow-x:auto}.management-report-template>span{color:#7192ff;font:700 8px var(--font-mono);letter-spacing:.1em;margin-right:8px}.management-report-template strong{font-size:9.5px}.management-report-template i{color:#7192ff;font-style:normal}.management-people-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.management-people-grid article{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;min-height:215px;padding:20px}.management-people-grid article>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-people-grid h3{margin:35px 0 8px;font-size:17px}.management-people-grid p{color:var(--text-muted);margin:0;font-size:10.5px;line-height:1.72}.management-boundary-note{background:color-mix(in srgb, var(--category-color) 8%, var(--surface-1));border-radius:11px;align-items:flex-start;gap:20px;margin-top:13px;padding:19px 22px;display:flex}.management-boundary-note>span{color:var(--category-color);font:700 9px var(--font-mono);flex:none}.management-boundary-note p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.75}.management-boundary-note strong{color:var(--text-primary)}.management-scenario-table{border:1px solid var(--border);border-radius:13px;overflow:hidden}.management-scenario-table>div{grid-template-columns:150px 230px minmax(0,1fr);align-items:center;display:grid}.management-scenario-table>div+div{border-top:1px solid var(--border-soft)}.management-scenario-table>div>*{margin:0;padding:15px 18px}.management-scenario-table>div>*+*{border-left:1px solid var(--border-soft)}.management-scenario-head{background:color-mix(in srgb, var(--category-color) 9%, var(--surface-2));color:var(--category-color);font:700 8px var(--font-mono);letter-spacing:.08em}.management-scenario-table strong{font-size:12px}.management-scenario-table div>span{color:var(--text-secondary);font-size:10.5px}.management-scenario-table p{color:var(--text-muted);font-size:10.5px;line-height:1.65}.management-answer-pattern{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;margin-top:14px;padding:22px}.management-answer-pattern header{align-items:baseline;gap:12px;display:flex}.management-answer-pattern header span{color:var(--category-color);font:700 8px var(--font-mono);letter-spacing:.1em}.management-answer-pattern h3{margin:0;font-size:18px}.management-answer-pattern ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.management-answer-pattern li{background:var(--surface-2);border-radius:9px;padding:14px}.management-answer-pattern b{color:var(--category-color);font-size:12px;display:block}.management-answer-pattern li span{color:var(--text-muted);margin-top:5px;font-size:9px;display:block}.management-understanding-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.management-understanding-grid article{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;min-height:190px;padding:23px}.management-understanding-grid span{color:var(--category-color);font:750 9px var(--font-mono)}.management-understanding-grid h3{margin:23px 0 8px;font-size:18px}.management-understanding-grid p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.78}.management-operating-system{border:1px solid color-mix(in srgb, var(--category-color) 32%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--category-color) 7%, var(--surface-1)), var(--surface-1));border-radius:15px;margin-top:18px;padding:28px}.management-operating-system>header span,.management-weekly-rhythm>header span,.management-applied-example>header span,.management-practice-plan>header span{color:var(--category-color);font:700 8px var(--font-mono);letter-spacing:.12em}.management-operating-system>header h3,.management-weekly-rhythm>header h3,.management-applied-example>header h3,.management-practice-plan>header h3{margin:5px 0 6px;font-size:22px}.management-operating-system>header p,.management-practice-plan>header p{max-width:720px;color:var(--text-muted);margin:0;font-size:11px;line-height:1.7}.management-operating-system>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0 0;padding:0;list-style:none;display:grid;position:relative}.management-operating-system li{border:1px solid var(--border);background:var(--surface-1);border-radius:11px;min-height:180px;padding:19px}.management-operating-system li>span{color:var(--category-color);font:700 9px var(--font-mono)}.management-operating-system li div{margin-top:30px}.management-operating-system li strong{font-size:14px}.management-operating-system li p{color:var(--text-muted);margin:6px 0 0;font-size:10.5px;line-height:1.68}.management-artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.management-artifact-grid article{border:1px solid var(--border);background:var(--surface-1);border-radius:11px;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:19px;display:grid}.management-artifact-grid article>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-artifact-grid h3{margin:0;font-size:13px}.management-artifact-grid p{color:var(--text-muted);margin:6px 0 0;font-size:10px;line-height:1.65}.management-weekly-rhythm{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;margin-top:14px;padding:24px}.management-weekly-rhythm>div{grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin-top:18px;display:grid}.management-weekly-rhythm article{background:color-mix(in srgb, var(--category-color) 6%, var(--surface-2));border-radius:10px;min-height:130px;padding:17px}.management-weekly-rhythm article>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-weekly-rhythm strong{margin-top:16px;font-size:13px;display:block}.management-weekly-rhythm p{color:var(--text-muted);margin:5px 0 0;font-size:9.5px;line-height:1.6}.management-weekly-rhythm i{color:var(--category-color);font:700 12px var(--font-mono);text-align:center;font-style:normal}.management-applied-example{border:1px solid color-mix(in srgb, #5bd6bf 32%, var(--border));background:color-mix(in srgb, #5bd6bf 5%, var(--surface-1));border-radius:14px;margin-top:14px;padding:27px}.management-applied-example>header span{color:#5bd6bf}.management-applied-example>ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:22px 0 0;padding:0;list-style:none;display:grid}.management-applied-example li{border:1px solid color-mix(in srgb, #5bd6bf 20%, var(--border));background:var(--surface-1);border-radius:9px;padding:15px 13px}.management-applied-example b{color:#5bd6bf;font-size:12px}.management-applied-example p{color:var(--text-muted);margin:8px 0 0;font-size:9px;line-height:1.62}.management-practice-plan{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;margin-top:14px;padding:25px}.management-practice-plan ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.management-practice-plan li{background:var(--surface-2);border-radius:10px;padding:17px}.management-practice-plan li>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-practice-plan strong{margin-top:20px;font-size:13px;display:block}.management-practice-plan li p{color:var(--text-muted);margin:6px 0 0;font-size:9.5px;line-height:1.65}.management-lightweight-rule{background:var(--category-color);color:#1a1008;border-radius:11px;grid-template-columns:95px minmax(0,1fr);align-items:center;gap:20px;margin-top:14px;padding:20px 23px;display:grid}.management-lightweight-rule span{font:800 9px var(--font-mono);letter-spacing:.1em}.management-lightweight-rule strong{font-size:14px;line-height:1.6}.management-maturity{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.management-maturity li{border:1px solid var(--border);background:var(--surface-1);border-radius:13px;min-height:230px;padding:22px;position:relative}.management-maturity li:after{content:"";height:calc((var(--level,1)) * 4px);background:color-mix(in srgb, var(--category-color) 72%, transparent);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:22px;right:22px}.management-maturity li:nth-child(2){--level:2}.management-maturity li:nth-child(3){--level:3}.management-maturity li:nth-child(4){--level:4}.management-maturity li>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-maturity div{margin-top:35px}.management-maturity small{color:var(--text-faint);font-size:9px;display:block}.management-maturity strong{margin-top:5px;font-size:16px;display:block}.management-maturity p{color:var(--text-muted);margin:8px 0 0;font-size:10.5px;line-height:1.7}.management-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.management-checklist-progress{border:1px solid color-mix(in srgb, var(--category-color) 30%, var(--border));background:color-mix(in srgb, var(--category-color) 6%, var(--surface-1));border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:14px 16px;display:flex}.management-checklist-progress>div{align-items:baseline;gap:9px;display:flex}.management-checklist-progress strong{color:var(--category-color);font:750 17px var(--font-mono)}.management-checklist-progress span{color:var(--text-muted);font-size:11px}.management-checklist-progress button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:7px;padding:7px 9px;font-size:10px}.management-checklist-progress button:hover{border-color:var(--category-color);color:var(--category-color)}.management-checklist label{border:1px solid var(--border);background:var(--surface-1);cursor:pointer;border-radius:11px;grid-template-columns:28px 20px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:15px 18px;font-size:12px;display:grid}.management-checklist label>span{color:var(--category-color);font:700 8px var(--font-mono)}.management-checklist input{width:17px;height:17px;accent-color:var(--category-color)}.management-final-takeaway{border:1px solid color-mix(in srgb, var(--category-color) 42%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--category-color) 12%, var(--surface-1)), var(--surface-1));border-radius:15px;margin-top:18px;padding:34px}.management-final-takeaway span{color:var(--category-color);font:700 8px var(--font-mono);letter-spacing:.14em}.management-final-takeaway strong{letter-spacing:-.03em;max-width:920px;margin-top:12px;font-size:clamp(20px,2.8vw,34px);line-height:1.45;display:block}.management-final-takeaway p{color:var(--text-muted);margin:14px 0 0;font-size:13px}@media (max-width:1100px){.management-capability-grid,.management-artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-loop{grid-template-columns:repeat(4,minmax(0,1fr))}.management-loop li:nth-child(4)>i{display:none}.management-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.management-applied-example>ol{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.management-panorama figcaption{grid-template-columns:1fr auto}.management-panorama figcaption p{grid-area:2/1/auto/-1}.management-pillar-grid,.management-operating-system>ol,.management-project-layout{grid-template-columns:1fr}.management-project-triangle{min-height:350px}.management-answer-pattern ol{grid-template-columns:repeat(3,minmax(0,1fr))}.management-practice-plan ol,.management-maturity,.management-applied-example>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.management-module-guide{margin-top:48px}.management-module-guide h2{font-size:26px}.management-module-summary{grid-template-columns:36px minmax(0,1fr);padding:15px}.management-module-summary>span{width:36px;height:36px}.management-module-summary>b{grid-column:2;justify-self:start}.management-module-summary p{font-size:12px}.management-module-content{padding:0 14px 24px}.management-checklist-progress{flex-direction:column;align-items:flex-start}.management-jump-nav{top:calc(var(--topbar-height) + 6px);margin-top:14px}.management-jump-nav a{padding:7px 9px;font-size:9px}.management-section-heading p{font-size:13px!important}.management-panorama{border-radius:11px}.management-panorama>a{overflow-x:auto}.management-panorama img{min-width:760px}.management-panorama figcaption{padding:14px}.management-definition,.management-example,.management-lightweight-rule{grid-template-columns:1fr;gap:8px}.management-capability-grid,.management-practice-grid,.management-project-steps,.management-people-grid,.management-understanding-grid,.management-artifact-grid,.management-practice-plan ol,.management-maturity,.management-checklist{grid-template-columns:1fr}.management-loop{padding-bottom:6px;display:flex;overflow-x:auto}.management-loop li{min-width:165px}.management-loop li>i{display:block!important}.management-loop li:last-child>i{display:none!important}.management-loop-summary{flex-direction:column;align-items:flex-start;gap:4px}.management-practice-grid>article{grid-template-columns:36px minmax(0,1fr);padding:18px}.management-practice-grid>article>span{width:36px;height:36px}.management-scenario-table{overflow-x:auto}.management-scenario-table>div{min-width:710px}.management-answer-pattern ol{grid-template-columns:repeat(2,minmax(0,1fr))}.management-operating-system,.management-applied-example,.management-practice-plan{padding:20px 16px}.management-weekly-rhythm>div{grid-template-columns:1fr}.management-weekly-rhythm i{transform:rotate(90deg)}.management-applied-example>ol{grid-template-columns:1fr}.management-boundary-note{flex-direction:column;gap:8px}.management-final-takeaway{padding:25px 20px}}.primary-nav small,.sidebar-context-card small,.category-sidebar-heading>span,.sidebar-resource-links>header span{font-size:8.5px}.sidebar-context-card p,.category-sidebar-heading>p{font-size:10px}.sidebar-context-card>b,.sidebar-resource-links>header small{font-size:8.5px}.sidebar-resource-links strong{font-size:10.5px}.sidebar-resource-links small{font-size:9px;line-height:1.45}.tutorial-priority-paths>a strong{font-size:10.5px}.tutorial-priority-paths>a small{font-size:8.5px}.tutorial-tree-title{font-size:11px}.tutorial-tree-leaf>small,.vocabulary-card-top small{font-size:9px}.vocabulary-card .concept-naming-compact{font-size:10px}.vocabulary-card>span:last-child{font-size:11.5px}.flow-node-meta>span,.flow-node-meta code{font-size:9px}.flow-node summary>strong{font-size:11px}.flow-node-hint{font-size:9px}.flow-node>p{font-size:10.5px}.reference-table-summary small{font-size:10px}.reference-table-action,.reference-table-action b,.concept-reference-table[open] .reference-table-action>span:after{font-size:9.5px}.reference-table-scroll table{font-size:10.5px}.reference-table-scroll thead th{font-size:9.5px}.reference-table-content footer p,.reference-table-content footer a{font-size:10px}.syntax-example figcaption{font-size:10.5px}.syntax-breakdown strong{font-size:11.5px}.syntax-breakdown p,.relation-card strong,.relation-current strong{font-size:11px}.relation-empty{font-size:10.5px}.api-mode-copy small,.api-mode-status,.comparison-summary header small,.comparison-flow li{font-size:9.5px}.comparison-table{font-size:11px}.comparison-table thead th,.comparison-table tbody th,.comparison-table code{font-size:10px}.migration-tip{font-size:11px}.migration-tip strong{font-size:10px}.panel-title>span:not(.live-dot),.toolbar-button,.preview-placeholder small,.source-links a{font-size:10.5px}.page-link small{font-size:10px}.category-path-grid small,.category-card-meta small,.category-card-meta>i,.category-card-tags i{font-size:9px}.category-path-grid p,.category-content-card>p,.category-quick-links a>p,.category-footer p{font-size:11px}.category-card-action,.category-quick-links a>b,.category-footer a{font-size:9.5px}@media (min-width:1101px) and (max-width:1280px){.topbar{grid-template-columns:220px minmax(430px,1fr) auto;gap:12px;padding-left:16px;padding-right:16px}.topbar-actions{gap:2px}.topbar-button{gap:5px;padding:8px 7px;font-size:11px}.topbar-button span{display:inline}}@media (max-width:650px){.lesson-optional-module>summary{grid-template-columns:34px minmax(0,1fr)}.optional-module-icon{width:34px;height:34px}.lesson-optional-module>summary>b{grid-column:2;justify-self:start}.lesson-optional-module>summary p{font-size:11px}.tutorial-home-hero dd,.category-hero dd{font-size:9px}}.home-problem-feature{border:1px solid color-mix(in srgb, #9a8cff 40%, var(--border));background:radial-gradient(circle at 82% 15%, #9a8cff29, transparent 36%), linear-gradient(135deg, color-mix(in srgb, #9a8cff 8%, var(--surface-1)), var(--surface-1));border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 50px;margin-top:72px;padding:30px 32px;display:grid;overflow:hidden}.home-problem-feature>div{max-width:720px}.home-problem-feature>div>span{color:#aa9dff;font:750 9px var(--font-mono);letter-spacing:.15em}.home-problem-feature h2{letter-spacing:-.04em;margin:8px 0;font-size:28px}.home-problem-feature p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.75}.home-problem-feature dl{align-items:center;gap:20px;margin:0;display:flex}.home-problem-feature dl div{text-align:center;min-width:70px}.home-problem-feature dt{color:#aa9dff;font:750 23px var(--font-mono)}.home-problem-feature dd{color:var(--text-faint);margin:2px 0 0;font-size:9px}.home-problem-feature>a{color:#0f0d1b;background:#9a8cff;border-radius:8px;grid-column:1/-1;width:max-content;padding:10px 14px;font-size:11px;font-weight:750}.problem-sidebar-intro{border-bottom:1px solid var(--border-soft);padding:4px 7px 18px}.problem-sidebar-intro>span{color:#aa9dff;font:700 8px var(--font-mono);letter-spacing:.14em}.problem-sidebar-intro>strong{letter-spacing:-.03em;margin-top:5px;font-size:18px;display:block}.problem-sidebar-intro>p{color:var(--text-muted);margin:5px 0 14px;font-size:10px}.problem-sidebar-intro>a{border:1px solid var(--border-soft);background:var(--surface-1);color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:10px;display:block}.problem-sidebar-intro>a:hover,.problem-sidebar-intro>a.is-active{border-color:color-mix(in srgb, #9a8cff 45%, var(--border));background:color-mix(in srgb, #9a8cff 8%, var(--surface-1));color:#b6adff}.problem-sidebar-nav{gap:19px;padding:16px 3px 0;display:grid}.problem-sidebar-nav>section>header{justify-content:space-between;align-items:baseline;gap:8px;margin:0 4px 7px;display:flex}.problem-sidebar-nav>section>header span{color:#9a8cff;font:700 7px var(--font-mono);letter-spacing:.14em}.problem-sidebar-nav>section>header strong{color:var(--text-faint);font-size:8.5px;font-weight:550}.problem-sidebar-nav>section>a{min-height:34px;color:var(--text-muted);border-radius:7px;align-items:center;gap:9px;padding:6px 8px;display:flex}.problem-sidebar-nav>section>a:hover,.problem-sidebar-nav>section>a.is-active{background:color-mix(in srgb, #9a8cff 9%, var(--surface-1));color:var(--text-primary)}.problem-sidebar-nav>section>a>span{border:1px solid color-mix(in srgb, #9a8cff 30%, var(--border));color:#a99eff;width:23px;height:23px;font:650 8px var(--font-mono);border-radius:6px;flex:0 0 23px;place-items:center;display:grid}.problem-sidebar-nav>section>a strong{font-size:10px}.problem-nav-group{border-radius:8px}.problem-nav-group>summary{cursor:pointer;color:var(--text-muted);border-radius:7px;grid-template-columns:63px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;list-style:none;display:grid}.problem-nav-group>summary::-webkit-details-marker{display:none}.problem-nav-group>summary:hover{background:var(--surface-1)}.problem-nav-group>summary span{color:#9a8cff;font:650 7px var(--font-mono)}.problem-nav-group>summary strong{font-size:9.5px}.problem-nav-group>summary b{font-size:9px;transition:transform .16s}.problem-nav-group[open]>summary b{transform:rotate(180deg)}.problem-nav-group>div{border-left:1px solid var(--border-soft);margin:1px 0 5px 18px;padding-left:9px;display:grid}.problem-nav-group>div a{color:var(--text-faint);border-radius:6px;padding:5px 8px;font-size:9.5px}.problem-nav-group>div a:hover,.problem-nav-group>div a.is-active{background:var(--surface-1);color:#b5abff}.problem-page{--problem-color:#9a8cff;--problem-warm:#f0b66d;width:min(1220px,100%);margin:0 auto;padding:34px 48px 82px}.problem-page a,.problem-page button{transition:border-color .16s,background .16s,color .16s,transform .16s}.problem-home-hero{border:1px solid color-mix(in srgb, var(--problem-color) 34%, var(--border));background:radial-gradient(circle at 82% 30%, color-mix(in srgb, var(--problem-color) 19%, transparent), transparent 31%), radial-gradient(circle at 20% 100%, color-mix(in srgb, var(--problem-warm) 10%, transparent), transparent 37%), linear-gradient(145deg, color-mix(in srgb, var(--problem-color) 7%, var(--surface-1)), var(--surface-1));border-radius:22px;min-height:570px;padding:62px 58px 118px;position:relative;overflow:hidden}.problem-home-hero:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--border) 25%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 25%, transparent) 1px, transparent 1px);opacity:.34;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 10%,#0000 80%);mask-image:linear-gradient(90deg,#000 10%,#0000 80%)}.problem-hero-copy{z-index:2;width:min(690px,68%);position:relative}.problem-hero-copy>span,.problem-catalog-section>header>span,.problem-method-map>header>span,.problem-classifier>header>span,.problem-steps>header>span,.problem-example>header>span,.problem-recommended-methods>header>span,.workflow-timeline>header>span,.complexity-ladder>header>span,.template-sheet>header>span,.template-review-list>span{color:var(--problem-color);font:750 9px var(--font-mono);letter-spacing:.15em}.problem-hero-copy h1{letter-spacing:-.06em;margin:18px 0;font-size:clamp(42px,5vw,67px);line-height:1.07}.problem-hero-copy h1 strong{color:var(--problem-warm);font-weight:inherit}.problem-hero-copy>p{max-width:650px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.9}.problem-hero-copy>div{flex-wrap:wrap;gap:9px;margin-top:29px;display:flex}.problem-hero-copy a{border:1px solid color-mix(in srgb, var(--problem-color) 45%, var(--border));background:var(--problem-color);color:#0d0b18;border-radius:9px;align-items:center;gap:18px;min-height:43px;padding:0 16px;font-size:11px;font-weight:750;display:inline-flex}.problem-hero-copy a+a{background:var(--surface-2);color:var(--text-secondary)}.problem-hero-map{z-index:1;border:1px solid color-mix(in srgb, var(--problem-color) 30%, transparent);border-radius:50%;place-items:center;width:300px;height:300px;display:grid;position:absolute;top:74px;right:7%}.problem-hero-map:before,.problem-hero-map:after{content:"";border:1px dashed color-mix(in srgb, var(--problem-color) 27%, transparent);border-radius:50%;position:absolute;inset:15%}.problem-hero-map:after{border-style:solid;inset:34%}.problem-hero-map>span{background:color-mix(in srgb, var(--problem-color) 16%, var(--surface-2));color:#c2baff;border-radius:50%;place-items:center;width:76px;height:76px;font-weight:800;display:grid}.problem-hero-map>i{--angle:calc(var(--i) * 51.43deg);left:calc(50% + cos(var(--angle)) * 132px);top:calc(50% + sin(var(--angle)) * 132px);border:1px solid color-mix(in srgb, var(--problem-color) 42%, var(--border));background:var(--surface-1);width:34px;height:34px;color:var(--problem-color);font:700 9px var(--font-mono);border-radius:9px;place-items:center;font-style:normal;display:grid;position:absolute;transform:translate(-50%,-50%)}.problem-home-hero>dl{z-index:3;border-top:1px solid color-mix(in srgb, var(--problem-color) 20%, var(--border));grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;bottom:0;left:58px;right:58px}.problem-home-hero>dl div{border-right:1px solid var(--border-soft);align-items:center;gap:10px;min-height:90px;display:flex}.problem-home-hero>dl div:nth-child(2){justify-content:center}.problem-home-hero>dl div:last-child{border-right:0;justify-content:flex-end}.problem-home-hero dt{color:var(--problem-color);font:750 27px var(--font-mono)}.problem-home-hero dd{color:var(--text-muted);margin:0;font-size:10px}.problem-principle{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;grid-template-columns:100px minmax(0,1.4fr) minmax(240px,.8fr);align-items:center;gap:24px;margin-top:14px;padding:23px 26px;display:grid}.problem-principle>span{color:var(--problem-warm);font:750 9px var(--font-mono);letter-spacing:.12em}.problem-principle blockquote{color:var(--text-primary);margin:0;font-size:16px;font-weight:650;line-height:1.65}.problem-principle p{color:var(--text-muted);margin:0;font-size:10.5px;line-height:1.7}.problem-classifier,.problem-catalog-section,.problem-method-map{margin-top:72px}.problem-classifier>header,.problem-catalog-section>header,.problem-method-map>header,.problem-steps>header,.problem-example>header,.problem-recommended-methods>header,.workflow-timeline>header,.complexity-ladder>header,.template-sheet>header{max-width:760px;margin-bottom:24px}.problem-classifier h2,.problem-catalog-section h2,.problem-method-map>header h2,.problem-steps>header h2,.problem-example>header h2,.problem-recommended-methods h2,.workflow-timeline h2,.complexity-ladder h2,.template-sheet h2,.template-review-list h2{letter-spacing:-.045em;margin:7px 0;font-size:30px}.problem-classifier>header p,.problem-catalog-section>header p,.problem-steps>header p,.template-sheet>header p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.75}.problem-classifier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.problem-classifier-grid button{border:1px solid var(--border-soft);background:var(--surface-1);min-height:72px;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:11px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.problem-classifier-grid button:hover,.problem-classifier-grid button.is-active{border-color:color-mix(in srgb, var(--problem-color) 48%, var(--border));background:color-mix(in srgb, var(--problem-color) 7%, var(--surface-1));transform:translateY(-1px)}.problem-classifier-grid button>span{background:color-mix(in srgb, var(--problem-color) 12%, var(--surface-2));color:#b3a9ff;border-radius:8px;place-items:center;width:44px;height:34px;font-size:10px;font-weight:750;display:grid}.problem-classifier-grid button strong{font-size:12px}.problem-classifier-grid button b{color:var(--problem-color)}.problem-classifier-result{border:1px dashed color-mix(in srgb, var(--problem-color) 40%, var(--border));background:color-mix(in srgb, var(--problem-color) 4%, var(--surface-1));border-radius:11px;align-items:center;gap:16px;min-height:76px;margin-top:10px;padding:14px 17px;display:flex}.problem-classifier-result>span{color:var(--problem-color);font:750 9px var(--font-mono);flex:none}.problem-classifier-result>div{flex:1}.problem-classifier-result strong{font-size:12px}.problem-classifier-result p{color:var(--text-muted);margin:2px 0;font-size:10.5px}.problem-classifier-result p a{color:#b8afff;text-underline-offset:3px;text-decoration:underline}.problem-classifier-result>a{color:var(--problem-color);font-size:10px;font-weight:700}.problem-loop-visual{border:1px solid color-mix(in srgb, var(--problem-color) 27%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, var(--problem-color) 6%, var(--surface-1)), var(--surface-1));border-radius:15px;margin:72px 0 0;padding:28px}.problem-loop-visual figcaption{flex-direction:column;display:flex}.problem-loop-visual figcaption span{color:var(--problem-color);font:750 8px var(--font-mono);letter-spacing:.14em}.problem-loop-visual figcaption strong{margin-top:5px;font-size:22px}.problem-loop-visual>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:23px;display:grid}.problem-loop-visual>div>div{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;flex-direction:column;justify-content:center;min-height:98px;padding:16px;display:flex;position:relative}.problem-loop-visual>div span{color:var(--problem-color);font:700 8px var(--font-mono)}.problem-loop-visual>div strong{margin-top:8px;font-size:14px}.problem-loop-visual>div small{color:var(--text-faint);font:500 8px var(--font-mono)}.problem-loop-visual>div i{color:var(--problem-color);font-style:normal;position:absolute;right:-18px}.problem-loop-visual>p{color:var(--text-muted);margin:17px 0 0;font-size:11px}.problem-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.problem-type-grid>a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:220px;padding:23px;display:flex}.problem-type-grid>a:first-child{grid-column:1/-1;min-height:190px}.problem-type-grid>a:hover{border-color:color-mix(in srgb, var(--problem-color) 44%, var(--border));background:color-mix(in srgb, var(--problem-color) 5%, var(--surface-1));transform:translateY(-2px)}.problem-type-grid>a>span{color:var(--problem-color);font:700 8px var(--font-mono);letter-spacing:.1em}.problem-type-grid h3{margin:15px 0 2px;font-size:20px}.problem-type-grid strong{color:var(--problem-warm);font-size:12px}.problem-type-grid p{color:var(--text-muted);margin:10px 0;font-size:11px;line-height:1.75}.problem-type-grid b{color:var(--problem-color);font:650 9px var(--font-mono);margin-top:auto}.problem-method-map>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.problem-method-map>div>section{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;padding:21px}.problem-method-map>div>section>header span{color:var(--problem-color);font:700 8px var(--font-mono)}.problem-method-map h3{margin:4px 0 0;font-size:17px}.problem-method-map>div>section>header p{color:var(--text-muted);margin:6px 0 15px;font-size:10px;line-height:1.65}.problem-method-map section>div{gap:6px;display:grid}.problem-method-map section>div a{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(100px,.45fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.problem-method-map section>div a:hover{border-color:color-mix(in srgb, var(--problem-color) 42%, var(--border))}.problem-method-map section>div strong{font-size:10.5px}.problem-method-map section>div span{color:var(--text-muted);font-size:9.5px}.problem-method-map section>div b{color:var(--problem-color)}.problem-start-path{border:1px solid color-mix(in srgb, var(--problem-warm) 34%, var(--border));background:color-mix(in srgb, var(--problem-warm) 5%, var(--surface-1));border-radius:14px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:72px;padding:27px 30px;display:grid}.problem-start-path>span{color:var(--problem-warm);font:750 9px var(--font-mono);letter-spacing:.12em}.problem-start-path h2{margin:0 0 9px;font-size:21px}.problem-start-path ol{gap:18px;margin:0;padding:0;list-style:none;display:flex}.problem-start-path li{align-items:center;gap:7px;display:flex}.problem-start-path li>span{background:color-mix(in srgb, var(--problem-warm) 15%, var(--surface-2));width:22px;height:22px;color:var(--problem-warm);font:700 8px var(--font-mono);border-radius:6px;place-items:center;display:grid}.problem-start-path p{color:var(--text-muted);margin:0;font-size:10px}.problem-start-path p a{color:var(--problem-warm)}.problem-start-path>a{background:var(--problem-warm);color:#161007;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:750}.problem-breadcrumb{color:var(--text-faint);align-items:center;gap:8px;margin-bottom:17px;font-size:10px;display:flex}.problem-breadcrumb a:hover{color:var(--problem-color)}.problem-breadcrumb strong{color:var(--text-secondary);font-weight:600}.problem-detail-hero{border:1px solid color-mix(in srgb, var(--problem-color) 34%, var(--border));background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--problem-color) 15%, transparent), transparent 35%), linear-gradient(140deg, color-mix(in srgb, var(--problem-color) 6%, var(--surface-1)), var(--surface-1));border-radius:19px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:44px;min-height:370px;padding:48px 50px;display:grid}.problem-detail-hero>div>span{color:var(--problem-color);font:750 9px var(--font-mono);letter-spacing:.16em}.problem-detail-hero h1{letter-spacing:-.055em;margin:13px 0 4px;font-size:clamp(39px,5vw,61px);line-height:1.08}.problem-detail-hero>div>strong{color:var(--problem-warm);font-size:17px}.problem-detail-hero>div>p{max-width:670px;color:var(--text-secondary);margin:18px 0 0;font-size:14px;line-height:1.85}.problem-detail-hero>aside{border:1px solid color-mix(in srgb, var(--problem-color) 28%, var(--border));background:color-mix(in srgb, var(--problem-color) 7%, var(--surface-2));border-radius:13px;padding:22px}.problem-detail-hero>aside small{color:var(--problem-color);font:700 8px var(--font-mono)}.problem-detail-hero>aside p{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.8}.problem-detail-hero>aside strong{color:var(--text-primary)}.method-hero>div>strong{color:#b7adff;font:600 10px var(--font-mono);letter-spacing:.08em}.method-hero>aside p{margin-top:0}.problem-definition{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:14px;margin-top:16px;padding:27px}.problem-definition>header span{color:var(--problem-color);font:750 8px var(--font-mono);letter-spacing:.13em}.problem-definition>header h2{margin:6px 0 12px;font-size:23px}.problem-definition>p{max-width:940px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.9}.problem-definition>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.problem-definition article{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:10px;padding:18px}.problem-definition article:first-child{border-top-color:color-mix(in srgb, var(--problem-color) 54%, var(--border))}.problem-definition article:last-child{border-top-color:color-mix(in srgb, var(--problem-warm) 50%, var(--border))}.problem-definition article>strong{font-size:12px}.problem-definition ul{color:var(--text-muted);margin:12px 0 0;padding-left:17px;font-size:11px;line-height:1.75}.problem-steps{margin-top:72px}.problem-steps>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.problem-steps>ol>li{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;grid-template-columns:42px minmax(0,1fr);gap:15px;min-height:225px;padding:22px;display:grid}.problem-steps>ol>li>span{background:color-mix(in srgb, var(--problem-color) 13%, var(--surface-2));width:42px;height:42px;color:var(--problem-color);font:750 10px var(--font-mono);border-radius:10px;place-items:center;display:grid}.problem-steps h3{margin:2px 0 8px;font-size:16px}.problem-steps li p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.78}.problem-steps blockquote{border-left:2px solid var(--problem-color);background:color-mix(in srgb, var(--problem-color) 5%, var(--surface-2));color:var(--text-secondary);margin:17px 0 0;padding:10px 12px;font-size:10.5px}.problem-example{border:1px solid color-mix(in srgb, var(--problem-warm) 29%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, var(--problem-warm) 5%, var(--surface-1)), var(--surface-1));border-radius:15px;margin-top:72px;padding:30px}.problem-example-before,.problem-example-result{border-radius:10px;padding:17px 19px}.problem-example-before{border:1px dashed var(--border);background:var(--surface-2)}.problem-example-result{border:1px solid color-mix(in srgb, var(--problem-color) 35%, var(--border));background:color-mix(in srgb, var(--problem-color) 7%, var(--surface-2))}.problem-example-before small,.problem-example-result small{color:var(--problem-warm);font:700 8px var(--font-mono);letter-spacing:.1em}.problem-example-result small{color:var(--problem-color)}.problem-example-before p,.problem-example-result p{margin:6px 0 0;font-size:12px;line-height:1.75}.problem-example>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.problem-example>ol li{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:9px;gap:10px;padding:13px 14px;display:flex}.problem-example>ol span{background:color-mix(in srgb, var(--problem-warm) 13%, var(--surface-2));width:23px;height:23px;color:var(--problem-warm);font:700 8px var(--font-mono);border-radius:6px;flex:0 0 23px;place-items:center;display:grid}.problem-example>ol p{color:var(--text-muted);margin:0;font-size:10.5px;line-height:1.7}.problem-recommended-methods{margin-top:72px}.problem-recommended-methods>div{gap:8px;display:grid}.problem-recommended-methods a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:80px;padding:14px 16px;display:grid}.problem-recommended-methods a:hover{border-color:color-mix(in srgb, var(--problem-color) 45%, var(--border));transform:translate(2px)}.problem-recommended-methods a>span{color:var(--problem-color);font:700 9px var(--font-mono)}.problem-recommended-methods a strong{font-size:13px}.problem-recommended-methods a p{color:var(--text-muted);margin:3px 0 0;font-size:10px}.problem-recommended-methods a b{color:var(--problem-color);font-size:9px}.problem-done-check{border:1px solid color-mix(in srgb, #70d7a3 32%, var(--border));background:color-mix(in srgb, #70d7a3 5%, var(--surface-1));border-radius:14px;margin-top:18px;padding:28px}.problem-done-check>span{color:var(--success);font:750 8px var(--font-mono);letter-spacing:.12em}.problem-done-check h2{margin:7px 0 15px;font-size:22px}.problem-done-check ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.problem-done-check li{color:var(--text-secondary);align-items:center;gap:10px;font-size:11px;display:flex}.problem-done-check li i{background:color-mix(in srgb, var(--success) 14%, var(--surface-2));width:23px;height:23px;color:var(--success);border-radius:50%;place-items:center;font-style:normal;display:grid}.problem-pagination{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:72px;padding-top:18px;display:grid}.problem-pagination>a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;flex-direction:column;min-height:75px;padding:14px;display:flex}.problem-pagination>a:hover{border-color:color-mix(in srgb, var(--problem-color) 43%, var(--border))}.problem-pagination>a:last-child{text-align:right}.problem-pagination small{color:var(--text-faint);font-size:8px}.problem-pagination strong{color:var(--text-secondary);margin-top:5px;font-size:11px}.method-template,.template-sheet{border:1px solid color-mix(in srgb, var(--problem-color) 32%, var(--border));background:var(--surface-1);border-radius:14px;margin-top:72px;padding:28px}.method-template header span{color:var(--problem-color);font:750 8px var(--font-mono);letter-spacing:.13em}.method-template h2{margin:6px 0;font-size:24px}.method-template header p{color:var(--text-muted);margin:0;font-size:11px}.method-template pre,.template-sheet pre{border:1px solid var(--border-soft);background:var(--editor-bg);color:var(--editor-text);font:500 11px/1.85 var(--font-mono);white-space:pre-wrap;border-radius:10px;margin:19px 0 12px;padding:20px;overflow:auto}.method-template button,.template-sheet button{background:var(--problem-color);color:#0e0c18;cursor:pointer;border:0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:750}.method-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.method-bottom-grid>section{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;padding:24px}.method-bottom-grid>section>span{color:var(--problem-warm);font:750 8px var(--font-mono);letter-spacing:.12em}.method-bottom-grid h2{margin:7px 0 14px;font-size:19px}.method-bottom-grid ul{color:var(--text-muted);margin:0;padding-left:18px;font-size:10.5px;line-height:1.8}.method-bottom-grid section>div{gap:7px;display:grid}.method-bottom-grid a{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:8px;grid-template-columns:1fr auto;padding:12px;display:grid}.method-bottom-grid a strong{font-size:11px}.method-bottom-grid a small{color:var(--text-faint);grid-column:1;font-size:9px}.method-bottom-grid a b{color:var(--problem-color);grid-area:1/2/3;align-self:center}.workflow-hero,.template-hero{min-height:390px}.workflow-page .problem-loop-visual{margin-top:16px}.workflow-timeline{margin-top:72px}.workflow-timeline>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.workflow-timeline li{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;grid-template-columns:43px minmax(0,1fr);gap:14px;min-height:170px;padding:20px;display:grid}.workflow-timeline li>span{background:color-mix(in srgb, var(--problem-color) 13%, var(--surface-2));width:43px;height:43px;color:var(--problem-color);font:750 9px var(--font-mono);border-radius:11px;place-items:center;display:grid}.workflow-timeline h3{margin:2px 0 7px;font-size:15px}.workflow-timeline p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.7}.workflow-timeline small{color:var(--text-faint);margin-top:9px;font-size:9.5px;line-height:1.65;display:block}.complexity-ladder{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:15px;margin-top:72px;padding:28px}.complexity-ladder>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.complexity-ladder article{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:10px;min-height:145px;padding:16px}.complexity-ladder article span{color:var(--problem-color);font:750 9px var(--font-mono)}.complexity-ladder h3{margin:13px 0 2px;font-size:13px}.complexity-ladder article strong{color:var(--problem-warm);font-size:9px}.complexity-ladder article p{color:var(--text-muted);margin:8px 0 0;font-size:9.5px}.complexity-ladder>p{color:var(--text-muted);margin:17px 0 0;font-size:11px}.template-choice-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.template-choice-guide article{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:12px;padding:23px}.template-choice-guide span{color:var(--problem-color);font:750 8px var(--font-mono)}.template-choice-guide h2{margin:7px 0;font-size:17px}.template-choice-guide p{color:var(--text-muted);margin:0;font-size:10.5px;line-height:1.7}.template-sheet+.template-sheet{margin-top:16px}.template-review-list{margin-top:72px}.template-review-list>ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.template-review-list li{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:9px;align-items:center;gap:11px;padding:14px;display:flex}.template-review-list li span{color:var(--problem-color);font:700 8px var(--font-mono)}.template-review-list li p{color:var(--text-secondary);margin:0;font-size:10.5px}@media (max-width:1100px){.problem-hero-map{right:3%;transform:scale(.8)}.problem-hero-copy{width:72%}.complexity-ladder>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.problem-page{padding:26px 28px 68px}.problem-home-hero{min-height:510px;padding:48px 38px 110px}.problem-hero-copy{width:75%}.problem-hero-map{opacity:.62;right:-8%}.problem-home-hero>dl{left:38px;right:38px}.problem-principle{grid-template-columns:80px 1fr}.problem-principle p{grid-column:2}.problem-loop-visual>div{grid-template-columns:repeat(5,150px);padding-bottom:7px;overflow-x:auto}.problem-detail-hero{grid-template-columns:1fr;gap:24px;padding:40px 34px}.problem-detail-hero>aside{max-width:680px}.problem-start-path{grid-template-columns:70px 1fr}.problem-start-path>a{grid-column:2;width:max-content}.home-problem-feature{grid-template-columns:1fr}.home-problem-feature dl{justify-self:start}.home-problem-feature>a{grid-column:1}}@media (max-width:650px){.problem-page{padding:18px 15px 54px}.problem-home-hero{border-radius:15px;min-height:640px;padding:37px 22px 170px}.problem-hero-copy{width:100%}.problem-hero-copy h1{font-size:39px}.problem-hero-copy>p{font-size:13px}.problem-hero-map{width:230px;height:230px;top:342px;right:50%;transform:translate(50%)scale(.72)}.problem-home-hero>dl{left:22px;right:22px}.problem-home-hero>dl div{text-align:center;flex-direction:column;gap:1px;min-height:76px;justify-content:center!important}.problem-home-hero dt{font-size:21px}.problem-principle{grid-template-columns:1fr;gap:9px;padding:19px}.problem-principle p{grid-column:1}.problem-classifier,.problem-catalog-section,.problem-method-map,.problem-loop-visual,.problem-steps,.problem-example,.problem-recommended-methods,.problem-pagination,.method-template,.workflow-timeline,.complexity-ladder,.template-review-list{margin-top:50px}.problem-classifier h2,.problem-catalog-section h2,.problem-method-map>header h2,.problem-steps>header h2,.problem-example>header h2,.problem-recommended-methods h2,.workflow-timeline h2,.complexity-ladder h2,.template-sheet h2,.template-review-list h2{font-size:25px}.problem-classifier-grid,.problem-type-grid,.problem-method-map>div,.problem-definition>div,.problem-steps>ol,.problem-example>ol,.method-bottom-grid,.workflow-timeline>ol,.template-choice-guide,.template-review-list>ol{grid-template-columns:1fr}.problem-type-grid>a:first-child{grid-column:1}.problem-type-grid>a{min-height:200px}.problem-method-map section>div a{grid-template-columns:1fr auto}.problem-method-map section>div span{grid-area:2/1/auto/-1}.problem-loop-visual{padding:20px 16px}.problem-loop-visual>div{grid-template-columns:repeat(5,132px)}.problem-start-path{grid-template-columns:1fr;gap:12px;margin-top:50px;padding:22px 19px}.problem-start-path ol{flex-direction:column}.problem-start-path>a{grid-column:1}.problem-breadcrumb{white-space:nowrap;overflow-x:auto}.problem-detail-hero{border-radius:14px;min-height:0;padding:32px 22px}.problem-detail-hero h1{font-size:39px}.problem-detail-hero>div>strong{font-size:14px}.problem-definition,.problem-example,.method-template,.template-sheet,.complexity-ladder{padding:20px 17px}.problem-steps>ol>li{min-height:0;padding:18px}.problem-example>ol{grid-template-columns:1fr}.problem-recommended-methods a{grid-template-columns:30px minmax(0,1fr)}.problem-recommended-methods a b{grid-column:2}.problem-pagination{grid-template-columns:1fr}.problem-pagination>a:last-child{text-align:left}.complexity-ladder>div{display:flex;overflow-x:auto}.complexity-ladder article{min-width:150px}.home-problem-feature{margin-top:50px;padding:23px 20px}.home-problem-feature dl{justify-content:space-between;gap:6px;width:100%}.home-problem-feature h2{font-size:24px}}.home-enterprise-feature{border:1px solid color-mix(in srgb, #70d39a 42%, var(--border));background:radial-gradient(circle at 82% 15%, #70d39a29, transparent 36%), linear-gradient(135deg, color-mix(in srgb, #70d39a 8%, var(--surface-1)), var(--surface-1));border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 50px;margin-top:72px;padding:30px 32px;display:grid;overflow:hidden}.home-enterprise-feature>div{max-width:720px}.home-enterprise-feature>div>span{color:#7be3a6;font:750 9px var(--font-mono);letter-spacing:.15em}.home-enterprise-feature h2{letter-spacing:-.04em;margin:8px 0;font-size:28px}.home-enterprise-feature p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.75}.home-enterprise-feature dl{align-items:center;gap:20px;margin:0;display:flex}.home-enterprise-feature dl div{text-align:center;min-width:70px}.home-enterprise-feature dt{color:#7be3a6;font:750 23px var(--font-mono)}.home-enterprise-feature dd{color:var(--text-faint);margin:2px 0 0;font-size:9px}.home-enterprise-feature>a{color:#07130d;background:#70d39a;border-radius:8px;grid-column:1/-1;width:max-content;padding:10px 14px;font-size:11px;font-weight:750}.enterprise-sidebar-intro{border-bottom:1px solid var(--border-soft);padding:4px 7px 18px}.enterprise-sidebar-intro>span{color:#7be3a6;font:700 8px var(--font-mono);letter-spacing:.14em}.enterprise-sidebar-intro>strong{letter-spacing:-.03em;margin-top:5px;font-size:17px;display:block}.enterprise-sidebar-intro>p{color:var(--text-muted);margin:5px 0 14px;font-size:9.5px}.enterprise-sidebar-intro>a{border:1px solid var(--border-soft);background:var(--surface-1);color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:10px;display:flex}.enterprise-sidebar-intro>a b{color:#7be3a6;font:650 8px var(--font-mono)}.enterprise-sidebar-intro>a:hover,.enterprise-sidebar-intro>a.is-active{border-color:color-mix(in srgb, #70d39a 42%, var(--border));background:color-mix(in srgb, #70d39a 8%, var(--surface-1));color:#7be3a6}.enterprise-sidebar-nav{gap:5px;margin-top:14px;display:grid}.enterprise-nav-group{border:1px solid #0000;border-radius:9px}.enterprise-nav-group[open]{border-color:var(--border-soft);background:color-mix(in srgb, var(--enterprise-module-color) 4%, var(--surface-1))}.enterprise-nav-group summary{cursor:pointer;border-radius:8px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:7px 8px;list-style:none;display:grid}.enterprise-nav-group summary::-webkit-details-marker{display:none}.enterprise-nav-group summary:hover{background:var(--surface-1)}.enterprise-nav-group summary>span{background:color-mix(in srgb, var(--enterprise-module-color) 13%, var(--surface-2));width:29px;height:29px;color:var(--enterprise-module-color);font:750 8px var(--font-mono);border-radius:7px;place-items:center;display:grid}.enterprise-nav-group summary>div{flex-direction:column;min-width:0;display:flex}.enterprise-nav-group summary small{color:var(--text-faint);font:550 6.5px var(--font-mono);letter-spacing:.07em}.enterprise-nav-group summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.enterprise-nav-group summary>b{color:var(--text-faint);font:600 7px var(--font-mono)}.enterprise-nav-group>div{gap:2px;padding:2px 6px 7px 17px;display:grid}.enterprise-nav-group>div a{min-height:34px;color:var(--text-muted);border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.enterprise-nav-group>div a:hover{background:var(--surface-2);color:var(--text-secondary)}.enterprise-nav-group>div a.is-active{background:color-mix(in srgb, var(--enterprise-module-color) 11%, var(--surface-2));color:var(--text-primary)}.enterprise-nav-group>div a>i{border:1px solid var(--border);width:20px;height:20px;color:var(--text-faint);font:600 6.5px var(--font-mono);border-radius:5px;place-items:center;font-style:normal;display:grid}.enterprise-nav-group>div a.is-complete>i{border-color:color-mix(in srgb, var(--success) 44%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--surface-1));color:var(--success)}.enterprise-nav-group>div a>span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.enterprise-nav-group>div a>small{color:var(--text-faint);font:500 6.5px var(--font-mono)}.enterprise-home,.enterprise-course-page{max-width:var(--page-width);margin:0 auto;padding:46px 50px 78px}.enterprise-home-hero{border:1px solid color-mix(in srgb, #70d39a 34%, var(--border));background:radial-gradient(circle at 83% 18%, #70d39a2b, transparent 34%), linear-gradient(140deg, color-mix(in srgb, #70d39a 6%, var(--surface-1)), var(--surface-1));border-radius:20px;min-height:500px;padding:58px 55px 120px;position:relative;overflow:hidden}.enterprise-home-hero:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--border) 30%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 30%, transparent) 1px, transparent 1px);opacity:.35;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.enterprise-home-copy{z-index:1;max-width:750px;position:relative}.enterprise-home-copy>span{color:#7be3a6;font:750 9px var(--font-mono);letter-spacing:.17em}.enterprise-home-copy h1{letter-spacing:-.06em;margin:17px 0 19px;font-size:clamp(42px,5.5vw,67px);line-height:1.07}.enterprise-home-copy h1 em{color:#7be3a6;font-style:normal}.enterprise-home-copy>p{max-width:690px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.85}.enterprise-home-copy>div{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.enterprise-home-copy>div a{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700}.enterprise-home-copy>div a:first-child{color:#07130d;background:#70d39a;border-color:#70d39a}.enterprise-home-progress{z-index:2;border:1px solid color-mix(in srgb, #70d39a 30%, var(--border));background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:13px;width:235px;padding:19px;position:absolute;bottom:38px;right:48px}.enterprise-home-progress>span{color:#7be3a6;font:700 7px var(--font-mono);letter-spacing:.13em}.enterprise-home-progress>strong{font:750 36px var(--font-mono);margin-top:4px;display:block}.enterprise-home-progress>strong small{color:var(--text-faint);font-size:13px}.enterprise-home-progress>div{background:var(--surface-3);border-radius:99px;height:4px;overflow:hidden}.enterprise-home-progress>div i{border-radius:inherit;background:linear-gradient(90deg,#70d39a,#67b8ff);height:100%;display:block}.enterprise-home-progress>p{color:var(--text-faint);margin:7px 0 0;font-size:8px}.enterprise-home-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.enterprise-home-stats>div{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;align-items:center;gap:10px;min-height:82px;padding:14px 17px;display:flex}.enterprise-home-stats strong{color:#7be3a6;font:750 21px var(--font-mono)}.enterprise-home-stats span{color:var(--text-muted);font-size:10px}.enterprise-learning-map{border:1px solid var(--border-soft);background:linear-gradient(140deg, color-mix(in srgb, #70d39a 4%, var(--surface-1)), var(--surface-1));border-radius:17px;min-height:390px;margin:72px 0 0;padding:34px;position:relative;overflow:hidden}.enterprise-map-core{border:1px solid color-mix(in srgb, #70d39a 46%, var(--border));background:color-mix(in srgb, #70d39a 8%, var(--surface-2));text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:176px;height:176px;margin:0 auto;display:flex;box-shadow:0 0 0 28px #70d39a08}.enterprise-map-core span{color:#7be3a6;font:700 7px var(--font-mono);letter-spacing:.12em}.enterprise-map-core strong{margin-top:7px;font-size:23px}.enterprise-map-core small{color:var(--text-faint);font-size:9px}.enterprise-map-track{border-top:1px solid color-mix(in srgb, #70d39a 35%, var(--border));width:calc(100% - 130px);margin:20px auto}.enterprise-map-modules{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.enterprise-map-modules a{border:1px solid color-mix(in srgb, var(--enterprise-module-color) 28%, var(--border));background:color-mix(in srgb, var(--enterprise-module-color) 6%, var(--surface-2));text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:97px;padding:13px 9px;display:flex}.enterprise-map-modules a:hover{border-color:var(--enterprise-module-color);transform:translateY(-2px)}.enterprise-map-modules a>span{color:var(--enterprise-module-color);font:750 8px var(--font-mono)}.enterprise-map-modules a strong{margin-top:5px;font-size:10px;line-height:1.35}.enterprise-map-modules a small{color:var(--text-faint);font-size:7px}.enterprise-learning-map figcaption{color:var(--text-muted);text-align:center;margin-top:16px;font-size:10px}.enterprise-plan{margin-top:72px}.enterprise-plan>header{max-width:760px}.enterprise-plan>header>span,.enterprise-module-section>header small,.enterprise-course-section>header>span{color:#7be3a6;font:750 8px var(--font-mono);letter-spacing:.14em}.enterprise-plan h2,.enterprise-module-section>header h2,.enterprise-course-section>header h2{letter-spacing:-.045em;margin:7px 0;font-size:30px}.enterprise-plan>header p,.enterprise-module-section>header p,.enterprise-course-section>header p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.75}.enterprise-plan>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px;display:grid}.enterprise-plan article{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:230px;padding:23px;display:flex}.enterprise-plan article small{color:#7be3a6;font:700 7px var(--font-mono);letter-spacing:.1em}.enterprise-plan article strong{margin-top:13px;font-size:17px}.enterprise-plan article p{color:var(--text-muted);margin:9px 0;font-size:10.5px;line-height:1.75}.enterprise-plan article>span,.enterprise-plan article>a{color:#7be3a6;font:650 9px var(--font-mono);margin-top:auto}.enterprise-module-section{scroll-margin-top:calc(var(--topbar-height) + 22px);margin-top:82px}.enterprise-module-section>header{border-bottom:1px solid var(--border-soft);grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:20px;display:grid}.enterprise-module-section>header>span{background:color-mix(in srgb, var(--enterprise-module-color) 12%, var(--surface-2));width:55px;height:55px;color:var(--enterprise-module-color);font:750 13px var(--font-mono);border-radius:14px;place-items:center;display:grid}.enterprise-module-section>header h2{margin:2px 0;font-size:27px}.enterprise-module-section>header small{color:var(--enterprise-module-color)}.enterprise-module-section>header>b{color:var(--text-faint);font:650 8px var(--font-mono);letter-spacing:.08em}.enterprise-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.enterprise-course-card{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:238px;padding:22px;transition:transform .16s,border-color .16s,background .16s;display:flex}.enterprise-course-card:hover{border-color:color-mix(in srgb, var(--enterprise-module-color) 45%, var(--border));background:color-mix(in srgb, var(--enterprise-module-color) 4%, var(--surface-1));transform:translateY(-2px)}.enterprise-course-card.is-complete{border-color:color-mix(in srgb, var(--success) 32%, var(--border))}.enterprise-course-card>div{align-items:center;gap:8px;display:flex}.enterprise-course-card>div>span{background:color-mix(in srgb, var(--enterprise-module-color) 12%, var(--surface-2));color:var(--enterprise-module-color);font:750 7px var(--font-mono);border-radius:5px;padding:3px 6px}.enterprise-course-card>div>small{color:var(--text-faint);font:600 7px var(--font-mono);letter-spacing:.08em}.enterprise-course-card>div>b{color:var(--success);font:650 8px var(--font-mono);margin-left:auto}.enterprise-course-card>strong{letter-spacing:-.025em;margin-top:20px;font-size:19px}.enterprise-course-card>p{color:var(--text-muted);margin:8px 0;font-size:11px;line-height:1.75}.enterprise-course-card>footer{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;padding-top:17px;display:flex}.enterprise-course-card>footer>span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.5;overflow:hidden}.enterprise-course-card>footer>b{color:var(--enterprise-module-color);font:650 8px var(--font-mono);flex:none}.enterprise-breadcrumbs{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin:3px 0 18px;font-size:9px;display:flex}.enterprise-breadcrumbs a:hover{color:var(--enterprise-module-color)}.enterprise-breadcrumbs i{color:var(--border);font-style:normal}.enterprise-course-hero{border:1px solid color-mix(in srgb, var(--enterprise-module-color) 35%, var(--border));background:radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--enterprise-module-color) 16%, transparent), transparent 34%), linear-gradient(140deg, color-mix(in srgb, var(--enterprise-module-color) 6%, var(--surface-1)), var(--surface-1));border-radius:18px;flex-direction:column;justify-content:center;min-height:355px;padding:47px 50px;display:flex}.enterprise-course-hero>div{color:var(--enterprise-module-color);font:700 8px var(--font-mono);letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:9px;display:flex}.enterprise-course-hero>div i{background:var(--text-faint);border-radius:50%;width:3px;height:3px}.enterprise-course-hero h1{letter-spacing:-.06em;max-width:900px;margin:15px 0 13px;font-size:clamp(41px,5.5vw,66px);line-height:1.07}.enterprise-course-hero>p{max-width:760px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.8}.enterprise-complete-button{border:1px solid color-mix(in srgb, var(--enterprise-module-color) 45%, var(--border));background:color-mix(in srgb, var(--enterprise-module-color) 9%, var(--surface-2));width:max-content;color:var(--enterprise-module-color);cursor:pointer;border-radius:8px;margin-top:25px;padding:9px 13px;font-size:10px;font-weight:700}.enterprise-complete-button.is-complete{border-color:color-mix(in srgb, var(--success) 50%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--surface-2));color:var(--success)}.enterprise-course-visual{border:1px solid color-mix(in srgb, var(--enterprise-module-color) 28%, var(--border));background:color-mix(in srgb, var(--enterprise-module-color) 4%, var(--surface-1));border-radius:15px;margin:16px 0 0;padding:28px}.enterprise-visual-label{color:var(--enterprise-module-color);align-items:center;gap:12px;display:flex}.enterprise-visual-label>span{flex-direction:column;display:flex}.enterprise-visual-label small{font:700 7px var(--font-mono);letter-spacing:.12em}.enterprise-visual-label strong{color:var(--text-primary);font-size:12px}.enterprise-visual-flow{align-items:stretch;margin-top:25px;display:flex}.enterprise-visual-flow>div{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:100px;padding:16px 13px;display:flex}.enterprise-visual-flow>div span{color:var(--enterprise-module-color);font:750 7px var(--font-mono)}.enterprise-visual-flow>div strong{margin-top:7px;font-size:11px;line-height:1.5}.enterprise-visual-flow>i{width:24px;color:var(--enterprise-module-color);flex:0 0 24px;place-items:center;font-style:normal;display:grid}.enterprise-course-visual figcaption{border-top:1px solid var(--border-soft);color:var(--text-secondary);margin-top:17px;padding-top:16px;font-size:11px;line-height:1.75}.enterprise-course-section{margin-top:76px}.enterprise-course-section>header{max-width:810px;margin-bottom:23px}.enterprise-course-section>header>span{color:var(--enterprise-module-color)}.enterprise-concepts>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.enterprise-concepts article{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;flex-direction:column;min-height:250px;padding:22px;display:flex}.enterprise-concepts article>span{color:var(--enterprise-module-color);font:750 8px var(--font-mono)}.enterprise-concepts h3{margin:15px 0 8px;font-size:19px}.enterprise-concepts article>p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.8}.enterprise-concepts aside{border-left:2px solid var(--enterprise-module-color);background:color-mix(in srgb, var(--enterprise-module-color) 6%, var(--surface-2));color:var(--text-muted);border-radius:0 8px 8px 0;margin-top:auto;padding:13px 14px;font-size:10px;line-height:1.7}.enterprise-concepts aside strong{color:var(--enterprise-module-color);font:700 8px var(--font-mono);margin-right:9px}.enterprise-case-study{border:1px solid color-mix(in srgb, #f0b866 28%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, #f0b866 5%, var(--surface-1)), var(--surface-1));border-radius:15px;padding:29px}.enterprise-case-study>header>span{color:#f0b866}.enterprise-case-layout{gap:11px;display:grid}.enterprise-case-layout>article{border:1px dashed var(--border);background:var(--surface-2);border-radius:10px;padding:17px 19px}.enterprise-case-layout>article small{color:#f0b866;font:700 8px var(--font-mono);letter-spacing:.1em}.enterprise-case-layout>article p{color:var(--text-secondary);margin:6px 0 0;font-size:11.5px;line-height:1.75}.enterprise-case-layout>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.enterprise-case-layout>ol li{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:9px;gap:10px;min-height:115px;padding:15px;display:flex}.enterprise-case-layout>ol span{background:color-mix(in srgb, #f0b866 13%, var(--surface-2));color:#f0b866;width:24px;height:24px;font:700 8px var(--font-mono);border-radius:6px;flex:0 0 24px;place-items:center;display:grid}.enterprise-case-layout>ol p{color:var(--text-muted);margin:0;font-size:10px;line-height:1.7}.enterprise-case-layout>.enterprise-case-result{border-style:solid;border-color:color-mix(in srgb, var(--success) 34%, var(--border));background:color-mix(in srgb, var(--success) 6%, var(--surface-2))}.enterprise-case-layout>.enterprise-case-result small{color:var(--success)}.enterprise-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.enterprise-practice-grid>article{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:13px;padding:24px}.enterprise-practice-grid>article:first-child{border-top-color:color-mix(in srgb, var(--enterprise-module-color) 52%, var(--border))}.enterprise-practice-grid>article:last-child{border-top-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.enterprise-practice-grid header span{color:var(--enterprise-module-color);font:750 8px var(--font-mono);letter-spacing:.12em}.enterprise-practice-grid>article:last-child header span{color:var(--danger)}.enterprise-practice-grid h2{margin:7px 0 13px;font-size:21px}.enterprise-practice-grid ol,.enterprise-practice-grid ul{color:var(--text-secondary);margin:0;padding-left:20px;font-size:11px;line-height:1.8}.enterprise-practice-grid li{margin-top:7px}.enterprise-practice-grid li::marker{color:var(--enterprise-module-color)}.enterprise-practice-grid>article:last-child li::marker{color:var(--danger)}.enterprise-knowledge-check{border:1px solid color-mix(in srgb, #67b8ff 32%, var(--border));background:color-mix(in srgb, #67b8ff 4%, var(--surface-1));border-radius:13px;margin-top:16px;overflow:hidden}.enterprise-knowledge-check summary{cursor:pointer;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:90px;padding:18px 21px;list-style:none;display:grid}.enterprise-knowledge-check summary::-webkit-details-marker{display:none}.enterprise-knowledge-check summary>span{color:#67b8ff;font:750 8px var(--font-mono);letter-spacing:.1em}.enterprise-knowledge-check summary>strong{font-size:13px}.enterprise-knowledge-check summary>b{color:#67b8ff;font:650 8px var(--font-mono)}.enterprise-knowledge-check>div{border-top:1px solid color-mix(in srgb, #67b8ff 25%, var(--border));background:var(--surface-1);grid-template-columns:65px minmax(0,1fr);gap:15px;padding:20px 22px;display:grid}.enterprise-knowledge-check>div>span{color:#67b8ff;font:750 8px var(--font-mono)}.enterprise-knowledge-check>div>p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.8}.enterprise-course-pagination{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:76px;padding-top:18px;display:grid}.enterprise-course-pagination>a{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:10px;flex-direction:column;min-height:78px;padding:14px 16px;display:flex}.enterprise-course-pagination>a:hover{border-color:color-mix(in srgb, var(--enterprise-module-color) 43%, var(--border))}.enterprise-course-pagination>a:last-child{text-align:right}.enterprise-course-pagination small{color:var(--enterprise-module-color);font:650 8px var(--font-mono)}.enterprise-course-pagination strong{color:var(--text-secondary);margin-top:5px;font-size:11px}@media (max-width:1100px){.enterprise-home,.enterprise-course-page{padding:36px 35px 68px}.enterprise-map-modules{grid-template-columns:repeat(7,135px);padding-bottom:7px;overflow-x:auto}.enterprise-map-track{display:none}}@media (max-width:900px){.home-enterprise-feature{grid-template-columns:1fr}.home-enterprise-feature dl{justify-self:start}.home-enterprise-feature>a{grid-column:1}.enterprise-home-hero{min-height:560px;padding:48px 38px 145px}.enterprise-home-progress{bottom:32px;left:38px;right:auto}.enterprise-learning-map{padding:28px 22px}.enterprise-plan>div{grid-template-columns:1fr}.enterprise-plan article{min-height:190px}.enterprise-course-hero{padding:42px 36px}.enterprise-visual-flow{padding-bottom:7px;overflow-x:auto}.enterprise-visual-flow>div{min-width:145px}.enterprise-case-layout>ol{grid-template-columns:1fr}.enterprise-case-layout>ol li{min-height:0}}@media (max-width:650px){.home-enterprise-feature{margin-top:50px;padding:23px 20px}.home-enterprise-feature dl{justify-content:space-between;gap:6px;width:100%}.home-enterprise-feature h2{font-size:24px}.enterprise-home,.enterprise-course-page{padding:18px 14px 52px}.enterprise-home-hero{border-radius:15px;min-height:625px;padding:37px 22px 170px}.enterprise-home-copy h1{font-size:39px}.enterprise-home-copy>p{font-size:12.5px}.enterprise-home-copy>div{flex-direction:column;align-items:stretch}.enterprise-home-copy>div a{justify-content:space-between;display:flex}.enterprise-home-progress{width:220px;bottom:29px;left:22px}.enterprise-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-learning-map,.enterprise-plan,.enterprise-module-section,.enterprise-course-section,.enterprise-course-pagination{margin-top:50px}.enterprise-learning-map{min-height:0}.enterprise-map-core{width:145px;height:145px}.enterprise-map-modules{grid-template-columns:repeat(7,125px);margin-top:25px}.enterprise-plan h2,.enterprise-module-section>header h2,.enterprise-course-section>header h2{font-size:25px}.enterprise-module-section>header{grid-template-columns:44px minmax(0,1fr)}.enterprise-module-section>header>span{border-radius:11px;width:44px;height:44px}.enterprise-module-section>header>b{grid-column:2}.enterprise-course-grid,.enterprise-concepts,.enterprise-concepts>div,.enterprise-practice-grid{grid-template-columns:1fr}.enterprise-course-card{min-height:225px}.enterprise-breadcrumbs{white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}.enterprise-course-hero{border-radius:14px;min-height:0;padding:34px 22px}.enterprise-course-hero h1{font-size:39px}.enterprise-course-hero>p{font-size:12.5px}.enterprise-course-visual{padding:21px 16px}.enterprise-visual-flow>div{min-width:130px}.enterprise-concepts article{min-height:235px;padding:19px}.enterprise-case-study{padding:21px 17px}.enterprise-knowledge-check summary{grid-template-columns:1fr;gap:8px}.enterprise-knowledge-check summary>b{justify-self:start}.enterprise-knowledge-check>div,.enterprise-course-pagination{grid-template-columns:1fr}.enterprise-course-pagination>a:last-child{text-align:left}}