:root,[data-theme=light]{--bg:#f4f6f5;--bg-elevated:#ffffff;--bg-muted:#e8eeeb;--ink:#15201b;--ink-secondary:#4a5c54;--accent:#1a7a4c;--accent-hover:#14633e;--accent-soft:#e3f5eb;--success:#1f8f5f;--success-soft:#e6f6ee;--celebrate:#c9851a;--celebrate-soft:#fff6e8;--warn:#b45309;--warn-soft:#fff7ed;--danger:#b91c1c;--line:#d5ddd8;--topbar:#12352a;--topbar-ink:#ecfdf5;--points:#eab308;--shadow:0 1px 2px rgba(16,24,20,0.06);--radius:10px;--radius-sm:6px;--space:16px;--font:var(--font-sans),"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-display-family:var(--font-display),"Noto Serif SC","Songti SC",serif;--mono:ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;--header-h:52px;--tabbar-h:56px;--safe-bottom:env(safe-area-inset-bottom,0px);--content-max:1120px;--ide-chrome:#1e1e1e;--pc-scene-glow:#c5ddd0;--pc-scene-top:#e8efeb;--pc-scene-bottom:#d5e0da;--pc-floor-shadow:rgba(20,40,32,0.18)}[data-theme=dark]{--bg:#0e1412;--bg-elevated:#18211d;--bg-muted:#222c27;--ink:#e8f0eb;--ink-secondary:#9aafa3;--accent:#3dba7a;--accent-hover:#54cfa0;--accent-soft:#163528;--success:#3dba7a;--success-soft:#163528;--celebrate:#e6b35c;--celebrate-soft:#2a2110;--warn:#fbbf24;--warn-soft:#2a2110;--danger:#f87171;--line:#2d3b34;--topbar:#0a1612;--topbar-ink:#d1fae5;--points:#facc15;--shadow:0 1px 2px rgba(0,0,0,0.35);--ide-chrome:#121816;--pc-scene-glow:#2a3d34;--pc-scene-top:#1a2420;--pc-scene-bottom:#121916;--pc-floor-shadow:rgba(0,0,0,0.45)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.app-shell{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1 1;min-height:0;width:100%;max-width:none;margin:0;padding:var(--space);padding-bottom:var(--space);overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink-secondary) 42%,transparent) transparent}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-secondary) 38%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.app-main::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink-secondary) 58%,transparent);background-clip:padding-box;border:2px solid transparent}.app-main:not(:has(.workspace))>*{max-width:var(--content-max);width:100%;margin-left:auto;margin-right:auto}.app-main:not(:has(.workspace))>.narrow-page{max-width:720px}.app-main:not(:has(.workspace))>.member-gate-page,.app-main:not(:has(.workspace))>.page-loading{max-width:none;width:100%;margin:0;flex:1 1;min-height:0}.app-main:has(.page-loading){display:flex;flex-direction:column}.page-loading{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(70dvh,640px);text-align:center}.page-loading>p{margin:0}.brand-loading{color:var(--accent,#1a7a4c)}.brand-loading,.brand-loading-orb{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand-loading-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-loading--page{display:flex;width:100%;min-height:min(40dvh,320px);padding:2rem 1rem}.page-loading.brand-loading--page{min-height:min(70dvh,640px);padding:0}.brand-loading-halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,currentColor 28%,transparent) 0,transparent 68%);animation:brand-loading-halo 1.6s ease-in-out infinite;pointer-events:none}.brand-loading-mark{position:relative;width:2.75rem;height:2.75rem;animation:brand-loading-mark 1.6s ease-in-out infinite}.brand-loading--auth{margin:auto;padding:48px 16px}.brand-loading--auth .brand-loading-mark{width:3.25rem;height:3.25rem}.brand-loading--inline .brand-loading-halo{inset:-28%}.brand-loading--inline .brand-loading-mark{width:1.45rem;height:1.45rem}.pill.py-lab-status{display:inline-flex;align-items:center;min-height:1.6rem}.today-quests-loading.brand-loading{margin:.35rem 0 0;justify-content:flex-start}@keyframes brand-loading-mark{0%,to{transform:translateY(0) scale(1);opacity:.72}50%{transform:translateY(-3px) scale(1.06);opacity:1}}@keyframes brand-loading-halo{0%,to{transform:scale(.86);opacity:.45}50%{transform:scale(1.12);opacity:.95}}@media (prefers-reduced-motion:reduce){.brand-loading-halo,.brand-loading-mark{animation:none}.brand-loading-mark{opacity:.9}}.app-main:has(.auth-page){padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.app-main:has(.auth-page)>.auth-page{max-width:none;width:100%;margin:0;flex:1 1;min-height:0;height:auto}.app-main:has(.member-gate-page){display:flex;flex-direction:column}.app-main:has(>.practice-page.is-web),.app-main:has(>.studio-page){padding:0;display:flex;flex-direction:column;overflow:hidden}.app-main:has(>.practice-page.is-web)>.practice-page.is-web,.app-main:has(>.studio-page)>.studio-page{max-width:none;width:100%;margin:0;flex:1 1;min-height:0}.app-main:has(.workspace){max-width:none;padding:0;overflow:hidden;height:auto}@media (max-width:899px){.app-shell:has(.app-tabbar) .app-main{padding-bottom:calc(var(--space) + var(--tabbar-h) + var(--safe-bottom))}.app-shell:has(.app-tabbar) .app-main:has(.workspace){padding-bottom:0;margin-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.app-main:has(>.practice-page.is-web),.app-main:has(>.studio-page){overflow:auto;-webkit-overflow-scrolling:touch}.app-main:has(>.practice-page.is-web)>.practice-page.is-web,.app-main:has(>.studio-page)>.studio-page{flex:0 0 auto;height:auto;min-height:100%;overflow:visible}}@media (min-width:900px){.app-main{padding:20px 24px 28px}.app-main:has(.auth-page),.app-main:has(.workspace),.app-main:has(>.practice-page.is-web),.app-main:has(>.studio-page){max-width:none;padding:0;overflow:hidden;margin-bottom:0}}@media (min-width:900px){.only-mobile{display:none!important}}@media (max-width:899px){.only-desktop{display:none!important}}.app-topbar{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--topbar);color:var(--topbar-ink);border-bottom:1px solid color-mix(in srgb,var(--topbar-ink) 12%,transparent);position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;min-width:0}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display-family);font-weight:700;font-size:1.08rem;letter-spacing:.03em;color:var(--topbar-ink)!important;text-decoration:none!important;white-space:nowrap}.brand-mark{width:1.35rem;height:1.35rem;flex-shrink:0;color:var(--topbar-ink)}.topbar-nav{display:flex;gap:4px;align-items:center}.topbar-nav a{color:color-mix(in srgb,var(--topbar-ink) 82%,transparent);text-decoration:none!important;padding:6px 10px;border-radius:var(--radius-sm);font-size:.9rem}.topbar-nav a.active,.topbar-nav a:hover{color:var(--topbar-ink);background:color-mix(in srgb,var(--topbar-ink) 12%,transparent)}.ghost-btn,.icon-btn{border:1px solid color-mix(in srgb,var(--topbar-ink) 25%,transparent);color:var(--topbar-ink);border-radius:var(--radius-sm);padding:4px 10px}.ghost-btn,.icon-btn,.topbar-tool{background:transparent;cursor:pointer;text-decoration:none!important;line-height:1.4}.topbar-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:color-mix(in srgb,var(--topbar-ink) 88%,transparent);border-radius:var(--radius-sm);padding:4px 6px;font:inherit;font-size:.88rem;font-weight:600}.topbar-tool.is-active,.topbar-tool:hover{color:var(--topbar-ink);background:color-mix(in srgb,var(--topbar-ink) 10%,transparent)}.topbar-invite{font-weight:650;letter-spacing:.02em}.icon-btn{width:34px;height:34px;padding:0;display:inline-grid;place-items:center}.topbar-search-btn{width:auto;min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;grid:unset}.topbar-search-icon{font-size:1.05rem;line-height:1}.topbar-search-label{font-size:.82rem}.topbar-search-kbd{display:none}@media (min-width:1100px){.topbar-search-kbd{display:inline;font-family:var(--mono,ui-monospace,monospace);font-size:.68rem;opacity:.75;border:1px solid color-mix(in srgb,var(--topbar-ink) 28%,transparent);border-radius:4px;padding:1px 4px;line-height:1.2}}.points{background:var(--points);color:#1a1a1a;padding:2px 8px;border-radius:999px;font-weight:700;font-size:.8rem;min-width:2rem;text-align:center}.who{opacity:.85;font-size:.85rem}.topbar-account{position:relative}.topbar-account-btn{display:inline-flex;align-items:center;gap:4px;max-width:10rem}.topbar-account-caret{font-size:.7rem;opacity:.7;line-height:1}.topbar-account-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:8.5rem;padding:4px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:0 8px 24px rgba(0,0,0,.14);display:grid}.topbar-account-menu a,.topbar-account-menu button{display:block;width:100%;margin:0;padding:8px 10px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--ink);font:inherit;font-size:.86rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.topbar-account-menu a:hover,.topbar-account-menu button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.drawer-backdrop{position:fixed;inset:var(--header-h) 0 0 0;z-index:34;border:none;padding:0;margin:0;background:color-mix(in srgb,#000 35%,transparent);cursor:pointer}.mobile-drawer{position:fixed;inset:var(--header-h) 0 auto 0;z-index:35;background:var(--bg-elevated);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:6px 8px 14px;max-height:min(72vh,28rem);overflow:auto;-webkit-overflow-scrolling:touch}.drawer-nav{display:grid;grid-gap:6px;gap:6px}.drawer-group{display:grid;padding-bottom:4px}.drawer-group+.drawer-group{margin-top:2px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.drawer-label{margin:4px 14px 2px;font-size:.72rem;font-weight:650;letter-spacing:.04em;color:var(--ink-secondary);text-transform:none}.mobile-drawer a,.mobile-drawer button{display:block;width:100%;text-align:left;padding:11px 14px;border:none;background:transparent;color:var(--ink);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;font:inherit;font-size:.95rem}.mobile-drawer .drawer-item{display:flex;align-items:center;gap:12px}.drawer-item-icon{flex:0 0 auto;width:1.35rem;height:1.35rem;display:inline-grid;place-items:center;color:var(--ink-secondary)}.drawer-item-icon svg{display:block}.drawer-item-label{min-width:0;line-height:1.3}.mobile-drawer a.active,.mobile-drawer a:hover,.mobile-drawer button:hover{background:var(--accent-soft)}.mobile-drawer a.active .drawer-item-icon,.mobile-drawer a:hover .drawer-item-icon,.mobile-drawer button:hover .drawer-item-icon{color:var(--accent)}.app-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line)}.app-tabbar a{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:color-mix(in srgb,var(--ink-secondary) 88%,transparent);text-decoration:none!important;font-size:.68rem;font-weight:600;min-width:0;padding:6px 2px 4px;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.app-tabbar a .tab-icon{display:grid;place-items:center;line-height:1;width:2.75rem;height:1.7rem;border-radius:10px;transition:background .15s ease,color .15s ease,transform .15s ease}.app-tabbar a .tab-label{line-height:1.2;white-space:nowrap;font-size:.65rem;letter-spacing:-.02em;transition:color .15s ease,font-weight .15s ease}.app-tabbar a.active{color:var(--accent)}.app-tabbar a.active .tab-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));transform:translateY(-.5px)}.app-tabbar a.active .tab-label{color:var(--accent);font-weight:750}h1{font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:-.02em;line-height:1.25}h1,h2{margin:0 0 8px}h2{font-size:1.05rem}h3{font-size:.98rem;margin:16px 0 8px}p{line-height:1.55;color:var(--ink)}.hint,.lesson-meta,.muted{color:var(--ink-secondary);font-size:.9rem}.lesson-meta{margin:0}.lesson-head{container-type:inline-size;container-name:lesson-head;display:grid;grid-gap:8px;gap:8px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.lesson-share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}.lesson-share-tip{font-size:.82rem}.lesson-share-hint{font-size:.82rem;color:var(--accent,#1a7a4c);font-weight:600}.lesson-head .tb-lesson-title{margin:0}.lesson-head-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.lesson-head-meta .lesson-meta{margin:0;min-width:0;max-width:100%;font-size:.84rem;line-height:1.45}.lesson-head-meta .study-focus-bar{margin:0;max-width:100%}@container lesson-head (min-width: 34rem){.lesson-head-meta{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px 18px}.lesson-head-meta .lesson-meta{flex:1 1 auto}.lesson-head-meta .study-focus-bar{flex:0 0 auto}.lesson-head-meta .study-focus-bar.is-expanded{flex:1 1 auto;max-width:min(22rem,100%);margin-left:auto}}.lesson-code,.lesson-toc-code{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650;color:var(--accent);margin-right:.15em}.tb-lesson-title .lesson-code{font-size:.85em;opacity:.9}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff!important;border:none;border-radius:var(--radius-sm);padding:8px 14px;font-weight:650;cursor:pointer;text-decoration:none!important;min-height:36px}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--ink)!important}.btn.secondary,.card{border:1px solid var(--line)}.card{background:var(--bg-elevated);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card h3{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.admin-page .admin-table-wrap{overflow-x:auto}.admin-page{max-width:1100px;padding-bottom:48px}.admin-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.admin-head h1{margin:0 0 4px}.admin-tabs{margin-bottom:16px}.admin-tabs.track-switch{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.admin-tabs.track-switch button{flex:0 0 auto;min-width:auto;padding:8px 12px}.admin-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.admin-overview-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;box-shadow:var(--shadow);cursor:default;min-height:0}button.admin-overview-tile{cursor:pointer}button.admin-overview-tile:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.admin-overview-label{font-size:.82rem;font-weight:650;color:var(--ink-secondary);line-height:1.2}.admin-overview-value{font-size:1.55rem;font-weight:800;line-height:1.1;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-overview-value-sm{font-size:1.1rem;font-weight:700;color:var(--accent)}.admin-overview-meta{font-size:.78rem;color:var(--ink-secondary);line-height:1.3}.admin-traffic-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.admin-traffic-heading{margin:0 0 8px;font-size:.9rem;font-weight:600}.admin-source-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.admin-source-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:.88rem}.admin-referrer-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:899px){.admin-page{padding-bottom:24px}.admin-head{gap:8px;margin-bottom:4px}.admin-head h1{font-size:1.35rem}.admin-head .muted{font-size:.8rem}.admin-head .btn.secondary{padding:6px 10px;font-size:.85rem;min-height:34px}.admin-tabs.track-switch{gap:0;scrollbar-width:none;margin-bottom:10px}.admin-tabs.track-switch::-webkit-scrollbar{display:none}.admin-tabs.track-switch button{padding:7px 11px;font-size:.82rem}.admin-overview-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.admin-overview-tile{padding:10px 11px;gap:2px;box-shadow:none}.admin-overview-value{font-size:1.35rem}.admin-overview-value-sm{font-size:1rem}}.admin-badge{display:inline-block;margin-left:6px;min-width:1.1rem;padding:0 5px;border-radius:999px;background:var(--warn);color:#1a1200;font-size:.72rem;font-weight:800;line-height:1.35;text-align:center}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.admin-study-hint{margin:-4px 0 12px;font-size:.85rem;line-height:1.45}.admin-study-cell{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-study-today{font-weight:600}.admin-toolbar input[type=search],.admin-toolbar select{max-width:240px;width:auto;flex:1 1 160px}.admin-stat{font-size:1.8rem;font-weight:800;margin:0 0 6px;line-height:1}.admin-pill{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table td,.admin-table th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:middle}.admin-table th{font-weight:700;color:var(--ink-secondary)}.admin-table td.admin-actions-cell{width:1%;min-width:11rem;vertical-align:middle}.admin-actions{display:inline-flex;align-items:center;gap:6px;max-width:22rem}.admin-actions .ghost-btn{flex-shrink:0;min-height:28px;padding:4px 8px;line-height:1.2;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.admin-actions .ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-actions .ghost-btn.danger-text,.ghost-btn.danger-text{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.admin-actions .ghost-btn.danger-text:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--bg))}.admin-table td:has(>.admin-actions){width:1%;white-space:nowrap;vertical-align:middle}.admin-tags{display:flex;flex-wrap:wrap;gap:6px}.desk-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.me-page{display:grid;grid-gap:18px;gap:18px;max-width:52rem;padding-bottom:40px}.me-tabs{margin:0}.me-tab-panel{display:grid;grid-gap:18px;gap:18px;min-width:0}.me-grid-solo{grid-template-columns:1fr}.me-account-logout{margin-top:4px;width:-moz-fit-content;width:fit-content}.account-security{display:grid;grid-gap:14px;gap:14px}.as-shell{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 16px 12px;display:grid;grid-gap:16px;gap:16px}.as-shell-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.as-title{margin:0;font-size:1.05rem;font-weight:750;line-height:1.3}.as-lead{margin:4px 0 0;font-size:.84rem}.as-logout{flex-shrink:0}.as-main{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr;align-items:start}@media (min-width:720px){.as-main{grid-template-columns:minmax(14rem,17.5rem) minmax(0,1fr);gap:20px 24px}}.as-side{display:grid;grid-gap:16px;gap:16px;min-width:0}.as-block h3{margin:0 0 6px;font-size:.95rem;font-weight:700}.as-block--alert{padding:14px 16px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent-soft) 70%,var(--bg-elevated))}.as-hint{margin:0 0 10px;font-size:.84rem;line-height:1.45}.as-form{display:grid;grid-gap:10px;gap:10px;width:100%}.as-pwd .as-form{max-width:none}.as-field{display:grid;grid-gap:5px;gap:5px;font-size:.84rem;font-weight:600;color:var(--ink-secondary)}.as-field input{width:100%;box-sizing:border-box;font-weight:500;color:var(--ink)}.as-save{width:-moz-fit-content;width:fit-content;margin-top:2px}.as-inline-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.as-inline-row input{flex:1 1 12rem;min-width:0}.as-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.as-block-head h3{margin:0}.as-count{font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.as-rows{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.as-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}.as-row--empty{justify-content:center;font-size:.88rem}.as-row-main{min-width:0;display:grid;grid-gap:2px;gap:2px}.as-row-title{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.9rem;font-weight:650;line-height:1.3}.as-row-meta{font-size:.78rem;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-badge{display:inline-block;padding:1px 6px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft)}.as-row-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;border:0;padding:4px 2px;background:transparent;font:inherit;font-size:.86rem;font-weight:650;color:var(--accent);cursor:pointer}.as-row-action:hover{text-decoration:underline}.as-danger{border-top:1px dashed color-mix(in srgb,var(--danger) 35%,var(--line));padding-top:8px}.as-danger>summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.9rem;font-weight:650;color:color-mix(in srgb,var(--danger) 75%,var(--ink));list-style:none}.as-danger>summary::-webkit-details-marker{display:none}.as-danger>summary:before{content:"\25B8 ";color:var(--ink-secondary)}.as-danger[open]>summary:before{content:"\25BE "}.as-danger-body{margin-top:10px;display:grid;grid-gap:10px;gap:10px}.as-danger-body>p{margin:0;font-size:.86rem;line-height:1.5;color:var(--ink-secondary)}.as-danger-body .as-form{max-width:17.5rem}.me-quests{width:100%;max-width:none}.me-quests .today-quests{width:100%}.me-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 20px}.me-kicker{margin:0 0 4px;font-size:.82rem;letter-spacing:.06em;color:var(--ink-secondary)}.me-header h1{margin:0;font-size:clamp(1.45rem,2.5vw,1.85rem);font-weight:750;line-height:1.25}.me-meta{margin:8px 0 0;font-size:.9rem}.me-dot{margin:0 .35em}.me-invite-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;grid-gap:6px 12px;gap:6px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg-elevated));color:inherit;text-decoration:none!important;transition:border-color .15s ease,background .15s ease}.me-invite-strip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 75%,var(--bg-elevated))}.me-invite-strip-main{font-size:1rem;line-height:1.3}.me-invite-strip-main strong{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.me-invite-strip-sub{font-size:.84rem;color:var(--ink-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-invite-strip-go{color:var(--accent);font-weight:700}@media (max-width:520px){.me-invite-strip{grid-template-columns:1fr auto}.me-invite-strip-sub{grid-column:1/-1;white-space:normal}.me-invite-strip-go{grid-column:2;grid-row:1}}.me-header-btn{flex-shrink:0}.me-header-actions{gap:8px}.me-header-actions,.me-resume{display:flex;flex-wrap:wrap;align-items:center}.me-resume{justify-content:space-between;gap:16px 24px;padding:22px 24px;border-radius:calc(var(--radius) + 4px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(125deg,color-mix(in srgb,var(--accent-soft) 88%,transparent),var(--bg-elevated) 55%);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.me-resume-copy{min-width:min(100%,16rem);flex:1 1}.me-resume-label{margin:0 0 6px;font-size:.8rem;font-weight:650;letter-spacing:.04em;color:var(--accent)}.me-resume h2{margin:0;font-size:clamp(1.05rem,1.8vw,1.28rem);font-weight:700;line-height:1.35}.me-resume-copy .muted{margin:6px 0 0;font-size:.88rem}.me-resume-actions{display:flex;flex-wrap:wrap;gap:10px}.me-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr}@media (min-width:720px){.me-grid{grid-template-columns:1.15fr .85fr;align-items:start}.me-grid.me-grid-solo{grid-template-columns:1fr}.me-works{grid-row:span 1}}.me-panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow)}.me-panel h3{margin:0 0 12px;font-size:1rem}.me-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.me-panel-head h3{margin:0}.me-works-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.me-works-head h3{margin:0;font-size:1.05rem;font-weight:750}.me-works-summary{margin:4px 0 0;font-size:.86rem;color:var(--ink-secondary)}.me-works-summary strong{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.me-works-summary-hint{color:var(--ink-secondary)}.me-works-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.me-works-path{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px dashed var(--line);background:var(--bg)}.me-works-profile{margin-bottom:16px;padding:14px 14px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);display:grid;grid-gap:10px;gap:10px}.me-works-profile-title{margin:0;font-size:.95rem;font-weight:700}.me-works-profile-hint{margin:0;font-size:.84rem}.me-works-field{display:grid;grid-gap:5px;gap:5px;font-size:.84rem;font-weight:600;color:var(--ink-secondary)}.me-works-field input,.me-works-field textarea{font-weight:500;color:var(--ink);width:100%;box-sizing:border-box;resize:vertical}.me-works-path-label{font-size:.78rem;flex-shrink:0}.me-works-url{font-family:var(--mono);font-size:.88rem;font-weight:600;word-break:break-all}.me-works-rows{margin:0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px}.me-works-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}.me-works-row-main{min-width:0;display:grid;grid-gap:2px;gap:2px}.me-works-row-title{font-size:.95rem;font-weight:650;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-works-row-title:hover{color:var(--accent)}.me-works-row-meta{font-size:.78rem;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-works-row-action{flex-shrink:0;font-size:.86rem;font-weight:650;color:var(--accent);text-decoration:none}.me-works-row-actions{display:flex;flex-shrink:0;gap:10px;align-items:center}.me-works-row-action:hover{text-decoration:underline}.practice-web-edit-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.practice-web-edit-label{margin:0;font-size:.95rem}.me-works-empty{padding:8px 0 4px}.me-works-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.me-works-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.me-works-list a{display:block;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}.me-works-list a:hover{border-color:var(--accent);color:var(--accent)}.me-works-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.me-works-more{margin:10px 0 0;font-size:.8rem}.me-works-views{font-size:.78rem}.me-more{border-top:1px solid var(--line);padding-top:10px}.me-more>summary{cursor:pointer;font-size:.9rem;font-weight:650;color:var(--ink-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-more[open]>summary{color:var(--accent);margin-bottom:10px}.me-more-links{display:flex;flex-wrap:wrap;gap:8px 14px}.me-more-links a{font-size:.9rem;font-weight:600;color:var(--ink-secondary);text-decoration:none}.me-more-links a:hover{color:var(--accent)}.me-more-logout{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink-secondary);cursor:pointer}.me-more-logout:hover{color:var(--accent)}.me-more .me-footnote{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.me-empty{display:grid;grid-gap:8px;gap:8px;justify-items:start;padding:8px 0 4px}.me-empty>p{margin:0}.me-empty .btn{margin-top:4px}.me-stat{margin:0 0 12px}.me-study-goal{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden;margin-bottom:8px}.me-study-goal-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 75%,var(--success)),var(--accent));transition:width .35s ease}.me-study-goal-label{margin:0 0 10px;font-size:.85rem}.me-study-days{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(3.6rem,1fr));grid-gap:6px;gap:6px}.me-study-days li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:var(--radius-sm);border:1px solid var(--line);font-size:.75rem}.me-study-days strong{font-size:.9rem}.me-study-note{margin:0 0 12px;font-size:.82rem;line-height:1.45}.home-quests{margin-top:20px;width:100%}.today-quests{padding:18px 20px;border-radius:calc(var(--radius) + 4px);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 70%,var(--bg)),var(--bg));display:grid;grid-gap:12px;gap:12px}.today-quests.compact{padding:14px 16px}.today-quests.all-done{border-color:color-mix(in srgb,var(--success) 45%,var(--line))}.today-quests-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.today-quests-head h3{margin:0;font-size:1.05rem}.today-quests-count{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.today-quests-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 85%,transparent);overflow:hidden}.today-quests-meter>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--accent));transition:width .4s ease}.today-quests-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.today-quests-list li{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}.today-quests-list li.done{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--bg))}.today-quests-check{width:1.4rem;text-align:center;font-weight:800;color:var(--accent)}.today-quests-list li.done .today-quests-check{color:var(--success)}.today-quests-copy{min-width:0}.today-quests-copy strong{display:block;font-size:.92rem}.today-quests-copy .muted,.today-quests-hint,.today-quests-loading,.today-quests-prog,.today-quests-views{margin:2px 0 0;font-size:.8rem;line-height:1.45;color:var(--ink-secondary)}.today-quests-hint{margin-top:4px}.today-quests-views strong{color:var(--ink)}.today-quests-cta{padding:6px 10px;font-size:.8rem;white-space:nowrap}.today-quests.focus-next{gap:14px}.today-quests-focus{display:grid;grid-gap:6px;gap:6px;padding:14px 14px 16px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg))}.today-quests-focus-label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.today-quests-focus-title{font-size:1.05rem;font-weight:750;line-height:1.35}.today-quests-focus-hint{margin:0;font-size:.88rem;line-height:1.45;color:var(--ink-secondary)}.today-quests-focus .today-quests-prog{margin:0;font-weight:650;color:var(--ink)}.today-quests-focus-cta{justify-self:start;margin-top:6px;min-width:8rem}@media (min-width:720px){.today-quests-focus{grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center}.today-quests-focus .today-quests-prog,.today-quests-focus-hint,.today-quests-focus-label,.today-quests-focus-title{grid-column:1}.today-quests-focus-cta{grid-column:2;grid-row:1/-1;align-self:center;justify-self:end;margin-top:0;min-width:7.5rem;min-height:2.75rem}}.today-quests-rest{border-top:1px solid var(--line);padding-top:8px}.today-quests-rest>summary{cursor:pointer;font-size:.85rem;font-weight:650;color:var(--ink-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.today-quests-rest[open]>summary{color:var(--accent);margin-bottom:8px}.today-quests-list-rest{gap:6px}.today-quests-list-rest li{padding:8px 10px}.today-quests-ok{font-size:.8rem;font-weight:700;color:var(--success)}.today-quests-views{margin:0;font-size:.82rem;line-height:1.45}.today-quests-banner{margin:0;font-weight:700;color:var(--success);font-size:.92rem}.celeb-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--ink) 35%,transparent);animation:celeb-fade .25s ease}.celeb-card{position:relative;width:min(100%,22rem);padding:28px 24px 22px;border-radius:calc(var(--radius) + 6px);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--bg);text-align:center;box-shadow:0 18px 48px color-mix(in srgb,var(--ink) 18%,transparent);animation:celeb-pop .45s cubic-bezier(.2,1.2,.4,1)}.celeb-card h2{margin:0 0 8px;font-family:var(--font-display-family);font-size:1.35rem;font-weight:700}.celeb-body{margin:0 0 12px;color:var(--ink-secondary);font-size:.92rem;line-height:1.45}.celeb-points{margin:0 0 14px;font-weight:800;color:var(--celebrate)}.celeb-mark{width:2.4rem;height:2.4rem;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),linear-gradient(145deg,var(--celebrate),color-mix(in srgb,var(--accent) 55%,var(--celebrate)));box-shadow:0 6px 18px color-mix(in srgb,var(--celebrate) 28%,transparent);animation:celeb-spin .7s ease}.celeb-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celeb-spark{position:absolute;left:50%;top:40%;width:8px;height:8px;border-radius:2px;background:var(--accent);opacity:0;animation:celeb-spark .9s ease forwards}.celeb-spark.s0{--dx:-70px;--dy:-60px;background:var(--celebrate)}.celeb-spark.s1{--dx:80px;--dy:-50px;background:var(--success)}.celeb-spark.s2{--dx:-90px;--dy:20px}.celeb-spark.s3{--dx:75px;--dy:40px;background:var(--celebrate)}.celeb-spark.s4{--dx:0px;--dy:-85px;background:var(--success)}.celeb-spark.s5{--dx:-40px;--dy:70px}.celeb-spark:nth-child(odd){animation-delay:.05s}.celeb-spark:nth-child(3n){animation-delay:.12s}@keyframes celeb-fade{0%{opacity:0}to{opacity:1}}@keyframes celeb-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celeb-spin{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes celeb-spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}.study-focus-bar{margin:0;padding:0;border:none;background:transparent;display:grid;grid-gap:0;gap:0;min-width:0}.study-focus-bar.is-expanded{gap:8px;margin-top:2px;padding:8px 10px 10px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg))}.study-focus-bar.is-compact .study-focus-main{padding:2px 0;flex-wrap:nowrap}.study-focus-main{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.study-focus-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.study-focus-dot.live{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.study-focus-dot.paused{background:color-mix(in srgb,var(--ink) 35%,transparent)}.study-focus-label{font-size:.78rem;font-weight:600;color:var(--ink-secondary)}.study-focus-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.84rem;font-weight:650}.study-focus-today{font-size:.76rem;white-space:nowrap}.study-focus-more{margin-left:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font-size:.78rem;font-weight:650;cursor:pointer;padding:2px 4px;white-space:nowrap;flex-shrink:0}.study-focus-bar.is-expanded .study-focus-more{margin-left:auto}.study-focus-panel{display:grid;grid-gap:6px;gap:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.study-focus-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.study-focus-btn{padding:5px 10px;font-size:.8rem}.study-focus-tomato{font-size:.8rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--celebrate)}.study-focus-done,.study-focus-hint{margin:0;font-size:.75rem;line-height:1.4}.me-points{margin:0 0 10px;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.me-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.me-link-grid a{display:block;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:600}.me-link-grid a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.me-link-grid a.me-link-accent{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);color:var(--accent-hover)}[data-theme=dark] .me-link-grid a.me-link-accent{color:var(--accent)}.me-footnote{margin:4px 0 0;font-size:.78rem;opacity:.75}.flash{color:var(--warn);font-weight:600}.pay-modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));background:rgba(15,23,20,.52)}.pay-modal{position:relative;width:100%;max-width:360px;padding:22px 20px 18px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.pay-modal-close{position:absolute;top:8px;right:10px;width:36px;height:36px;border:none;background:transparent;color:var(--ink-secondary);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm)}.pay-modal-close:hover{background:var(--bg-muted);color:var(--ink)}.pay-modal h2{margin:0 28px 0 0;font-size:1.15rem;text-align:left}.pay-modal-amount{margin:8px 0 0;font-size:1.35rem;font-weight:800;text-align:left}.pay-modal-amount span{margin-left:6px;font-size:.9rem;font-weight:500;color:var(--ink-secondary)}.pay-modal-qr{display:block;width:260px;max-width:100%;height:auto;margin:18px auto 0;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;-webkit-touch-callout:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pay-modal-hint{margin:14px 0 0;font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.45}.pay-modal-sub{margin:6px 0 0;font-size:.8rem}input,textarea{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated)}.hero{display:grid;grid-gap:12px;gap:12px;padding:8px 0 4px}.hero-compact{gap:14px;max-width:min(100%,40rem)}.hero-kicker{font-size:1.15rem;letter-spacing:.04em;color:var(--accent)}.hero-kicker,.hero-title{margin:0;font-family:var(--font-display-family);font-weight:700}.hero-title{font-size:clamp(1.55rem,4.2vw,2.15rem);line-height:1.25;letter-spacing:-.02em}.hero-lead{margin:0;max-width:34rem;font-size:1.02rem;line-height:1.55;color:var(--ink-secondary)}.cta-row-hero .btn:first-child{min-width:11rem}.hero-hint{margin:0}.hero-more{margin-top:8px;border-top:1px solid var(--line);padding-top:12px}.hero-more>summary{cursor:pointer;font-size:.9rem;font-weight:650;color:var(--ink-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-more[open]>summary{color:var(--accent);margin-bottom:12px}.hero-more-grid{margin-bottom:10px}.hero-more-note{margin:0 0 12px;font-size:.88rem;line-height:1.5}@media (min-width:900px){.hero{min-height:calc(100dvh - var(--header-h) - 56px);align-content:center;max-width:720px}.hero.hero-compact{max-width:min(100%,52rem);min-height:auto;padding-top:clamp(24px,8vh,72px)}.hero-compact .hero-lead{max-width:40rem}}.cta-row{display:flex;flex-wrap:wrap;gap:8px}.learn-catalog-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.learn-catalog-head h1{margin:0}.learn-search-launch{display:inline-flex;align-items:center;gap:8px;min-width:min(100%,280px);flex:1 1 220px;max-width:420px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-secondary);font:inherit;padding:8px 12px;cursor:pointer;text-align:left}.learn-search-launch:hover{border-color:var(--accent);color:var(--ink)}.learn-search-launch-icon{flex-shrink:0;opacity:.85}.learn-search-launch-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.learn-search-launch-kbd{flex-shrink:0;font-family:var(--mono,ui-monospace,monospace);font-size:.72rem;border:1px solid var(--line);border-radius:4px;padding:2px 5px;line-height:1.2}.track-switch{display:flex;flex-wrap:nowrap;gap:0;margin:12px 0;padding:3px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.track-switch a,.track-switch button{flex:1 1;min-width:0;border:none;border-radius:calc(var(--radius-sm) + 1px);background:transparent;padding:8px 6px;cursor:pointer;color:var(--ink-secondary);font-size:.9rem;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;text-decoration:none;transition:background .15s ease,color .15s ease}.track-switch a:not(.active):hover,.track-switch button:not(.active):hover{color:var(--ink);background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}.track-switch a.active,.track-switch button.active{background:var(--accent);color:#fff;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 12%,transparent)}@media (max-width:420px){.track-switch a,.track-switch button{padding:8px 2px;font-size:.82rem;letter-spacing:-.02em}}.track-checklist{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);padding:0 14px}.track-checklist-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 0;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.track-checklist-summary::-webkit-details-marker{display:none}.track-checklist-summary-title{font-weight:650;font-size:1rem}.track-checklist-body{padding:0 0 12px;border-top:1px solid var(--line)}.track-checklist-body>.hint{margin:10px 0 0;line-height:1.45}.track-checklist-badge{flex-shrink:0;font-size:.85rem;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink-secondary)}.track-checklist-badge.complete{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent)}.track-checklist-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}@media (min-width:900px){.track-checklist-list{grid-template-columns:1fr 1fr}}.track-checklist-row{margin:0;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--ink);line-height:1.4;height:100%;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.track-checklist-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.track-checklist-row.done{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.track-checklist-row.done span{color:var(--ink-secondary)}.track-checklist-row input[type=checkbox]{width:1.05rem;height:1.05rem;min-width:1.05rem;margin:2px 0 0;padding:0;border:none;border-radius:3px;flex-shrink:0;accent-color:var(--accent);background:transparent}.track-checklist-row span{flex:1 1;min-width:0;color:var(--ink)}.track-checklist-foot{margin:10px 0 0;font-size:.8rem}.progress-bar-wrap{margin:12px 0 8px}.progress-label{font-size:.84rem;margin-bottom:6px;color:var(--ink-secondary)}.progress-bar{height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.chapter{margin:20px 0 10px}.chapter h2,.chapter-heading{margin:0 0 8px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.84rem;font-weight:650;color:var(--ink-secondary);letter-spacing:.01em}.chapter-heading-title{min-width:0;line-height:1.4}.chapter-path-tag{display:inline-block;margin-right:.4em;padding:1px 6px;border-radius:4px;font-size:.72rem;font-weight:700;color:var(--ink-secondary);background:color-mix(in srgb,var(--bg-muted) 85%,transparent);vertical-align:.05em}.chapter-heading-meta{flex:0 0 auto;font-size:.72rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--ink-secondary) 85%,transparent)}.lesson-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated)}.lesson-list li{margin:0}.lesson-list a{display:flex;align-items:baseline;justify-content:space-between;gap:10px 14px;padding:8px 12px;color:inherit;text-decoration:none!important;border:none;border-radius:0;border-bottom:1px solid var(--line);background:transparent}.lesson-list li:last-child a{border-bottom:none}.lesson-list a:hover{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}.lesson-list a.is-next{background:color-mix(in srgb,var(--accent-soft) 85%,transparent)}.lesson-list a.is-done{color:var(--ink-secondary)}.lesson-row-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;min-width:0}.lesson-row-main .lesson-code{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);font-weight:650}.lesson-title{font-weight:600;line-height:1.35}.lesson-row-meta{flex-shrink:0;font-size:.8rem;color:var(--ink-secondary);white-space:nowrap}.lesson-chip{font-size:.72rem;font-weight:650;line-height:1;padding:3px 6px;border-radius:4px;border:1px solid var(--line);color:var(--ink-secondary);background:var(--bg)}.lesson-chip-free{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.lesson-chip-next{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:#fff;background:var(--accent)}.learn-stage-note{margin:8px 0 0;font-size:.9rem;line-height:1.5;color:var(--ink-secondary)}.learn-free-note{display:inline;margin-left:.35em;color:var(--accent);font-weight:600}.learn-stage-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-top:8px}.learn-stage-bar .learn-stage-note{margin:0;flex:1 1 16rem}.learn-inline-check{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--ink-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.learn-outline-more{margin:0 0 12px;padding:0 12px;border:1px dashed var(--line);border-radius:var(--radius)}.learn-outline-more>summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 0;font-size:.88rem;color:var(--ink-secondary);list-style:none}.learn-outline-more>summary::-webkit-details-marker{display:none}.learn-outline-more[open]{padding-bottom:10px}.workspace{height:100%;grid-template-columns:1fr;grid-template-rows:1fr}.workspace,.workspace-stage{min-height:0;display:grid;overflow:hidden;position:relative}.workspace-stage{min-width:0;grid-template-rows:1fr auto}.workspace-body{min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-lab,.workspace-read{min-height:0;-webkit-overflow-scrolling:touch;padding:14px 16px 12px}.workspace-read{flex:1 1 45%;background:var(--bg);border-bottom:1px solid var(--line)}.workspace-lab{flex:1 1 55%;overflow:auto;background:var(--bg-muted)}.workspace-body.lab-collapsed .workspace-lab{display:none}.workspace-body.lab-collapsed .workspace-read{flex:1 1 auto;border-bottom:0}.lab-pane-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:.9rem;min-width:0;flex-wrap:wrap}.lab-pane-body{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.lab-pane-body,.workspace-lab .studio{min-height:0;display:flex;flex-direction:column}.workspace-lab .studio{flex:1 1;gap:8px}.workspace-lab .studio>.ide{flex:1 1 auto;min-height:0;height:auto!important}.workspace-lab .studio .publish-panel{flex:0 0 auto;margin-top:0;max-height:140px;overflow:auto;padding:8px 10px}.workspace-lab .lab-pane-body>.ai-lab,.workspace-lab .lab-pane-body>.card,.workspace-lab .lab-pane-body>.cmd-lab,.workspace-lab .lab-pane-body>.local-code-lab,.workspace-lab .lab-pane-body>.mouse-lab,.workspace-lab .lab-pane-body>.ops-lab,.workspace-lab .lab-pane-body>.pc-build-lab,.workspace-lab .lab-pane-body>.py-lab,.workspace-lab .lab-pane-body>.quiz-lab,.workspace-lab .lab-pane-body>.reading-lab-gate,.workspace-lab .lab-pane-body>.reading-studio,.workspace-lab .lab-pane-body>.sql-lab,.workspace-lab .lab-pane-body>.typing-lab{flex:1 1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}.workspace-lab .lab-pane-body>.lab-gitsim,.workspace-lab .lab-pane-body>.lab-keyboard{flex:1 1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:.5rem}.workspace-lab .lab-pane-body>.lab-keyboard>.keyboard-lab{flex:0 0 auto;min-height:auto;overflow:visible}.lab-gitsim .git-sim{min-width:0}.lab-extra-quiz,.lab-gitsim-quiz,.lab-payflow-quiz{border-top:1px solid var(--line);padding-top:.75rem}.lab-subhead{margin:0 0 .5rem;font-size:.95rem}.workspace-lab .lab-pane-body>.reading-lab-gate{width:100%}.workspace-lab .lab-pane-body>.local-code-lab,.workspace-lab .lab-pane-body>.py-lab,.workspace-lab .lab-pane-body>.sql-lab{display:flex;flex-direction:column;gap:6px;overflow:hidden}.lab-toggle-btn.active{border-color:var(--accent);background:var(--accent-soft)}.lab-fab{position:absolute;right:14px;bottom:calc(10px + var(--tabbar-h, 0px));z-index:15;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;padding:10px 16px;font:inherit;font-weight:650;font-size:.9rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}.lesson-toolbar{row-gap:8px;flex-shrink:0;margin-bottom:14px;position:-webkit-sticky;position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2px 0 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.lesson-toolbar,.lesson-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.lesson-toolbar-left{flex:1 1 auto;min-width:min-content}.lesson-toolbar .ann-tools-btn,.lesson-toolbar-left>.btn,.lesson-toolbar-left>a.btn{flex:0 0 auto;white-space:nowrap;writing-mode:horizontal-tb;-webkit-text-orientation:mixed;text-orientation:mixed;min-height:32px;padding:5px 11px;font-size:.84rem;font-weight:600;background:transparent;color:var(--ink-secondary)!important;border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.lesson-toolbar .ann-tools-btn:hover,.lesson-toolbar-left>.btn:hover,.lesson-toolbar-left>a.btn:hover{color:var(--ink)!important;border-color:var(--line);background:var(--bg-muted)}.lesson-toolbar .ann-tools-btn.active,.lesson-toolbar-left>.btn.active{color:var(--accent-hover)!important;border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.lesson-toolbar-read{flex:0 0 auto;margin-left:auto;min-width:max-content;display:flex;align-items:center;position:relative;z-index:2}.tb-read-toolbar.in-lesson-toolbar{margin:0;padding:0;border:none;opacity:1;gap:4px 8px;flex-wrap:nowrap}.tb-read-toolbar.in-lesson-toolbar .tb-read-seg,.tb-read-toolbar.in-lesson-toolbar .tb-speech-controls{flex-shrink:0}.tb-read-toolbar.in-lesson-toolbar .tb-read-seg>button,.tb-read-toolbar.in-lesson-toolbar .tb-speech-btn{flex-shrink:0;white-space:nowrap}.textbook.tb-mode-continuous .tb-read-toolbar.in-lesson-toolbar{margin:0}.lesson-toolbar-pos{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width:899px){.workspace-lab,.workspace-read{padding:10px 12px 14px}.lesson-toolbar{gap:6px;flex-wrap:wrap;row-gap:8px;overflow-x:visible;margin:0 0 8px;padding:2px 0 10px}.lesson-toolbar-left{gap:6px;flex-wrap:wrap;min-width:min-content}.lesson-toolbar-left>.btn,.lesson-toolbar-left>a.btn{flex:0 0 auto;white-space:nowrap;padding:6px 11px;min-height:34px;font-size:.82rem}.lesson-toolbar-read{flex:0 0 auto;min-width:max-content}.workspace-body.lab-open .workspace-read{display:none}.workspace-stage:has(.workspace-body.lab-open) .lesson-nav{display:none}.workspace-body.lab-open .workspace-lab{position:absolute;inset:0;z-index:18;flex:none;width:100%;max-width:none;overflow:hidden;display:flex;flex-direction:column;border-bottom:0;background:var(--bg);padding-bottom:calc(12px + var(--safe-bottom, 0px))}.workspace-body.lab-collapsed .workspace-read{flex:1 1 auto}.workspace-read-main{padding-bottom:12px}.lesson-nav{gap:8px;padding:6px 12px;font-size:.84rem;align-items:center;flex-wrap:nowrap;justify-content:space-between;min-height:0}.lesson-nav-link{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2}.lesson-nav-link:first-child{text-align:left}.lesson-nav>.lesson-nav-link:last-child{text-align:right}.lesson-nav-home{flex:0 0 auto;white-space:nowrap;font-weight:600;color:var(--ink-secondary);text-decoration:none}.lesson-nav-home:hover{color:var(--accent-hover)}.tb-lesson-title{font-size:1.25rem}.lab-pane-head .ghost-btn-ink{padding:6px 12px;font-weight:650;border:1px solid var(--line);border-radius:var(--radius-sm)}}@media (min-width:900px){.lab-fab{bottom:64px;right:20px}}.lesson-toc-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.35);z-index:20;cursor:pointer}.lesson-toc{--toc-pad-x:12px;display:none;flex-direction:column;min-height:0;background:var(--bg-elevated);border-right:1px solid var(--line);z-index:25}.lesson-toc.is-open{display:flex;position:absolute;left:0;top:0;bottom:0;width:min(86vw,300px);box-shadow:4px 0 24px rgba(0,0,0,.18)}.lesson-toc-head{flex-shrink:0;display:grid;grid-gap:6px;gap:6px;padding:10px var(--toc-pad-x) 8px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.lesson-toc-head-row{display:flex;align-items:center;gap:8px;min-width:0}.lesson-toc-head-meta{justify-content:flex-start;gap:10px;padding:0 1px}.lesson-toc-track{position:relative;min-width:0;flex:1 1 auto;margin:0;display:block}.lesson-toc-path-wrap:after,.lesson-toc-track:after{content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;border-right:1.5px solid var(--ink-secondary);border-bottom:1.5px solid var(--ink-secondary);transform:translateY(-70%) rotate(45deg);pointer-events:none}.lesson-toc-track .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lesson-toc-track-select{width:100%;max-width:100%;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;font-weight:650;font-size:.84rem;padding:4px 26px 4px 8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lesson-toc-track-select:focus,.lesson-toc-track-select:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));outline:none}.lesson-toc-path{margin:0;min-width:0;flex:1 1 auto;font-size:.78rem;font-weight:700;line-height:1.3;color:var(--ink);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-toc-path-wrap{position:relative;flex:0 1 auto;width:10.5rem;max-width:min(100%,12rem);min-width:9rem;margin:0;display:block}.lesson-toc-path-wrap:after{right:4px;opacity:0;transition:opacity .12s ease}.lesson-toc-path-wrap.is-open:after,.lesson-toc-path-wrap:focus-within:after,.lesson-toc-path-wrap:hover:after{opacity:.55}.lesson-toc-path-select{display:block;width:100%;max-width:100%;margin:0;padding:0 16px 0 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:.78rem;font-weight:650;line-height:1.35;letter-spacing:.01em;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lesson-toc-path-select:focus,.lesson-toc-path-select:hover,.lesson-toc-path-wrap.is-open .lesson-toc-path-select{color:var(--ink);outline:none;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb,var(--ink-secondary) 70%,transparent);text-decoration-color:color-mix(in srgb,var(--ink-secondary) 70%,transparent)}.lesson-toc-path-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;width:100%;min-width:10.5rem;padding:6px 0;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:0 8px 24px rgba(0,0,0,.12)}.lesson-toc-path-menu-group+.lesson-toc-path-menu-group{margin-top:4px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.lesson-toc-path-menu-heading{padding:4px 14px 3px;font-size:.68rem;font-weight:650;letter-spacing:.04em;color:var(--ink-secondary)}.lesson-toc-path-menu-item{display:block;width:100%;margin:0;padding:7px 14px 7px 1.65em;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.8rem;font-weight:550;line-height:1.35;text-align:left;cursor:pointer}.lesson-toc-path-menu-item:focus,.lesson-toc-path-menu-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);outline:none}.lesson-toc-path-menu-item.is-selected{font-weight:700;background:color-mix(in srgb,var(--accent) 14%,transparent)}.lesson-toc-track:hover:after{border-color:var(--ink)}.lesson-toc-path-spacer{flex:1 1 auto;min-width:0}.lesson-toc-head-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.lesson-toc-head-sep{color:color-mix(in srgb,var(--ink-secondary) 55%,transparent);font-size:.72rem;line-height:1}.lesson-toc-all,.lesson-toc-search{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;padding:0;white-space:nowrap;text-decoration:none!important}.lesson-toc-all:hover,.lesson-toc-search:hover{color:var(--accent-hover)}.lesson-toc-filter{display:flex;align-items:center;gap:4px;margin:0 0 0 auto;flex:0 0 auto;font-size:.72rem;font-weight:600;color:var(--ink-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.lesson-toc-filter input{margin:0;accent-color:var(--accent);width:.85rem;height:.85rem;cursor:pointer}.lesson-toc-filter:hover{color:var(--ink)}.lesson-toc-scroll{flex:1 1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px calc(var(--toc-pad-x) - 2px) 18px}.lesson-toc-chapter{--toc-toggle-pad-x:8px;--toc-chevron-slot:0.95em;--toc-chevron-gap:6px;margin:0;padding:2px 0}.lesson-toc-chapter+.lesson-toc-chapter{margin-top:4px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.lesson-toc-chapter-toggle{width:100%;display:flex;align-items:center;gap:var(--toc-chevron-gap);margin:0;padding:6px var(--toc-toggle-pad-x);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);font:inherit;text-align:left;cursor:pointer}.lesson-toc-chapter-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--bg-muted) 55%,transparent)}.lesson-toc-chapter.is-open>.lesson-toc-chapter-toggle{color:var(--ink)}.lesson-toc-chevron{flex:0 0 var(--toc-chevron-slot);width:var(--toc-chevron-slot);font-size:.68rem;line-height:1;text-align:center;color:color-mix(in srgb,var(--ink-secondary) 85%,transparent)}.lesson-toc-chapter-label{flex:1 1 auto;min-width:0;font-size:.76rem;font-weight:700;line-height:1.35;letter-spacing:.02em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-word}.lesson-toc-chapter.is-elective .lesson-toc-chapter-label{font-weight:650;color:color-mix(in srgb,var(--ink-secondary) 35%,var(--ink))}.lesson-toc-chapter.is-elective .lesson-toc-chapter-meta{background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-muted))}.lesson-toc-chapter-meta{flex:0 0 auto;min-width:1.4em;padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;color:color-mix(in srgb,var(--ink-secondary) 90%,transparent);background:color-mix(in srgb,var(--bg-muted) 80%,transparent)}.lesson-toc-lessons{list-style:none;margin:2px 0 4px;padding:4px var(--toc-toggle-pad-x) 4px calc(var(--toc-toggle-pad-x) + var(--toc-chevron-slot) + var(--toc-chevron-gap));border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--bg) 55%,transparent)}.lesson-toc-chapter a{display:flex;align-items:baseline;gap:6px;margin:1px 0;padding:5px 8px 5px 0;font-size:.81rem;line-height:1.35;color:var(--ink-secondary);text-decoration:none!important;border-radius:var(--radius-sm);border-left:none}.lesson-toc-chapter a .lesson-toc-code{flex:0 0 auto;color:color-mix(in srgb,var(--ink-secondary) 70%,var(--ink));font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lesson-toc-chapter a .lesson-toc-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-toc-chapter a .lesson-toc-done{flex:0 0 auto;font-size:.72rem;color:color-mix(in srgb,var(--success,#3d9a6a) 75%,var(--ink-secondary));opacity:.85}.lesson-toc-chapter a.is-done:not(.active){opacity:.78}.lesson-toc-chapter a:hover{background:color-mix(in srgb,var(--bg-muted) 70%,transparent);color:var(--ink)}.lesson-toc-chapter a:hover .lesson-toc-code{color:var(--ink)}.lesson-toc-chapter a.active{background:color-mix(in srgb,var(--accent-soft) 78%,transparent);color:var(--ink);font-weight:600;opacity:1}.lesson-toc-chapter a.active .lesson-toc-code{color:var(--accent-hover)}.linkish{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.linkish:hover{text-decoration:underline}@media (min-width:900px){.workspace{grid-template-columns:var(--toc-w,240px) 6px minmax(0,1fr)}.lesson-toc{--toc-pad-x:14px;display:flex;min-width:0}.lesson-toc,.lesson-toc.is-open{position:static;width:auto;box-shadow:none}.workspace-body{display:grid;grid-template-columns:minmax(0,1fr);flex-direction:unset}.workspace-body.lab-open.lab-mode-practice,.workspace-body.lab-open.lab-mode-read,.workspace-body.lab-open.lab-mode-split{grid-template-columns:minmax(240px,1fr) 6px var(--lab-w,440px)}.workspace-body.lab-collapsed{grid-template-columns:1fr;grid-template-rows:1fr}.workspace-body.lab-collapsed .workspace-read{grid-column:1;grid-row:1;width:100%;min-width:0;border-right:0}.workspace-body.lab-collapsed .lab-fab{grid-column:1;grid-row:1;justify-self:end;align-self:end}.lab-resizer,.toc-resizer{width:6px;margin:0 -1px;cursor:col-resize;touch-action:none;position:relative;z-index:3;background:transparent}.lab-resizer:after,.toc-resizer:after{content:"";position:absolute;inset:0 1px;border-radius:2px;background:var(--line);opacity:.7;transition:background .15s,opacity .15s}.lab-resizer:focus-visible:after,.lab-resizer:hover:after,.toc-resizer:focus-visible:after,.toc-resizer:hover:after,body.lab-resizing .lab-resizer:after,body.toc-resizing .toc-resizer:after{background:var(--accent);opacity:1}body.lab-resizing,body.toc-resizing{cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.lab-resizing iframe,body.toc-resizing iframe{pointer-events:none}.workspace-lab,.workspace-read{padding:22px 32px 14px;border-bottom:0}.workspace-read{border-right:0;overflow:hidden;min-width:0}.workspace-lab{overflow:hidden;display:flex;flex-direction:column;width:100%;min-width:0;max-width:none;border-left:1px solid var(--line);background:var(--bg-muted)}.lab-pane-head-actions{display:flex;align-items:center;gap:4px}.lab-layout-modes{display:inline-flex;gap:2px;margin-right:4px;padding-right:8px;border-right:1px solid var(--line)}.lab-layout-modes .ghost-btn-ink{padding:2px 8px;font-size:.78rem}.lab-layout-modes .ghost-btn-ink.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:650}}.metaphor{background:var(--accent-soft);border-left:3px solid var(--accent);padding:10px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:10px 0;font-size:.95rem}.knowledge li,.mistakes li{margin-bottom:6px;line-height:1.45}.mistakes{background:var(--warn-soft);border-radius:var(--radius);padding:10px 10px 10px 26px;border:1px solid color-mix(in srgb,var(--warn) 25%,var(--line))}.lesson-nav{justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--bg) 88%,var(--bg-elevated));font-size:.86rem;color:var(--ink-secondary);flex-shrink:0}.lesson-actions,.lesson-nav{display:flex;align-items:center;flex-wrap:wrap}.lesson-actions{gap:8px;margin-top:16px;margin-bottom:0}.reading-lab-gate{text-align:center;display:flex;flex-direction:column;box-sizing:border-box}.reading-lab-gate h3,.reading-lab-gate>p.muted:not(.reading-lab-alt){text-align:left;flex:0 0 auto}.reading-lab-gate .lesson-actions{justify-content:center;margin-top:clamp(56px,18vh,140px)}.reading-lab-gate .reading-lab-alt{margin:12px 0 0;font-size:.85rem;text-align:center;flex:0 0 auto}.reading-studio{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1 1}.reading-studio-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex-shrink:0}.reading-studio-bar .btn{padding:4px 12px;font-size:.82rem;min-height:28px!important}.reading-studio-hint{font-size:.8rem}.reading-studio-tpl{flex-shrink:0}.workspace-lab .lab-pane-body>.reading-studio,.workspace-lab .reading-studio .studio{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.studio-back{margin:0 0 8px;font-size:.92rem}.studio-back a{font-weight:650}.ide{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ide-chrome);display:flex;flex-direction:column;min-height:280px}@media (min-width:900px){.ide{height:calc(100% - 8px);min-height:0}.lab-pane-body .ide,.workspace-lab .ide{height:calc(100% - 48px)}}.ide-tabs{display:flex;gap:6px;align-items:center;padding:6px 8px;background:color-mix(in srgb,#000 35%,var(--ide-chrome));flex-wrap:wrap}.ide-tabs button{background:#2a2a2a;color:#ddd;border:none;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem}.ide-tabs button.active{background:var(--accent);color:#fff}.ide-panes{display:grid;grid-template-columns:1fr;flex:1 1;min-height:0}@media (min-width:900px){.ide-panes.split{grid-template-columns:1fr 1fr}.workspace-lab:not(.lab-ide-wide) .ide-panes.split{grid-template-columns:1fr;grid-template-rows:minmax(0,1.15fr) minmax(0,.95fr)}.workspace-lab:not(.lab-ide-wide) .ide-preview{border-top:1px solid #333;border-left:none;height:100%;min-height:0}.workspace-lab:not(.lab-ide-wide) .ide-mobile-switch{display:flex}.workspace-lab.lab-ide-wide .ide-panes.split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr}.workspace-lab.lab-ide-wide .ide-preview{border-top:none;border-left:1px solid #333;height:100%;min-height:0}}.ide-editor{min-height:220px;height:40dvh;min-width:0}@media (min-width:900px){.ide-editor{height:100%;min-height:0}}.ide-preview{width:100%;min-height:220px;height:40dvh;background:#fff;border:none;border-top:1px solid #333;min-width:0}@media (min-width:900px){.ide-panes.split .ide-preview{height:100%;min-height:0;border-top:none;border-left:1px solid #333}.studio-page .ide-panes.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}@media (max-width:899px){.ide-panes.split .ide-editor[data-show="0"],.ide-panes.split .ide-preview[data-show="0"]{display:none}.ide-panes.split .ide-editor[data-show="1"],.ide-panes.split .ide-preview[data-show="1"]{display:block;height:50dvh;min-height:240px}}.ide-mobile-switch{display:flex;gap:6px;padding:6px 8px;background:#161616}@media (min-width:900px){.ide-mobile-switch{display:none}}.pill{color:#bbb;font-size:.8rem;margin-right:auto}.publish-panel{margin-top:10px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:grid;grid-gap:10px;gap:10px;align-content:start}.publish-panel h3{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.publish-panel label{display:grid;grid-gap:4px;gap:4px;font-size:.8rem;color:var(--ink-secondary);line-height:1.35}.publish-panel input,.publish-panel select{width:100%;box-sizing:border-box;min-height:34px;padding:6px 10px;font-size:.9rem;line-height:1.3;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}.publish-panel .btn{width:100%;min-height:36px;padding:8px 12px;font-size:.92rem}.publish-panel .flash,.publish-panel .hint,.publish-panel>p{margin:0;font-size:.82rem;line-height:1.4}.studio-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--bg)}.practice-page{max-width:920px;margin:0 auto;padding:8px 4px 48px}.practice-head{margin-bottom:1rem}.practice-kicker{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.practice-head h1,.practice-tool-head h1{margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2rem);line-height:1.2}.practice-lead{margin:0;max-width:40rem;line-height:1.55}.practice-tool-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1.25rem;flex-wrap:wrap}.practice-tool-title-main{flex:1 1 12rem;min-width:0}.practice-tool-title-main h1{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:0 0 .35rem}.practice-tool-title-main .practice-badge{margin:0;vertical-align:middle}.practice-study-hint{margin:.35rem 0 0;font-size:.85rem}.practice-study-bar{flex:0 1 auto;margin:0;max-width:min(100%,22rem);align-self:center}.practice-tool-page.is-web .practice-study-bar{max-width:min(100%,24rem)}@media (max-width:640px){.practice-tool-title-row{flex-direction:column;align-items:stretch}.practice-study-bar{align-self:stretch;max-width:none}}.practice-continue{margin:0 0 1rem;font-size:.95rem}.practice-continue a{color:var(--accent,#2f6f4e);font-weight:650;text-decoration:none}.practice-continue a:hover{text-decoration:underline}.practice-filters{margin:0 0 1.5rem;overflow-x:auto}.practice-filters button{flex:0 0 auto;padding-inline:12px}.practice-more-hint{margin:1rem 0 0}.practice-empty{margin:.5rem 0 0}.practice-mode-switch{margin:0 0 12px;max-width:20rem}.practice-tool-view{min-width:0}.unified-code-lab{display:flex;flex-direction:column;gap:.85rem;min-width:0}.unified-code-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.65rem;gap:.65rem;margin:0;padding:0;list-style:none}.unified-code-steps li{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent)}.unified-code-steps strong{font-size:.92rem}.unified-code-steps .muted{font-size:.82rem;line-height:1.35}.unified-code-langs{flex-wrap:wrap;max-width:none}.unified-code-langs a.is-locked:not(.active){opacity:.72}.unified-code-tip{margin:0;font-size:.9rem}.unified-code-body{min-width:0}.unified-code-locked{padding:1.25rem 1.35rem;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.unified-code-locked p{margin:0;max-width:36rem;line-height:1.5}.unified-code-body .local-code-head h3,.unified-code-body .ops-lab>h3{display:none}.unified-code-body .local-code-head>.muted,.unified-code-body .ops-lab>.hint{font-size:.85rem}@media (max-width:720px){.unified-code-steps{grid-template-columns:1fr}}.practice-group{margin-bottom:1.75rem}.practice-group-head{margin-bottom:.75rem}.practice-group-head h2{margin:0 0 .25rem;font-size:1.1rem}.practice-group-head .muted{margin:0;font-size:.9rem}.practice-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));align-items:stretch}.practice-grid>li{display:flex;min-height:0}.practice-card{display:flex;flex-direction:column;gap:.35rem;flex:1 1;width:100%;min-height:7.5rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--panel,var(--bg));text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.practice-card:hover{border-color:var(--accent,#2f6f4e);background:color-mix(in srgb,var(--accent,#2f6f4e) 6%,transparent)}.practice-card-title{display:flex;align-items:center;gap:.45rem;font-weight:650;font-size:.98rem}.practice-badge{font-size:.7rem;font-weight:600;padding:.12rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--accent,#2f6f4e) 18%,transparent);color:var(--accent,#2f6f4e)}.practice-badge-free{background:color-mix(in srgb,var(--accent,#2f6f4e) 14%,transparent);color:var(--accent,#2f6f4e)}.practice-badge-member{background:color-mix(in srgb,#b45309 16%,transparent);color:#9a3412}:root[data-theme=dark] .practice-badge-member,[data-theme=dark] .practice-badge-member{color:#fdba74;background:color-mix(in srgb,#fdba74 16%,transparent)}.practice-card.is-locked{opacity:.88}.practice-member-gate{max-width:920px;margin:0 auto}.practice-card-blurb{font-size:.84rem;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.practice-card-audience{margin-top:auto;padding-top:.15rem;font-size:.78rem;line-height:1.35;color:var(--muted);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-tool-page{max-width:1100px}.practice-tool-page.is-web{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;height:100%;min-height:0}.practice-tool-head{margin-bottom:1rem;padding:8px 4px 0}.practice-tool-page.is-web .practice-tool-head{flex:0 0 auto;margin:0;padding:12px 20px 10px;border-bottom:1px solid var(--line)}.practice-back{margin:0 0 .4rem;font-size:.9rem}.practice-back a{color:inherit}.practice-tool-body{min-width:0}.practice-tool-page.is-web .practice-tool-body,.practice-tool-page.is-web .practice-tool-view,.practice-tool-page.is-web .practice-web{flex:1 1;min-height:0;display:flex;flex-direction:column}.practice-tool-page.is-web .practice-web{height:auto;overflow:hidden}.practice-tool-page.is-web .practice-web .studio-ide-wrap{flex:1 1 auto;min-height:0}.practice-tool-page.is-web .practice-web .studio{flex:1 1 auto;min-height:0;height:100%}.practice-tool-page.is-web .practice-web .studio-page-head{border-bottom:none;padding-top:0}.studio-page-head{flex:0 0 auto;padding:12px 20px 10px;border-bottom:1px solid var(--line);background:var(--bg-elevated)}.studio-page-head h1{margin:0;font-size:1.35rem}.studio-page-lead{margin:4px 0 10px;font-size:.9rem}.studio-ide-wrap{padding:12px 16px 16px}.studio-ide-wrap,.studio-page .studio{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.studio-page .studio{gap:12px}.studio-page .studio>.ide{flex:1 1 auto;min-height:280px;height:auto}.studio-page .studio .publish-panel{flex:0 0 auto;margin-top:0}@media (max-width:899px){.studio-page{height:auto;min-height:100%;overflow:visible}.studio-page-head{padding:12px 14px 10px}.studio-ide-wrap{padding:10px 12px 20px}.studio-ide-wrap,.studio-page .studio{flex:0 0 auto;min-height:auto}.studio-page .studio>.ide{flex:0 0 auto;height:auto;min-height:280px}}@media (min-width:900px){.studio-ide-wrap{padding:12px 20px 16px}.studio-page .studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);grid-template-rows:minmax(0,1fr);align-items:stretch;grid-gap:14px;gap:14px}.studio-page .studio>.ide{height:100%;min-height:420px}.studio-page .studio .publish-panel{align-self:stretch;overflow:auto;max-height:100%}}.py-lab,.sql-lab{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.sql-lab-chrome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-muted) 88%,var(--accent-soft))}.sql-lab-chrome-left,.sql-lab-chrome-right{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem}.sql-lab-engine{font-weight:800;letter-spacing:.02em;color:var(--accent-hover)}.sql-lab-dot{opacity:.45}.sql-lab-badge{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-secondary);background:var(--bg)}.sql-lab-badge.is-on{color:var(--accent-hover);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.sql-lab-note{margin:0;font-size:.8rem;line-height:1.4}.sql-lab-workspace{display:grid;grid-gap:10px;gap:10px;min-width:0;align-items:stretch}@media (min-width:860px){.sql-lab-workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:520px}}.sql-lab-aside{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.sql-lab-aside-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:var(--bg-muted)}.sql-lab-aside-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:.82rem;font-weight:700;padding:9px 8px;cursor:pointer}.sql-lab-aside-tabs button.is-active{color:var(--accent-hover);background:var(--bg-elevated);box-shadow:inset 0 -2px 0 var(--accent)}.sql-lab-aside-panel{padding:10px;overflow:auto;flex:1 1;min-height:0;max-height:420px}@media (min-width:860px){.sql-lab-aside-panel{max-height:none}}.sql-lab-aside-title{margin:0 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-secondary)}.sql-lab-table-list{display:flex;flex-direction:column;gap:2px}.sql-lab-table-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-secondary);border-radius:4px;padding:6px 8px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px}.sql-lab-table-ico{opacity:.55;font-size:.75rem}.sql-lab-table-btn:hover:not(:disabled){color:var(--ink);background:var(--bg-muted)}.sql-lab-table-btn.is-active{color:var(--accent-hover);background:var(--accent-soft)}.sql-lab-table-detail{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px}.sql-lab-table-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem}.sql-lab-col-list,.sql-lab-fk-list,.sql-lab-history{list-style:none;margin:0;padding:0}.sql-lab-col-list li,.sql-lab-fk-list li{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.78rem;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.sql-lab-col-list code,.sql-lab-fk-list code{font-size:.76rem}.sql-lab-sample-table{max-height:140px;overflow:auto;margin:0;border:1px solid var(--line);border-radius:4px}.sql-lab-sample-table .table{font-size:.72rem;margin:0}.sql-lab-empty-sample{margin:0;font-size:.8rem}.sql-lab-history{display:grid;grid-gap:6px;gap:6px}.sql-lab-history li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px;gap:6px;align-items:start}.sql-lab-history li.is-err .sql-lab-history-main{border-color:color-mix(in srgb,#c0392b 35%,var(--line))}.sql-lab-history-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:6px 8px;font:inherit;cursor:pointer;display:grid;grid-gap:2px;gap:2px;min-width:0}.sql-lab-history-sql{font-size:.76rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sql-lab-history-main .muted{font-size:.7rem}.sql-lab-history-rerun{min-height:28px!important;padding:3px 8px;font-size:.72rem}.sql-lab-main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.sql-lab-main-framed{gap:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden}.sql-lab-right-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--bg-muted);flex:0 0 auto}.sql-lab-right-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:.82rem;font-weight:700;padding:9px 6px;cursor:pointer}.sql-lab-right-tabs button.is-active{color:var(--accent-hover);background:var(--bg-elevated);box-shadow:inset 0 -2px 0 var(--accent)}.sql-lab-main-framed>.sql-lab-panel{border:0;border-radius:0;flex:1 1}.sql-lab-ops-panel{min-height:0}.sql-lab-ops-top{border-bottom:1px solid var(--line)}.sql-lab-ops-bottom,.sql-lab-ops-top{display:flex;flex-direction:column;min-width:0}.sql-lab-ops-bottom{min-height:160px;flex:1 1}.sql-lab-ops-panel .sql-lab-editor.lab-editor{min-height:160px;height:200px}@media (min-width:860px){.sql-lab-ops-panel .sql-lab-editor.lab-editor{height:220px}}.sql-lab-ops-bottom .sql-lab-result-grid{max-height:240px}.sql-lab-detail-body{padding:12px;display:grid;grid-gap:8px;gap:8px}.sql-lab-info-panel{min-height:0}.sql-lab-info-panel .sql-lab-detail-body{overflow:auto;flex:1 1;min-height:0;-webkit-overflow-scrolling:touch}.sql-lab-schema-blocks{display:grid;grid-gap:14px;gap:14px}.sql-lab-schema-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.sql-lab-schema-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.sql-lab-schema-card-head h4{margin:0;font-size:.84rem;font-weight:750}.sql-lab-schema-card-head .muted{font-size:.76rem}.sql-lab-schema-table-wrap{overflow:auto}.sql-lab-schema-table{margin:0;width:100%;font-size:.86rem;border-collapse:collapse}.sql-lab-schema-table td,.sql-lab-schema-table th{padding:8px 12px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);vertical-align:middle}.sql-lab-schema-table thead th{font-size:.75rem;font-weight:700;color:var(--ink-secondary);background:color-mix(in srgb,var(--bg-muted) 70%,var(--bg));white-space:nowrap}.sql-lab-schema-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.sql-lab-schema-table tbody tr:last-child td{border-bottom:0}.sql-lab-col-name{font-size:.86rem;font-weight:650;color:var(--ink)}.sql-lab-type-pill{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:600;padding:2px 7px;border-radius:4px;color:var(--ink-secondary);background:var(--bg-muted);border:1px solid var(--line)}.sql-lab-flag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:2px 6px;border-radius:999px;line-height:1.2}.sql-lab-flag.is-pk{color:var(--accent-hover);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}.sql-lab-flag.is-nn{color:var(--ink-secondary);background:var(--bg-muted);border:1px solid var(--line)}.sql-lab-fk-ref{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer;color:var(--accent-hover)}.sql-lab-fk-ref code{font-size:.84rem;font-weight:650;text-decoration:underline;text-underline-offset:2px}.sql-lab-fk-ref:hover:not(:disabled) code{color:var(--accent)}.sql-lab-fk-ref:disabled{cursor:default;opacity:.7}.sql-lab-schema-empty{margin:0;padding:14px 12px;font-size:.84rem}.sql-lab-preview-table{overflow:auto;max-height:360px;border:1px solid var(--line);border-radius:4px}.sql-lab-preview-table .table{margin:0;font-size:.84rem}.sql-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);overflow:hidden;display:flex;flex-direction:column;min-width:0}.sql-lab-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.sql-lab-panel-title{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.sql-lab-snippets{display:flex;flex-wrap:wrap;gap:4px;margin:0}.sql-snippet-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink-secondary);border-radius:4px;padding:3px 8px;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;min-height:26px}.sql-snippet-btn:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.sql-snippet-btn:disabled{opacity:.5;cursor:not-allowed}.sql-lab-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.sql-lab-toolbar .btn{min-height:32px;padding:4px 12px}.sql-lab-toolbar-hint{font-size:.75rem}.sql-lab-editor.lab-editor{min-height:200px;height:220px;border:0;border-radius:0}@media (min-width:860px){.sql-lab-editor.lab-editor{height:260px}}.sql-lab-run-meta{font-size:.78rem;color:var(--ink-secondary);max-width:min(100%,28rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sql-lab-run-meta.is-ok{color:var(--accent-hover);font-weight:650}.sql-lab-run-meta.is-err{color:#b42318;font-weight:650}.sql-lab-error{margin:0;padding:8px 10px;background:color-mix(in srgb,#c0392b 12%,var(--bg-elevated));border-bottom:1px solid color-mix(in srgb,#c0392b 35%,var(--line));font-size:.82rem;white-space:pre-wrap;line-height:1.45}.sql-lab-result-empty{margin:0;padding:16px 12px;font-size:.85rem}.sql-lab-result-grid{overflow:auto;max-height:260px;padding:0 0 4px}.sql-lab-result-set-label{margin:8px 10px 4px;font-size:.75rem}.sql-lab-result-grid .table{margin:0;font-size:.84rem}.sql-lab-result-grid .table td,.sql-lab-result-grid .table th{white-space:nowrap}.sql-lab-rownum{width:2.2rem;color:var(--ink-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--bg-muted)}.sql-lab-statusbar{padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.75rem;color:var(--ink-secondary)}.sql-lab-schema,.sql-lab-statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sql-lab-schema{margin-bottom:2px}.sql-lab-schema-label{font-size:.8rem;font-weight:650;color:var(--ink-secondary)}.sql-lab-status{max-width:min(100%,28rem)}.py-lab-toolbar{flex:0 0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-width:0;max-width:100%;gap:8px;padding:3px 6px;align-items:center;line-height:1.2}.py-lab-toolbar .btn{flex:0 0 auto;white-space:nowrap;padding:3px 10px;font-size:.8rem;min-height:28px!important;line-height:1.2}.py-lab-toolbar .btn.secondary{background:#3a3a3a!important;border:1px solid #8a8a8a!important;color:#fff!important}.py-lab-toolbar .btn.secondary:hover:not(:disabled){background:#4a4a4a!important;border-color:#b0b0b0!important;color:#fff!important}.py-lab-toolbar .btn.secondary:disabled,.py-lab-toolbar .btn:disabled{opacity:1;background:#2e2e2e!important;border:1px solid #6e6e6e!important;color:#d0d0d0!important;cursor:not-allowed}.py-lab-toolbar .pill{margin-right:0;margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.lab-editor{flex:1 1 auto;min-width:0;min-height:140px;height:200px;max-width:100%;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--line)}.workspace-lab .lab-editor{height:0}.lab-editor>div,.lab-editor>section{height:100%!important;min-height:0}.py-out{flex:0 1 auto;background:#0b1220;color:#d1fae5;padding:6px 8px;border-radius:var(--radius-sm);min-height:2.6em;max-height:min(120px,22vh);overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:.8rem;line-height:1.35;min-width:0;max-width:100%;margin:0}.sql-result{overflow:auto;max-height:200px}.git-sim{display:flex;flex-direction:column;gap:.5rem;min-width:0}.git-sim-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.git-sim-note{margin:0;font-size:.88rem;line-height:1.45;flex:1 1 14rem}.git-sim-mission-bar{display:flex;align-items:center;gap:.55rem;flex:0 0 auto}.git-mission-toggle{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elevated);padding:.28rem .7rem;font:inherit;font-size:.82rem;font-weight:650;color:var(--ink);cursor:pointer}.git-mission-toggle:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.git-mission-dots{list-style:none;margin:0;padding:0;display:flex;gap:.28rem}.git-mission-dot{display:block;width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--ink-secondary) 28%,transparent)}.git-mission-dot.is-done{background:var(--accent)}.git-sim-missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:.5rem;gap:.5rem}.git-mission{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);font-size:.82rem}.git-mission.is-done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.git-mission strong{font-size:.88rem}.git-coach{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.git-coach-text{display:flex;flex-direction:column;gap:.08rem;flex:1 1 12rem;min-width:0;font-size:.84rem}.git-coach-go{flex:0 0 auto;min-height:30px!important;padding:4px 12px;font-size:.8rem}.git-sim-layout{display:contents}.git-zones{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,.9fr) auto minmax(0,1.15fr) auto minmax(0,1.15fr);align-items:stretch;grid-gap:.4rem;gap:.4rem}@media (max-width:900px){.git-zones{display:flex;flex-wrap:wrap;align-items:stretch;gap:.45rem}}.git-zones-wrap{gap:.65rem;min-width:0;width:100%}.git-file-list,.git-zones-wrap{display:flex;flex-direction:column}.git-file-list{list-style:none;margin:0;padding:0;gap:.3rem}.git-file-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;border:1px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent);padding:.4rem .5rem;cursor:pointer;color:inherit;font:inherit}.git-file-btn:hover{border-color:var(--line)}.git-file-btn.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.git-dirty-hint{margin:0;font-size:.75rem}.git-new-file{display:flex;gap:.35rem;margin-top:.15rem}.git-new-file input{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:.8rem;background:var(--bg);color:var(--ink)}.git-new-file .btn{flex:0 0 auto;min-height:30px!important;padding:4px 10px;font-size:.78rem}.git-editor{border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);overflow:hidden;display:flex;flex-direction:column;min-height:160px}.git-editor-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;padding:.45rem .7rem;border-bottom:1px solid var(--line);font-size:.85rem}.git-compare-summary{flex:1 1 12rem;font-size:.8rem}.git-editor-del{margin-left:auto;min-height:28px!important;padding:3px 10px;font-size:.75rem}.git-compare{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;min-height:180px}@media (min-width:720px){.git-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.git-compare{grid-template-columns:repeat(4,minmax(0,1fr))}}.git-compare-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-top:1px solid var(--line);background:var(--bg-elevated)}@media (min-width:720px){.git-compare-pane{border-top:none;border-right:1px solid var(--line)}.git-compare-pane:nth-child(2n){border-right:none}}@media (min-width:1100px){.git-compare-pane:nth-child(2n){border-right:1px solid var(--line)}.git-compare-pane:last-child{border-right:none}}.git-compare-pane.is-diff{background:color-mix(in srgb,#d97706 8%,var(--bg-elevated))}.git-compare-pane.is-missing{background:color-mix(in srgb,var(--ink-secondary) 6%,var(--bg-elevated))}.git-compare-remote{border-color:color-mix(in srgb,#0d9488 25%,var(--line))}.git-compare-pane header{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem .4rem;border-bottom:1px solid var(--line)}.git-compare-pane h4{margin:0;font-size:.88rem}.git-compare-tag{align-self:flex-start;margin-top:.15rem;font-size:.72rem;font-weight:650;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--ink-secondary) 12%,transparent);color:var(--ink-secondary)}.git-compare-tag.is-dirty{background:color-mix(in srgb,#d97706 22%,transparent);color:#b45309}.git-compare-tag.is-staged{background:color-mix(in srgb,#2563eb 18%,transparent);color:#1d4ed8}.git-compare-tag.is-warn{background:color-mix(in srgb,#dc2626 14%,transparent);color:#b91c1c}.git-compare-body{margin:0;flex:1 1;min-height:88px;max-height:140px;overflow:auto;padding:.45rem .55rem;font-size:.76rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.git-compare-body,.git-editor-area{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.git-editor-area{width:100%;min-height:150px;border:none;resize:vertical;padding:.65rem .75rem;font-size:.82rem;line-height:1.45;background:transparent;color:var(--ink);box-sizing:border-box}.git-compare-edit{flex:1 1;min-height:88px;max-height:140px;padding:.45rem .55rem;font-size:.76rem;background:color-mix(in srgb,var(--accent) 4%,transparent)}.git-editor-area:focus{outline:none}.git-editor-empty{margin:0;padding:1rem .75rem;font-size:.88rem}.git-zone{flex:1 1 9.5rem;min-width:0;display:flex;flex-direction:column;gap:.45rem;padding:.65rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);transition:box-shadow .2s ease,border-color .2s ease}.git-zone.is-focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.git-zone header{display:flex;flex-direction:column;gap:.1rem}.git-zone h3{margin:0;font-size:.95rem}.git-zone ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;flex:1 1}.git-zone li{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;padding:.35rem .45rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent)}.git-zone li code{font-size:.82rem}.git-zone-work{border-color:color-mix(in srgb,#d97706 35%,var(--line))}.git-zone-stage{border-color:color-mix(in srgb,#2563eb 35%,var(--line))}.git-zone-repo{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.git-zone-remote{border-color:color-mix(in srgb,#0d9488 40%,var(--line));flex:1 1 12rem}.git-fetch-pending{margin:0 0 .5rem;padding:.4rem .55rem;font-size:.78rem;line-height:1.45;color:var(--ink);background:color-mix(in srgb,#f59e0b 16%,var(--bg-elevated));border:1px solid color-mix(in srgb,#f59e0b 40%,var(--line));border-radius:8px}.git-fetch-pending code{font-size:.85em}.git-compare-remote.is-stale{outline:1px dashed color-mix(in srgb,#f59e0b 55%,var(--line));outline-offset:-1px}.git-zone-arrow{align-self:center;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.75rem;font-weight:700;color:var(--ink-secondary);padding:.35rem .45rem;margin:0;border:1px dashed color-mix(in srgb,var(--ink-secondary) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--bg) 80%,transparent);cursor:pointer;font-family:inherit;line-height:1.2;transition:border-color .15s ease,background .15s ease,color .15s ease}.git-arrow-label{font-weight:700}.git-arrow-hint{font-size:.65rem;font-weight:500;color:var(--ink-secondary);opacity:.9}.git-zone-arrow:hover{border-style:solid;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--ink)}.git-zone-arrow:hover .git-arrow-hint{color:var(--ink)}.git-zone-arrow.is-next{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));color:var(--ink);animation:git-arrow-pulse 1.4s ease-in-out infinite}.git-zone-arrow.git-arrow-in.is-next{border-color:#0d9488;background:color-mix(in srgb,#0d9488 14%,var(--bg-elevated))}@keyframes git-arrow-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}.git-zone-arrow-stack{display:flex;flex-direction:column;gap:.25rem;align-self:center;text-align:center}.git-zone-actions{display:flex;flex-wrap:wrap;gap:.35rem}.git-mate-wrap{flex-direction:column;align-items:stretch}.git-mate-form{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:.5rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.git-mate-form label{display:flex;flex-direction:column;gap:.15rem;font-size:.72rem;color:var(--ink-secondary)}.git-mate-form input,.git-mate-form textarea{font:inherit;font-size:.8rem;color:var(--ink);padding:.3rem .45rem;border:1px solid var(--line);border-radius:6px;background:var(--bg-elevated);resize:vertical}.git-mate-form .btn{align-self:flex-start}.git-mate-form .btn,.git-zone-actions .btn{min-height:30px!important;padding:4px 10px;font-size:.78rem}.git-commit-list li{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.git-hash{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--accent);font-weight:700}.git-branch-pills{display:flex;flex-wrap:wrap;gap:.35rem}.git-branch-current{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.git-clean-hint{margin:0;font-size:.78rem}.git-term-dock{width:100%;min-width:0}.git-term{display:flex;flex-direction:column;gap:.45rem;min-width:0;border:1px solid var(--line);border-radius:12px;background:#1a1d21;color:#e8eaed;padding:.55rem .7rem .65rem}.git-term-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .75rem}.git-term-quick{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 auto;min-width:0}.git-term-toggle{flex:0 0 auto;min-height:34px!important;padding:6px 14px!important;font-size:.82rem!important;font-weight:700!important;font-family:inherit;border-radius:999px;cursor:pointer;border:2px solid #34d399!important;background:#064e3b!important;color:#ecfdf5!important;box-shadow:0 0 0 3px color-mix(in srgb,#34d399 28%,transparent)}.git-term-toggle.is-closed{animation:git-term-toggle-pulse 1.6s ease-in-out infinite}.git-term-toggle.is-open{border-color:#6b7280!important;background:#374151!important;color:#f3f4f6!important;box-shadow:none}.git-term-toggle:hover{filter:brightness(1.08)}@keyframes git-term-toggle-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,#34d399 22%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,#34d399 40%,transparent)}}.git-term-quick .btn.secondary{background:#2f343a!important;border:1px solid #6b7280!important;color:#f3f4f6!important;min-height:28px!important;padding:3px 9px;font-size:.75rem}.git-term-quick .btn.secondary.is-git-next{border-color:#34d399!important;background:color-mix(in srgb,#34d399 22%,#2f343a)!important;color:#ecfdf5!important}.git-term-peek-btn{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;width:100%;margin:0;padding:.55rem .7rem;border:1px dashed #6ee7b7;border-radius:8px;background:color-mix(in srgb,#064e3b 55%,#1a1d21);color:#ecfdf5;font:inherit;text-align:left;cursor:pointer}.git-term-peek-btn:hover{border-style:solid;background:color-mix(in srgb,#065e46 70%,#1a1d21)}.git-term-peek-label{flex:0 0 auto;font-size:.75rem;font-weight:700;color:#6ee7b7}.git-term-peek-text{flex:1 1 8rem;min-width:0;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-term-peek-cta{flex:0 0 auto;margin-left:auto;font-size:.8rem;font-weight:700;color:#a7f3d0}.git-term-panel{display:flex;flex-direction:column;gap:.45rem;min-width:0}.git-term-log{max-height:min(16vh,140px);overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.4;padding:.35rem .15rem;border-top:1px solid #333842}.git-term-log pre{margin:0 0 .35rem;white-space:pre-wrap;word-break:break-word}.git-term-form{display:flex;align-items:center;gap:.4rem}.git-prompt{flex:0 0 auto;font-size:.8rem;color:#86efac}.git-prompt,.git-term-form input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.git-term-form input{flex:1 1 auto;min-width:0;border:1px solid #4b5563;border-radius:8px;background:#111827;color:#f9fafb;padding:6px 8px;font-size:.82rem}.git-term-form .btn{flex:0 0 auto;white-space:nowrap;min-height:32px!important;padding:4px 14px;writing-mode:horizontal-tb}.table{width:100%;border-collapse:collapse;background:var(--bg-elevated);font-size:.88rem}.table td,.table th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}.class-panel{display:grid;grid-gap:14px;gap:14px}.class-mine-label{margin:0 0 8px;font-size:.85rem;font-weight:650;color:var(--ink-secondary)}.class-chips{display:flex;flex-wrap:wrap;gap:8px}.class-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg-muted);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit}.class-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover);font-weight:650}.class-chip-name{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-chip-code{font-family:var(--mono);font-size:.8rem;opacity:.85;letter-spacing:.04em}.class-active-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:10px;font-size:.9rem}.class-forms{display:grid;grid-gap:14px;gap:14px}@media (min-width:700px){.class-forms{grid-template-columns:1fr 1fr;gap:16px}}.class-form h3{margin:0 0 4px;font-size:.95rem}.class-form .muted{margin:0 0 8px;font-size:.85rem}.class-form-row{display:flex;gap:8px;align-items:center}.class-form-row input{flex:1 1;min-width:0}.class-form-row .btn{flex-shrink:0}.auth-page{display:flex;flex-direction:column;width:100%;min-height:0;height:100%;overflow:hidden}.auth-loading.brand-loading--auth{margin:auto}.auth-brand{display:none}.auth-brand-slide{position:relative;z-index:1;animation:auth-brand-fade .45s ease}@keyframes auth-brand-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-brand-dots{display:none}.auth-mobile-intro{display:flex;flex-direction:column;flex:1 1;min-height:0;width:100%;max-width:420px;margin:0 auto;padding:28px 22px calc(24px + env(safe-area-inset-bottom, 0px));background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 55%),var(--bg)}.auth-mobile-intro-brand{margin:0 0 28px;font-family:var(--font-display-family);font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:var(--accent);display:inline-flex;align-items:center;gap:10px}.auth-mobile-intro-mark{width:1.2em;height:1.2em;flex-shrink:0;color:var(--accent)}.auth-mobile-intro-body{flex:1 1;min-height:0;animation:auth-brand-fade .4s ease}.auth-mobile-intro-step{margin:0 0 10px;font-size:.8rem;letter-spacing:.08em;color:var(--ink-secondary)}.auth-mobile-intro-title{margin:0 0 12px;font-size:1.45rem;font-weight:650;line-height:1.35;color:var(--ink)}.auth-mobile-intro-copy{margin:0 0 18px;font-size:1rem;line-height:1.55;color:var(--ink-secondary)}.auth-mobile-intro-points{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.auth-mobile-intro-points li{position:relative;padding:12px 14px 12px 2rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--line);font-size:.92rem;line-height:1.45;color:var(--ink)}.auth-mobile-intro-points li:before{content:"";position:absolute;left:.85rem;top:1.15em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.auth-mobile-intro-invite{margin:16px 0 0;font-size:.88rem;text-align:center}.auth-mobile-intro-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.auth-mobile-intro-actions .btn{flex:1 1;min-height:46px}.auth-mobile-intro-skip{flex-shrink:0;padding:10px 8px;color:var(--ink-secondary);background:none;border:none;cursor:pointer;font-size:.9rem}.auth-mobile-intro-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.auth-mobile-intro-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 18%,transparent)}.auth-mobile-intro-dot.is-active{background:var(--accent);transform:scale(1.15)}.auth-page--mobile-intro{background:var(--bg)}@media (min-width:900px){.auth-page--mobile-intro .auth-mobile-intro{display:none}}.auth-panel{flex:1 1;min-height:0;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px calc(28px + env(safe-area-inset-bottom, 0px));background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 55%),var(--bg)}.auth-box{width:100%;max-width:380px;margin:0;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;display:grid;grid-gap:10px;gap:10px;box-shadow:var(--shadow)}.auth-box h1{margin:0;font-size:1.45rem}.auth-box label{display:grid;grid-gap:6px;gap:6px;font-size:.9rem;color:var(--ink-secondary)}.auth-box label.check-row{display:flex;align-items:flex-start;gap:8px}.auth-box input:not([type=checkbox]):not([type=radio]){width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.auth-box input:not([type=checkbox]):not([type=radio]):focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px;border-color:var(--accent)}.auth-box .btn{width:100%;margin-top:4px}.auth-box .linkish{justify-self:center;background:none;border:none;padding:6px;cursor:pointer;font-size:.9rem}.auth-field-hint{display:block;margin-top:2px;font-size:.82rem;font-weight:550;color:var(--warn);line-height:1.35}.auth-check-block{display:grid;grid-gap:4px;gap:4px;border-radius:var(--radius-sm);padding:2px 4px;margin:0 -4px;transition:background .2s ease,box-shadow .2s ease}.auth-check-block.is-invalid{background:color-mix(in srgb,var(--warn) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 45%,transparent);animation:auth-field-shake .4s ease}.auth-box label.auth-field.is-invalid input:not([type=checkbox]):not([type=radio]){border-color:color-mix(in srgb,var(--warn) 70%,var(--line));outline:2px solid color-mix(in srgb,var(--warn) 35%,transparent);outline-offset:1px;animation:auth-field-shake .4s ease}.auth-form-error{margin:0;padding:8px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn);font-size:.88rem;font-weight:550}@keyframes auth-field-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.auth-box label.auth-field.is-invalid input:not([type=checkbox]):not([type=radio]),.auth-check-block.is-invalid{animation:none}}@media (min-width:900px){.auth-page{flex-direction:row;align-items:stretch;height:100%;min-height:0;overflow:hidden}.auth-panel{flex:1 1;min-width:0;min-height:0;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:32px 32px 48px;background:var(--bg)}.auth-box{margin-block:max(0px,min(8vh,48px)) 24px}.auth-brand{display:flex;flex-direction:column;justify-content:center;width:min(46%,520px);flex-shrink:0;align-self:stretch;padding:48px 44px;color:#ecfdf5;background:linear-gradient(155deg,color-mix(in srgb,var(--topbar) 92%,#0a2a1c) 0,#0f3d2c 48%,#12352a 100%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(61,186,122,.28),transparent 55%);position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;inset:auto -20% -30% 40%;height:70%;background:radial-gradient(closest-side,rgba(232,240,235,.08),transparent);pointer-events:none}.auth-brand h2,.auth-brand li,.auth-brand p,.auth-brand-copy,.auth-brand-name,.auth-brand-points,.auth-brand-title{color:#ecfdf5}.auth-brand-name{margin:0 0 18px;font-family:var(--font-display-family);font-size:clamp(1.75rem,2.4vw,2.15rem);font-weight:700;letter-spacing:.04em;position:relative;display:inline-flex;align-items:center;gap:12px}.auth-brand-mark{width:1.15em;height:1.15em;flex-shrink:0;color:#ecfdf5}.auth-brand-title{margin:0 0 12px;font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:650;line-height:1.35;max-width:16em;position:relative}.auth-brand-copy{margin:0 0 22px;font-size:.98rem;line-height:1.55;color:color-mix(in srgb,#ecfdf5 88%,transparent);max-width:28em;position:relative}.auth-brand-points{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px;font-size:.92rem;color:color-mix(in srgb,#ecfdf5 90%,transparent);position:relative}.auth-brand-points li{padding-left:1.1em;position:relative;color:inherit}.auth-brand-points li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#6ee7a8}.auth-brand-dots{display:flex;gap:8px;margin-top:28px;position:relative;z-index:1}.auth-brand-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:rgba(236,253,245,.28);cursor:pointer;transition:background .2s ease,transform .2s ease}.auth-brand-dot:hover{background:rgba(236,253,245,.5)}.auth-brand-dot.is-active{background:#6ee7a8;transform:scale(1.2)}.auth-box{max-width:400px;padding:28px 26px;gap:12px}}[data-theme=dark] .auth-box label{color:color-mix(in srgb,var(--ink) 78%,var(--ink-secondary))}[data-theme=dark] .auth-box .check-row,[data-theme=dark] .auth-box .muted{color:var(--ink-secondary)}[data-theme=dark] .auth-box input:not([type=checkbox]):not([type=radio]){background:var(--bg-muted);color:var(--ink)}[data-theme=dark] .topbar-nav a{color:color-mix(in srgb,var(--topbar-ink) 92%,transparent)}.check-row{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.check-row input{width:1rem;height:1rem;margin-top:.2em;accent-color:var(--accent);flex-shrink:0}.auth-age-gate{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 4px}.auth-age-gate legend{padding:0 4px;font-size:.85rem;color:var(--ink-secondary)}.auth-age-gate .check-row{margin:6px 0}.invite-page .card{margin-bottom:14px}.invite-hero h1{margin-bottom:6px}.invite-wallet-strip{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;margin:12px 0 8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.invite-wallet-main{display:flex;flex-direction:column;gap:2px}.invite-wallet-main strong{font-size:1.55rem;font-weight:800;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.invite-wallet-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.84rem;color:var(--ink-secondary);text-align:right}.invite-wallet-link{font-weight:650;color:var(--accent)!important;text-decoration:none!important}.invite-wallet-link:hover{text-decoration:underline!important}.invite-stats{margin:6px 0 14px;font-size:.88rem}.invite-code-block{margin-bottom:12px}.invite-code-label{display:block;font-size:.82rem;color:var(--ink-secondary);margin-bottom:6px}.invite-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-share-card .invite-code-display{font-size:1.55rem;font-weight:800;letter-spacing:.14em;margin:0;line-height:1.2}.invite-share-actions{display:grid;grid-gap:10px;gap:10px;margin-bottom:10px}.invite-share-primary{width:100%;min-height:2.6rem;font-weight:700}.invite-share-secondary{display:flex;flex-wrap:wrap;gap:8px}.invite-share-secondary .btn{min-width:6.5rem;flex:1 1 auto;transition:background .15s ease,border-color .15s ease,transform .12s ease}.invite-share-actions .btn:active:not(:disabled){transform:scale(.97)}.invite-btn-done{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-hover)!important}.invite-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:80;transform:translateX(-50%);max-width:min(420px,calc(100vw - 32px));margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover);font-size:.9rem;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));text-align:center}.invite-toast-err{background:color-mix(in srgb,var(--danger) 14%,var(--bg-elevated));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.invite-payout-wechat-tip{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--ink);font-size:.88rem;line-height:1.45;border:1px solid color-mix(in srgb,var(--warn) 28%,var(--line))}.invite-payout-wechat-tip .linkish{margin:0 2px;vertical-align:baseline}.invite-oauth-qr{display:grid;justify-items:center;grid-gap:8px;gap:8px;margin:0 0 14px;padding:16px 14px;max-width:320px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);text-align:center}.invite-oauth-qr-img{width:220px;height:220px;border-radius:8px;background:#fff}.invite-oauth-qr-title{margin:4px 0 0;font-weight:700;font-size:.95rem}.invite-oauth-qr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:4px}.wx-bound-page{text-align:center;padding-top:48px}.wx-bound-done{margin:12px 0;font-size:1.05rem;font-weight:700;color:var(--accent-hover)}.invite-share-preview{display:grid;grid-gap:14px;gap:14px;align-items:start}@media (min-width:700px){.invite-share-preview{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px}}.invite-poster-preview{width:100%;max-width:340px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;display:block}.invite-poster-preview--square{max-width:320px}.invite-poster-preview--story{max-width:280px}.invite-poster-formats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.invite-poster-format{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:88px;border:1px solid var(--line);background:var(--bg);color:var(--ink-secondary);border-radius:var(--radius-sm);padding:8px 10px;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.invite-poster-format:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.invite-poster-format.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--ink)}.invite-poster-format-label{font-size:.86rem;font-weight:700}.invite-poster-format-hint{font-size:.72rem;opacity:.72;font-weight:500}.invite-qr{width:100%;max-width:200px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;display:block}.invite-share-tips{font-size:.92rem}.invite-headline-picks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px}.invite-headline-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--ink-secondary);border-radius:var(--radius-sm);padding:6px 12px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}.invite-headline-pick:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink)}.invite-headline-pick.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent-soft);color:var(--accent-hover)}.invite-headline-preview{margin:0 0 14px;font-size:.88rem;line-height:1.45}.invite-poster-line-field{display:flex;flex-direction:column;gap:6px;margin:10px 0 0}.invite-poster-line-field input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius-sm);padding:8px 10px;font:inherit;font-size:.92rem}.invite-poster-line-field input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.invite-poster-line-hint{margin:6px 0 14px}.invite-tips-title{margin:0 0 6px;font-weight:700}.invite-share-tips ul{margin:0 0 10px;padding-left:1.15em}.invite-share-tips li{margin-bottom:4px}.invite-tips-note{font-size:.85rem;margin:0 0 8px}.invite-text-preview{width:100%;resize:vertical;min-height:120px;margin-top:10px;font-family:inherit;font-size:.9rem;line-height:1.45;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-muted);color:var(--ink)}.invite-poster-canvas{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.invite-inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.invite-inline-form input{flex:1 1;min-width:140px}.invite-balance{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:10px}@media (max-width:420px){.invite-balance{grid-template-columns:1fr}}.invite-balance>div{display:grid;grid-gap:2px;gap:2px;padding:10px;border-radius:var(--radius-sm);background:var(--bg-muted)}.invite-balance strong{font-size:1.05rem}.invite-payout-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.invite-payout-section h4{margin:0;font-size:.98rem;font-weight:700}.invite-payout-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.invite-payout-status{font-size:.82rem;font-weight:600;color:var(--ink-secondary);padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--line)}.invite-payout-status.is-ready{color:var(--accent-hover);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.invite-payout-bound{margin:0 0 10px;font-size:.92rem;font-weight:600}.invite-payout-bind-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px}.invite-payout-rebind{margin-top:8px}.invite-payout-fields{display:grid;grid-gap:8px;gap:8px;max-width:420px}.invite-field{display:grid;grid-gap:4px;gap:4px;font-size:.88rem;color:var(--ink-secondary)}.invite-field input{width:100%;box-sizing:border-box;font:inherit;color:var(--ink)}.invite-field-inline{flex:1 1;min-width:140px}.invite-withdraw-form{display:grid;grid-gap:6px;gap:6px;max-width:560px}.invite-withdraw-label{font-size:.88rem;color:var(--ink-secondary)}.invite-withdraw-row{align-items:stretch;gap:8px}.invite-withdraw-row input{flex:1 1 160px;min-width:120px;min-height:40px;box-sizing:border-box}.invite-withdraw-row .btn{flex:0 0 auto;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0}.invite-withdraw-list{list-style:none;margin:0;padding:0}.invite-withdraw-list li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}.invite-footer-link{margin:8px 0 24px}.ai-lab,.cmd-lab,.gb-lab,.quiz-lab{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.cmd-lab.card{display:grid;grid-gap:10px;gap:10px}.cmd-lab-head h3{margin:0 0 4px}.cmd-lab-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.cmd-lab-toolbar .cmd-lab-lead{flex:1 1 14rem;min-width:0}.cmd-lab-toolbar .cmd-lab-samples{flex:1 1 auto}.cmd-lab-toolbar .cmd-scratch-flagbar{margin-left:auto}.cmd-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45}.cmd-lab-samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.cmd-lab-samples-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.cmd-lab-sample{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-secondary);padding:5px 9px;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer}.cmd-lab-sample:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg))}.cmd-lab-sample:disabled{opacity:.5;cursor:not-allowed}.cmd-lab-workspace{display:grid;grid-gap:12px;gap:12px}@media (min-width:860px){.cmd-lab-workspace{grid-template-columns:1.05fr 1fr;align-items:stretch}}.cmd-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding-bottom:12px;min-width:0}.cmd-lab-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.cmd-lab-panel-head h4{margin:0;font-size:.88rem;font-weight:750}.cmd-lab-panel-head .muted{font-size:.76rem}.cmd-lab-add{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin:0 12px}@media (max-width:520px){.cmd-lab-add{grid-template-columns:1fr}}.cmd-lab-add-btn{display:grid;grid-gap:2px;gap:2px;align-content:start;text-align:left;margin:0;padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);font:inherit;cursor:pointer;min-width:0}.cmd-lab-add-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg-elevated))}.cmd-lab-add-btn:disabled{opacity:.55;cursor:not-allowed}.cmd-lab-add-btn strong{font-size:.86rem}.cmd-lab-add-btn span{font-size:.72rem;color:var(--ink-secondary);line-height:1.35}.cmd-lab-program{list-style:none;margin:0 12px;padding:0;display:grid;grid-gap:6px;gap:6px;flex:1 1 auto;align-content:start;min-height:5.5rem}.cmd-lab-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.84rem;color:var(--ink-secondary);line-height:1.45}.cmd-lab-step{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated)}.cmd-lab-step.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.cmd-lab-step-num{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;background:var(--bg-muted);font-size:.72rem;font-weight:800;color:var(--ink-secondary)}.cmd-lab-step.is-active .cmd-lab-step-num{background:var(--accent-soft);color:var(--accent-hover)}.cmd-lab-step-label{flex:1 1;font-weight:700;font-size:.9rem}.cmd-lab-step-ops{display:flex;gap:4px}.cmd-lab-step-ops button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink-secondary);padding:2px 6px;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.cmd-lab-step-ops button:disabled{opacity:.4;cursor:not-allowed}.cmd-lab-runbar{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-gap:8px;gap:8px;margin:auto 12px 0;padding-top:2px}.cmd-lab-runbar .btn{width:100%;justify-content:center;white-space:nowrap;font-size:.86rem;padding-inline:.55rem}@media (max-width:520px){.cmd-lab-runbar{grid-template-columns:1fr}}.cmd-stage{display:grid;grid-gap:8px;gap:8px;margin:0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.cmd-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px}.cmd-cell{position:relative;aspect-ratio:1;min-height:44px;border:1px dashed var(--line);border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--bg-elevated)}.cmd-cell.is-here{border-style:solid;border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.cmd-cell-idx{font-size:.72rem;font-weight:650;color:var(--ink-secondary);line-height:1;opacity:.9}.cmd-cell.is-here .cmd-cell-idx{position:absolute;right:4px;bottom:3px;font-size:.62rem;opacity:.75}.cmd-buddy{display:block;width:26px;height:26px;border-radius:50%;border:2px solid color-mix(in srgb,#fff 55%,transparent);box-shadow:0 2px 6px rgba(0,0,0,.12);transition:background .25s ease,transform .25s ease}.cmd-cell.is-here .cmd-buddy{transform:scale(1.06)}.cmd-bubble{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated)}.cmd-bubble-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.cmd-pos-meta{margin:0;font-size:.78rem}.cmd-lab-panel-stage .cmd-log{flex:1 1 auto;display:flex;flex-direction:column;min-height:7rem}.cmd-log{margin:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated)}.cmd-log-head{padding:7px 10px;border-bottom:1px solid var(--line);background:var(--bg-muted);font-size:.78rem;font-weight:750;color:var(--ink-secondary)}.cmd-log ul{margin:0;padding:8px 10px 8px 1.3rem;max-height:180px;overflow:auto;font-size:.84rem;line-height:1.45;font-family:var(--mono,ui-monospace,monospace)}.cmd-lab-panel-stage .cmd-log .cmd-lab-empty,.cmd-lab-panel-stage .cmd-log ul{flex:1 1 auto}.cmd-log .cmd-lab-empty{border:0;border-radius:0;min-height:0}.cmd-lab-tips{margin:0;padding:10px 12px 10px 1.35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.cmd-lab-tips li+li{margin-top:4px}.cmd-lab-tip{margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.84rem;color:var(--ink-secondary);line-height:1.45}.cmd-sandbox-shell{display:flex;flex-direction:column;gap:.65rem;min-width:0}.cmd-sandbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.cmd-mode-switch.track-switch{flex:0 0 auto;width:max-content;max-width:100%;margin:0;overflow:visible}.cmd-mode-switch.track-switch button{flex:0 0 auto;min-width:max-content;padding:8px 14px}.cmd-mode-hint{margin:0;flex:1 1 12rem;min-width:0;font-size:.82rem;line-height:1.4}.cmd-scratch-flagbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.cmd-flag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.45rem .9rem;font:inherit;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(180deg,#5fd06b,#2ea83f);box-shadow:0 2px 0 #1f7a2c}.cmd-flag:disabled{opacity:.55;cursor:not-allowed}.cmd-flag:not(:disabled):hover{filter:brightness(1.05)}.cmd-scratch-layout{display:grid;grid-template-columns:minmax(9rem,.85fr) minmax(12rem,1.1fr) minmax(12rem,1.15fr);grid-gap:.65rem;gap:.65rem;align-items:start}@media (max-width:960px){.cmd-scratch-layout{grid-template-columns:1fr}}.cmd-palette,.cmd-script,.cmd-stage-wrap{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:.7rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated)}.cmd-palette h4,.cmd-script h4,.cmd-stage-wrap h4{margin:0;font-size:.9rem}.cmd-palette-hint{margin:0;font-size:.75rem}.cmd-palette-group{display:flex;flex-direction:column;gap:.3rem;margin-top:.35rem}.cmd-cat-label{font-size:.68rem;font-weight:800;letter-spacing:.04em}.cmd-cat-label.cat-motion{color:#3373cc}.cmd-cat-label.cat-looks{color:#774dcb}.cmd-cat-label.cat-control{color:#cf8b17}.cmd-brick{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;margin:0;padding:.42rem .55rem;border:0;border-radius:10px;color:#fff;font:inherit;font-size:.8rem;font-weight:700;text-align:left;cursor:pointer;box-shadow:inset 0 -2px rgba(0,0,0,.18)}.cmd-brick:disabled{opacity:.55;cursor:not-allowed}.cmd-brick.cat-motion{background:#4c97ff}.cmd-brick.cat-looks{background:#9966ff}.cmd-brick.cat-control{background:#ffab19;color:#3b2a00}.cmd-brick.cat-event{background:#ffbf00;color:#3b2a00;border-radius:14px 14px 10px 10px;justify-content:center;cursor:default;box-shadow:inset 0 -2px rgba(0,0,0,.12)}.cmd-brick.is-active{outline:3px solid #fff59d;outline-offset:1px}.cmd-brick.is-nest{outline:3px solid #22c55e;outline-offset:1px}.cmd-hat{margin-bottom:.15rem}.cmd-script-stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.cmd-script-item{display:flex;flex-direction:column;gap:.15rem}.cmd-brick-label{display:inline-flex;align-items:center;gap:.2rem;flex-wrap:wrap;min-width:0}.cmd-brick-label em{font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 .2rem}.cmd-brick-stepper{width:1.25rem;height:1.25rem;border:0;border-radius:4px;background:color-mix(in srgb,#000 16%,transparent);color:inherit;font:inherit;font-weight:800;cursor:pointer;line-height:1}.cmd-brick-ops{display:inline-flex;gap:.2rem;flex-shrink:0}.cmd-brick-ops button{border:0;border-radius:5px;background:color-mix(in srgb,#000 18%,transparent);color:inherit;font:inherit;font-size:.68rem;font-weight:700;padding:.15rem .35rem;cursor:pointer}.cmd-brick-ops button.is-on{background:#16a34a;color:#fff}.cmd-c-mouth{margin:0 0 0 .65rem;padding:.35rem .4rem .4rem;border-left:10px solid #ffab19;border-radius:0 0 10px 0;background:color-mix(in srgb,#ffab19 12%,var(--bg))}.cmd-c-mouth.is-nest{box-shadow:inset 0 0 0 2px #22c55e}.cmd-c-placeholder{margin:0;font-size:.75rem}.cmd-stage-board{display:flex;flex-direction:column;gap:.45rem}.cmd-grid{--grid:6;display:grid;grid-template-columns:repeat(var(--grid),minmax(0,1fr));aspect-ratio:1;max-width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(0deg,transparent 24px,color-mix(in srgb,var(--line) 55%,transparent) 25px) 0 0 /100% 25%,linear-gradient(90deg,transparent 24px,color-mix(in srgb,var(--line) 55%,transparent) 25px) 0 0 /25% 100%,#e8f6ff}.cmd-grid-cell{position:relative;border-right:1px solid color-mix(in srgb,#94a3b8 35%,transparent);border-bottom:1px solid color-mix(in srgb,#94a3b8 35%,transparent);min-height:0;aspect-ratio:1}.cmd-grid-cell.is-here{background:color-mix(in srgb,#4c97ff 12%,transparent)}.cmd-sprite{position:absolute;inset:18%;border-radius:30% 70% 55% 45%;box-shadow:0 2px 6px color-mix(in srgb,#000 25%,transparent);transition:transform .2s ease}.cmd-sprite:after{content:"";position:absolute;width:0;height:0;border:.35rem solid transparent}.cmd-sprite.dir-0:after{top:-.15rem;left:50%;transform:translateX(-50%);border-bottom-color:#0f172a;border-top:0}.cmd-sprite.dir-1:after{right:-.15rem;top:50%;transform:translateY(-50%);border-left-color:#0f172a;border-right:0}.cmd-sprite.dir-2:after{bottom:-.15rem;left:50%;transform:translateX(-50%);border-top-color:#0f172a;border-bottom:0}.cmd-sprite.dir-3:after{left:-.15rem;top:50%;transform:translateY(-50%);border-right-color:#0f172a;border-left:0}.cmd-sprite.is-run{animation:cmd-sprite-bob .45s ease infinite}.cmd-speech{min-height:2.4rem;padding:.55rem .7rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-size:.9rem}@keyframes cmd-sprite-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cell{width:44px;height:44px;border:1px dashed var(--line);border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--bg)}.cell.here{border-style:solid;border-color:var(--accent)}.buddy{display:grid;place-items:center;width:32px;height:32px;border-radius:50%}.bubble{background:var(--bg);border:1px solid var(--line);display:inline-block;padding:6px 10px;border-radius:var(--radius-sm)}.cmd-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.cmd-actions button{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);cursor:pointer}.quiz-lab fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);margin:0 0 10px;padding:8px 10px}.quiz-opt{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:6px 0;cursor:pointer;line-height:1.4}.quiz-opt input[type=radio]{margin:0;flex-shrink:0;width:1.05rem;height:1.05rem;accent-color:var(--accent)}.quiz-lab .ok{color:var(--accent)}.quiz-lab .bad{color:var(--warn)}.keyboard-lab,.mouse-lab,.typing-lab{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.keyboard-lab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.keyboard-lab-head h3{margin:0}.keyboard-lab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.keyboard-lab-actions .btn{padding:6px 14px;font-size:.88rem;display:inline-flex;align-items:center;gap:6px}.keyboard-lab-actions .kb-shortcut{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid color-mix(in srgb,#fff 35%,transparent);background:color-mix(in srgb,#000 18%,transparent);font-family:inherit;font-size:.72rem;font-weight:600;line-height:1.2}.keyboard-lab-status{margin:0 0 6px}.keyboard-lab-hint{margin:0 0 8px;font-weight:600;line-height:1.45}.kb-finger-cue{display:flex;align-items:center;gap:8px;margin:0 auto 10px;width:min(100%,820px);padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,#f0a202 40%,var(--line));background:color-mix(in srgb,#f0a202 12%,var(--bg-elevated));font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.35}.kb-finger-cue-label{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#f0a202;color:#15201b;font-size:.72rem;font-weight:800;letter-spacing:.04em}.kb-hands{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,6vw,48px);width:min(100%,820px);margin:12px auto 0;padding:4px 8px 0}.kb-hand{flex:0 1 240px;max-width:260px}.kb-hand-palm{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px 8px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-muted) 80%,#c5d6cd);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.kb-hand.is-active-hand .kb-hand-palm{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));box-shadow:0 0 0 1px color-mix(in srgb,#f0a202 35%,transparent)}.kb-hand-svg{display:block;width:100%;height:auto;max-height:132px;overflow:visible}.kb-hand-svg-palm{opacity:.98}.kb-hand-svg-finger{transform-box:fill-box;transform-origin:center bottom;transition:transform .14s ease}.kb-hand-svg-finger.is-on{animation:kb-finger-pulse 1.1s ease-in-out infinite}.kb-hand-svg-digit{fill:#5a6e64;font-size:11px;font-weight:700;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;pointer-events:none}.kb-hand-svg-digit.is-on{fill:#15201b;font-weight:800;paint-order:stroke fill;stroke:rgba(255,246,214,.85);stroke-width:3px}.kb-hand-label{font-size:.78rem;font-weight:800;color:var(--ink)}@keyframes kb-finger-pulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.06)}}.keyboard-lab-board{display:flex;flex-direction:column;justify-content:center;gap:6px;width:min(100%,820px);margin-inline:auto;min-height:220px;padding:12px 10px;border-radius:var(--radius-sm);background:#1e2a25;color:#fff;overflow:visible}.kb-row{display:flex;gap:5px;align-items:stretch;flex:0 0 auto;min-height:36px}.kb-key{position:relative;display:grid;place-items:center;flex:1 1;min-width:0;padding:4px 2px;border-radius:7px;border:1px solid color-mix(in srgb,#fff 12%,transparent);background:linear-gradient(180deg,#3d5248,#2f4139);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent);font-size:clamp(.62rem,1.5vw,.78rem);font-weight:600;text-align:center;line-height:1.15;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,box-shadow .12s ease,transform .08s ease,color .12s ease,filter .12s ease}.kb-key.is-wide-label{font-size:clamp(.58rem,1.3vw,.72rem);letter-spacing:.01em}.kb-key.kb-zone-fn{background:linear-gradient(180deg,#5a6e66,#4a5c54)}.kb-key.kb-zone-digit{background:linear-gradient(180deg,#4fd18e,#3dba7a);color:#062816}.kb-key.kb-zone-alpha{background:linear-gradient(180deg,#2a8a5e,#1f6b4a)}.kb-key.kb-zone-edit{background:linear-gradient(180deg,#d97706,#b45309)}.kb-key.kb-zone-space{background:linear-gradient(180deg,#38b5d0,#2a9bb5);color:#04222a}.kb-key.kb-zone-mod{background:linear-gradient(180deg,#4a5a53,#3a4741)}.kb-key.kb-zone-home{background:linear-gradient(180deg,#f6c35a,#f0a202);color:#15201b}.kb-key.is-zone-active:not(.is-target){filter:brightness(1.12);box-shadow:0 0 0 1px color-mix(in srgb,#fff 35%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent)}.kb-bump{position:absolute;left:50%;bottom:5px;width:10px;height:2px;border-radius:1px;background:color-mix(in srgb,#15201b 55%,transparent);transform:translateX(-50%)}.kb-key.is-target{background:linear-gradient(180deg,#fff6d6,#f0a202)!important;color:#15201b!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #f0a202,0 0 12px color-mix(in srgb,#f0a202 45%,transparent);z-index:2;filter:none;animation:kb-target-pulse 1.1s ease-in-out infinite}.kb-key.is-target:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 0 color-mix(in srgb,#f0a202 55%,transparent);pointer-events:none;z-index:0;animation:kb-target-ring 1.1s ease-out infinite}@keyframes kb-target-pulse{0%,to{box-shadow:0 0 0 2px #fff,0 0 0 4px #f0a202,0 0 8px color-mix(in srgb,#f0a202 35%,transparent);filter:brightness(1)}50%{box-shadow:0 0 0 2px #fff,0 0 0 5px #fbbf24,0 0 18px color-mix(in srgb,#f0a202 70%,transparent);filter:brightness(1.12)}}@keyframes kb-target-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,#f0a202 50%,transparent);border-color:rgba(255,255,255,.95)}70%{box-shadow:0 0 0 8px color-mix(in srgb,#f0a202 0%,transparent);border-color:rgba(255,255,255,.25)}to{box-shadow:0 0 0 10px transparent;border-color:rgba(255,255,255,0)}}.kb-key.is-flash{background:#fff!important;color:#1f6b4a!important;transform:translateY(1px);filter:none;animation:none}.kb-key.is-flash:after{display:none}.kb-zone-legend{list-style:none;margin:10px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;width:min(100%,820px)}.kb-zone-legend-item{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--bg-muted);font-size:.75rem;line-height:1.2}.kb-zone-legend-item.is-active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated));box-shadow:0 0 0 1px color-mix(in srgb,#f0a202 55%,transparent);animation:kb-legend-pulse 1.1s ease-in-out infinite}@keyframes kb-legend-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,#f0a202 55%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,#f0a202 85%,transparent),0 0 10px color-mix(in srgb,#f0a202 30%,transparent)}}@media (prefers-reduced-motion:reduce){.kb-hand-svg-finger.is-on,.kb-key.is-target,.kb-key.is-target:after,.kb-zone-legend-item.is-active{animation:none}}.kb-zone-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto;border:1px solid color-mix(in srgb,#000 15%,transparent)}.kb-zone-legend-item.kb-zone-fn .kb-zone-swatch{background:#4a5c54}.kb-zone-legend-item.kb-zone-digit .kb-zone-swatch{background:#3dba7a}.kb-zone-legend-item.kb-zone-alpha .kb-zone-swatch{background:#1f6b4a}.kb-zone-legend-item.kb-zone-edit .kb-zone-swatch{background:#b45309}.kb-zone-legend-item.kb-zone-home .kb-zone-swatch{background:#f0a202}.kb-zone-legend-item.kb-zone-space .kb-zone-swatch{background:#2a9bb5}.kb-zone-legend-item.kb-zone-mod .kb-zone-swatch{background:#3a4741}.kb-zone-legend-text{display:flex;flex-direction:column;gap:1px;min-width:0}.kb-zone-legend-text strong{font-weight:700;color:var(--ink)}.kb-zone-legend-text em{font-style:normal;color:var(--ink-secondary);font-size:.68rem}.keyboard-lab-last{margin:10px 0 0;font-size:.88rem}@media (max-width:640px){.keyboard-lab-board{aspect-ratio:auto;min-height:300px;max-height:none;gap:5px;padding:10px 8px}.kb-row{min-height:32px;gap:3px}.kb-key{border-radius:5px;font-size:.58rem}.kb-hands{gap:12px}.kb-hand{flex:1 1 140px}.kb-hand-svg{max-height:120px}.kb-hand-svg-digit{font-size:9px}.kb-zone-legend-text em{display:none}}.pc-build-lab{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.pc-build-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pc-build-head h3{margin:0}.pc-build-sub{margin:4px 0 0;font-size:.82rem}.pc-build-head-actions{display:flex;align-items:center;gap:8px}.pc-build-progress{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem;color:var(--ink-secondary)}.pc-build-msg{margin:0;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 8%,var(--bg));font-size:.9rem;line-height:1.45}.pc-build-msg.is-ok{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.pc-build-msg.is-bad{border-color:color-mix(in srgb,var(--warn) 55%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--bg))}.pc-view-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pc-view-toolbar .ghost-btn-ink.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.pc-build-workspace{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.7fr) minmax(150px,.85fr);grid-gap:10px;gap:10px;min-height:0}.pc-build-checklist,.pc-build-palette{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;background:color-mix(in srgb,var(--bg) 70%,var(--bg-elevated));min-width:0}.pc-build-checklist h4,.pc-build-palette h4{margin:0 0 6px;font-size:.88rem}.pc-build-hint{margin:0 0 8px;font-size:.78rem}.pc-build-palette-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pc-build-group-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--ink-secondary)}.pc-part{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg-elevated);cursor:-webkit-grab;cursor:grab;color:inherit;font:inherit}.pc-part:disabled{cursor:default;opacity:.55}.pc-part.is-dragging{opacity:.55;outline:2px dashed var(--accent)}.pc-part-badge{width:36px;height:36px;border-radius:8px;flex-shrink:0;object-fit:cover;display:block;box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,#fff 10%,transparent);background:#1a221c}.pc-part-text{display:flex;flex-direction:column;gap:1px;min-width:0}.pc-part-text strong{font-size:.86rem}.pc-part-text em{font-style:normal;font-size:.7rem;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-build-stage{display:flex;flex-direction:column;gap:10px;min-width:0;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--bg-elevated))}.pc-build-stage,.pc-tower-scene{transition:background .25s ease,border-color .25s ease}.pc-tower-scene{position:relative;height:min(420px,52vh);min-height:320px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,var(--pc-scene-glow) 0,transparent 55%),linear-gradient(180deg,var(--pc-scene-top) 0,var(--pc-scene-bottom) 100%);overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab;perspective:900px;perspective-origin:50% 45%}.pc-tower-scene:active{cursor:-webkit-grabbing;cursor:grabbing}.pc-tower-floor{position:absolute;left:10%;right:10%;bottom:8%;height:18%;border-radius:50%;background:radial-gradient(ellipse,var(--pc-floor-shadow),transparent 70%);pointer-events:none}.pc-tower-orbit{position:absolute;left:50%;top:46%;width:168px;height:280px;margin-left:-84px;margin-top:-140px;transition:transform .05s linear}.pc-tower,.pc-tower-orbit{transform-style:preserve-3d}.pc-tower{position:relative;width:100%;height:100%}.pc-face{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#3a4540,#232b27 55%,#1a201d);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.pc-face-front{width:168px;height:280px;transform:translateZ(84px);display:flex;flex-direction:column;align-items:center;padding:14px 12px;gap:10px}.pc-front-mesh{width:78%;height:42%;margin-top:8px;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.35) 3px 4px),linear-gradient(180deg,#1c2420,#121816);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.pc-front-bay{width:70%;height:18px;border-radius:3px;background:#0e1210;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.pc-power-btn{width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 40% 35%,#4a5a52,#1e2823);cursor:pointer;padding:0}.pc-power-btn.is-on{background:radial-gradient(circle at 40% 35%,#6fd9a0,#2a6b48);box-shadow:0 0 12px rgba(79,209,142,.65)}.pc-case-led{width:7px;height:7px;border-radius:999px;background:#3a4741}.pc-case-led.is-on{background:#4fd18e;box-shadow:0 0 8px #4fd18e;animation:pc-led-pulse 1.6s ease-in-out infinite}@keyframes pc-led-pulse{50%{opacity:.65}}.pc-front-brand{margin-top:auto;font-size:.62rem;letter-spacing:.14em;font-weight:800;color:rgba(232,240,235,.55)}.pc-face-back{width:168px;height:280px;transform:rotateY(180deg) translateZ(84px);padding:16px 12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,#2a322e,#151a17)}.pc-io-shield{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;padding:8px;border-radius:4px;background:#0a0c0b}.pc-io-shield i{display:block;height:10px;border-radius:2px;background:#3d4a44}.pc-psu-socket{margin-top:auto;height:42px;border-radius:4px;background:#0e1010;opacity:.5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:grid;place-items:center;padding:4px}.pc-psu-socket.is-ready{opacity:1}.pc-iec-inlet{width:28px;height:22px;border-radius:2px;background:linear-gradient(90deg,#1a1a1a 0 30%,#0a0a0a 30% 70%,#1a1a1a 70%),#111;box-shadow:inset 0 0 0 1px #333,inset 0 2px 4px rgba(0,0,0,.6);position:relative}.pc-iec-inlet:after,.pc-iec-inlet:before{content:"";position:absolute;top:5px;width:3px;height:10px;border-radius:1px;background:#050505;box-shadow:0 0 0 1px #444}.pc-iec-inlet:before{left:7px}.pc-iec-inlet:after{right:7px}.pc-rear-slot{min-height:36px;border-radius:4px;border:1.5px dashed rgba(255,255,255,.22);padding:4px;color:#c8d8ce;font-size:.68rem;background:rgba(0,0,0,.25);display:grid;place-items:center}.pc-rear-slot.is-over{border-color:#5ec4a0;background:rgba(46,140,100,.2)}.pc-rear-slot.is-filled{border-style:solid;border-color:rgba(255,255,255,.12);background:transparent}.pc-rear-drop-hint{opacity:.65;letter-spacing:.02em}.pc-power-cord-plug{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:28px;border:0;padding:2px 4px;background:transparent;color:#d0ddd6;font:inherit;font-size:.62rem;cursor:pointer}.pc-power-cord-body{width:22px;height:16px;border-radius:2px;background:linear-gradient(180deg,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.4);flex-shrink:0}.pc-power-cord-cable{width:18px;height:5px;border-radius:999px;background:#111;box-shadow:0 0 0 1px #333;flex-shrink:0}.pc-power-cord-plug em{font-style:normal;opacity:.55;text-decoration:underline;text-underline-offset:2px}.pc-power-cord-plug:hover em{opacity:.9;color:#9fd4b8}.pc-face-left{width:168px;height:280px;transform:rotateY(-90deg) translateZ(84px);background:linear-gradient(180deg,#2e3833,#1a211e)}.pc-face-right{width:168px;height:280px;transform:rotateY(90deg) translateZ(84px);background:linear-gradient(180deg,transparent 8%,rgba(120,160,140,.08) 8% 92%,transparent 92%),linear-gradient(90deg,#2a3330,#1c2420);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease;display:grid;place-items:center}.pc-face-right.is-open{transform:rotateY(90deg) translateZ(84px) translateX(110px) rotateY(-78deg);opacity:.35;pointer-events:none}.pc-tower.is-cutaway .pc-face-front,.pc-tower.is-cutaway .pc-face-left{opacity:.12;pointer-events:none}.pc-tower.is-cutaway .pc-interior{transform:translateZ(40px) scale(1.06)}.pc-side-panel-btn{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#e8f0eb;border-radius:6px;padding:6px 10px;font-size:.75rem;cursor:pointer}.pc-face-top{width:168px;height:168px;transform:rotateX(90deg) translateZ(140px);background:linear-gradient(180deg,#45514b,#2a3330)}.pc-face-bottom{width:168px;height:168px;transform:rotateX(-90deg) translateZ(140px);background:#121816}.pc-interior{position:absolute;inset:10px 14px 18px;transform:translateZ(8px);transform-style:preserve-3d;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s ease;display:grid;grid-template-rows:1fr auto auto;grid-gap:6px;gap:6px}.pc-interior.is-visible{opacity:1;pointer-events:auto}.pc-mobo-tray{position:relative;border-radius:6px;background:linear-gradient(90deg,transparent 48%,rgba(20,60,40,.5) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(20,60,40,.5) 48% 52%,transparent 52%),linear-gradient(145deg,#1f4a36,#143024);box-shadow:inset 0 0 0 1px rgba(120,200,160,.2);min-height:150px}.pc-bay-slot{position:absolute;border-radius:5px;border:1.5px dashed rgba(255,255,255,.22);background:rgba(0,0,0,.22);padding:4px;color:#e8f0eb;font-size:.68rem;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.pc-bay-slot.is-over,.pc-bay-slot.is-target{border-color:#4fd18e;background:rgba(79,209,142,.16);box-shadow:0 0 0 1px rgba(79,209,142,.35)}.pc-bay-slot.is-filled{border-style:solid;border-color:rgba(94,196,160,.65);background:linear-gradient(160deg,rgba(60,140,100,.55),rgba(20,50,38,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(79,209,142,.2)}.pc-bay-mobo.is-filled{background:linear-gradient(145deg,#2a6b4a,#143024);border-color:rgba(120,200,160,.55)}.pc-bay-ssd.is-filled{background:linear-gradient(180deg,#5a626c,#3a424a 40%,#2a3038);border-color:rgba(160,180,200,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 10px rgba(120,160,200,.25)}.pc-bay-psu.is-filled{background:linear-gradient(180deg,#4a3830,#2a1e18 55%,#1a1410);border-color:rgba(200,150,100,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 10px rgba(180,120,60,.22)}.pc-bay-mobo{inset:6px;z-index:1}.pc-bay-mobo.is-plate{inset:auto;top:4px;left:4px;width:auto;max-width:52%;height:auto;min-height:0;z-index:5;padding:4px 6px;background:linear-gradient(145deg,#2f8a5e,#164a32);border-style:solid;border-color:rgba(160,230,190,.7);box-shadow:0 2px 10px rgba(0,0,0,.4)}.pc-bay-mobo.is-plate .pc-bay-filled{gap:4px;pointer-events:none}.pc-bay-mobo.is-plate .pc-part-badge{width:16px;height:16px}.pc-bay-mobo.is-plate .pc-bay-filled strong{font-size:.62rem}.pc-bay-mobo.is-plate .pc-bay-filled em{display:none}.pc-mobo-eject-fab{position:absolute;right:6px;bottom:6px;z-index:6;border:0;border-radius:6px;padding:5px 8px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#0c1a14;background:linear-gradient(180deg,#9fe0bc,#5ec4a0);box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer}.pc-mobo-eject-fab:hover:not(:disabled){filter:brightness(1.06)}.pc-mobo-eject-fab:disabled{opacity:.45;cursor:default}.pc-eject-mobo-btn{font-weight:700}.pc-bay-cpu{top:28%;left:28%;width:36%;height:28%;z-index:3}.pc-bay-ram{top:18%;right:8%;width:18%;height:55%;z-index:3}.pc-bay-gpu{left:10%;right:10%;bottom:10%;height:22%;z-index:3}.pc-bay-psu,.pc-bay-ssd{position:relative;inset:auto;min-height:46px}.pc-drive-cage,.pc-psu-bay{border-radius:5px;background:rgba(0,0,0,.28);padding:4px;transition:background .2s ease,box-shadow .2s ease}.pc-drive-cage:has(.is-filled){background:rgba(70,90,110,.35);box-shadow:inset 0 0 0 1px rgba(160,180,200,.25)}.pc-psu-bay:has(.is-filled){background:rgba(60,40,28,.4);box-shadow:inset 0 0 0 1px rgba(200,150,100,.25)}.pc-bay-empty{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;align-items:center;text-align:center;opacity:.85}.pc-bay-empty em{font-style:normal;font-size:.62rem;opacity:.65}.pc-bay-filled{display:flex;align-items:center;gap:6px;width:100%;height:100%;border:0;background:transparent;color:#f0f6f2;font:inherit;cursor:pointer;padding:2px 4px;text-align:left}.pc-bay-psu.is-filled .pc-bay-filled,.pc-bay-ssd.is-filled .pc-bay-filled{color:#fff}.pc-bay-psu.is-filled .pc-bay-filled strong,.pc-bay-ssd.is-filled .pc-bay-filled strong{font-size:.78rem;font-weight:700;letter-spacing:.02em}.pc-bay-psu.is-filled .pc-bay-filled em,.pc-bay-ssd.is-filled .pc-bay-filled em{opacity:.9;color:#b8f0d0}.pc-bay-filled .pc-part-badge{width:22px;height:22px}.pc-bay-psu.is-filled .pc-part-badge,.pc-bay-ssd.is-filled .pc-part-badge{width:28px;height:28px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.35)}.pc-bay-filled em{display:block;font-style:normal;font-size:.6rem;opacity:.65}.pc-orbit-hint{position:absolute;left:12px;bottom:8px;margin:0;font-size:.72rem;color:var(--ink-secondary);pointer-events:none}.pc-tower.is-powered .pc-face-front{box-shadow:inset 0 0 24px rgba(79,209,142,.12),0 0 18px rgba(79,209,142,.15)}.pc-desk{gap:8px}.pc-desk,.pc-mobo-bench{display:flex;flex-direction:column}.pc-mobo-bench{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 6%,var(--bg-elevated));padding:10px;gap:10px}.pc-mobo-bench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.pc-mobo-bench-head strong{display:block;font-size:.9rem}.pc-mobo-bench-head p{margin:2px 0 0;font-size:.78rem}.pc-mobo-bench-actions{display:flex;gap:6px;flex-wrap:wrap}.pc-mobo-board{position:relative;min-height:160px;border-radius:10px;background:linear-gradient(145deg,#1f6b45,#143024);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.pc-mobo-board-art{position:absolute;left:50%;top:50%;width:min(72%,220px);height:auto;transform:translate(-50%,-50%) scale(1.35);opacity:.92;image-rendering:auto;pointer-events:none}.pc-mobo-callout{position:absolute;z-index:1;padding:3px 7px;border-radius:999px;font-size:.68rem;font-weight:600;color:#f2faf6;background:color-mix(in srgb,#0a1812 72%,transparent);border:1px solid rgba(160,220,190,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.pc-mobo-callout.is-cpu{top:18%;left:36%}.pc-mobo-callout.is-ram{top:22%;right:10%}.pc-mobo-callout.is-pcie{bottom:18%;left:28%}.pc-mobo-callout.is-io{top:10%;left:8%}.pc-slot{min-height:56px;border-radius:8px;border:1.5px dashed var(--line);background:color-mix(in srgb,var(--bg) 40%,var(--bg-elevated));padding:8px;color:var(--ink);transition:border-color .12s ease,background .12s ease}.pc-slot.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.pc-slot.is-filled{border-style:solid}.pc-slot-empty{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--ink-secondary)}.pc-slot-empty em{font-style:normal;font-size:.68rem;opacity:.8}.pc-slot-monitor{min-height:150px}.pc-monitor-rig{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.pc-monitor-bezel{width:min(100%,300px);padding:8px 8px 10px;border-radius:10px;background:linear-gradient(180deg,#2a3238,#151a1e);box-shadow:0 8px 18px rgba(0,0,0,.18)}.pc-monitor-screen{min-height:148px;height:148px;border-radius:4px;background:#0b1210;color:#d7e8de;overflow:hidden;position:relative}.pc-monitor-stand{width:48px;height:14px;border-radius:0 0 6px 6px;background:#3a4248}.pc-monitor-stand:after{content:"";display:block;width:72px;height:6px;margin:8px -12px 0;border-radius:999px;background:#2a3238}.pc-screen-off{margin:0;height:100%;min-height:148px;display:grid;place-items:center;opacity:.55;font-size:.85rem}.pc-screen-post{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.45;padding:8px;height:100%}.pc-screen-post ul{margin:6px 0 0;padding-left:1.1em}.pc-screen-desktop{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.pc-os-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(120,190,220,.45),transparent 55%),radial-gradient(ellipse 70% 50% at 20% 80%,rgba(60,140,100,.5),transparent 50%),linear-gradient(165deg,#1a5a72,#0e3d52 38%,#164a3a 72%,#0c2a28)}.pc-os-wallpaper-mark{position:absolute;right:10px;bottom:28px;font-size:.78rem;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.55);text-shadow:0 1px 8px rgba(0,0,0,.25)}.pc-os-wallpaper-sub{position:absolute;right:10px;bottom:14px;font-size:.58rem;color:rgba(255,255,255,.38)}.pc-os-icons{position:relative;z-index:1;flex:1 1;flex-wrap:wrap;align-content:flex-start;gap:6px 10px;padding:8px 6px 4px;max-height:calc(100% - 28px)}.pc-os-icon,.pc-os-icons{display:flex;flex-direction:column}.pc-os-icon{width:52px;align-items:center;gap:2px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pc-os-icon i{width:22px;height:22px;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.25);display:block}.pc-os-icon[data-tone=slate] i{background:linear-gradient(160deg,#8aa0b8,#4a5d72)}.pc-os-icon[data-tone=gray] i{background:linear-gradient(160deg,#b8c0c8,#6a727a)}.pc-os-icon[data-tone=teal] i{background:linear-gradient(160deg,#5ec4a0,#1f7a5c)}.pc-os-icon[data-tone=amber] i{background:linear-gradient(160deg,#f0d080,#c48a28)}.pc-os-icon span{font-size:.55rem;line-height:1.15;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-os-taskbar{position:relative;z-index:3;margin-top:auto;display:flex;align-items:center;gap:4px;height:26px;padding:0 4px;background:color-mix(in srgb,#1a2228 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.08)}.pc-os-start{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:3px;padding:2px 6px;height:20px;background:transparent;color:#f2f6f4;font:inherit;font-size:.62rem;cursor:pointer}.pc-os-start.is-open,.pc-os-start:hover:not(:disabled){background:rgba(255,255,255,.12)}.pc-os-start:disabled{opacity:.5;cursor:default}.pc-os-start-logo{width:12px;height:12px;border-radius:2px;background:linear-gradient(90deg,#3db888 50%,#2a9a72 0),linear-gradient(#5ed4a8 50%,#1f8a62 0);background-size:100% 50%,50% 100%;background-repeat:no-repeat;background-position:0 0,100% 100%;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.pc-os-start em{font-style:normal;font-weight:600}.pc-os-pins{display:flex;align-items:center;gap:3px;flex:1 1;min-width:0}.pc-os-pins i{width:16px;height:16px;border-radius:3px;display:block;opacity:.9}.pc-os-pins i[data-pin=browser]{background:linear-gradient(160deg,#7ec8f0,#2a78b8)}.pc-os-pins i[data-pin=code]{background:linear-gradient(160deg,#88d4b0,#2a8a60)}.pc-os-pins i[data-pin=folder]{background:linear-gradient(160deg,#f0d878,#c09830)}.pc-os-tray{margin-left:auto;padding-right:2px}.pc-os-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;color:#e8f0ec}.pc-os-clock strong{font-size:.58rem;font-weight:600}.pc-os-clock em{font-size:.48rem;font-style:normal;opacity:.75}.pc-os-start-menu{position:absolute;left:4px;bottom:28px;z-index:4;width:132px;padding:6px;border-radius:6px;background:color-mix(in srgb,#1e282e 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:2px}.pc-os-start-user{display:flex;flex-direction:column;gap:1px;padding:4px 6px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;color:#f0f6f2}.pc-os-start-user strong{font-size:.68rem}.pc-os-start-user em{font-size:.52rem;font-style:normal;opacity:.55}.pc-os-menu-item{border:0;border-radius:4px;background:transparent;color:#e8f0ec;text-align:left;padding:5px 6px;font-size:.62rem;cursor:pointer}.pc-os-menu-item:hover:not(:disabled){background:rgba(255,255,255,.1)}.pc-os-menu-item:disabled{opacity:.4;cursor:default}.pc-os-menu-item.is-power{margin-top:4px;background:rgba(200,80,60,.25);color:#ffd8d0;font-weight:600}.pc-os-menu-item.is-power:hover:not(:disabled){background:rgba(200,80,60,.4)}.pc-os-shutdown-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(8,12,14,.82);color:#d8e4de;font-size:.78rem}.pc-os-shutdown-overlay p{margin:0}.pc-screen-desktop.is-shutting .pc-os-wallpaper{filter:brightness(.45)}.pc-remove-link{border:0;background:transparent;color:var(--ink-secondary);font-size:.72rem;cursor:pointer;text-decoration:underline}.pc-desk-row{display:grid;grid-template-columns:1.5fr .9fr;grid-gap:8px;gap:8px}.pc-desk-device{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left;padding:4px}.pc-desk-device em{display:block;font-style:normal;font-size:.68rem;color:var(--ink-secondary)}.pc-desk-device-shape{display:block;flex-shrink:0;background:#3a454c;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.pc-desk-device-keyboard .pc-desk-device-shape{width:88px;height:28px;border-radius:4px;background:repeating-linear-gradient(90deg,#4a5560 0 6px,#2a3038 6px 8px)}.pc-desk-device-mouse .pc-desk-device-shape{width:28px;height:44px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#6a757f,#2a3038)}.pc-slot-filled{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.pc-build-checklist ol{margin:0 0 12px;padding:0;list-style:none;display:grid;grid-gap:4px;gap:4px;font-size:.82rem}.pc-build-checklist li{display:flex;align-items:center;gap:6px;color:var(--ink-secondary)}.pc-build-checklist li.is-done{color:var(--ink);font-weight:600}.pc-power-panel{border-top:1px solid var(--line);padding-top:10px}.pc-power-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.pc-power-actions .btn{width:100%}.pc-yank{color:var(--warn)!important}.pc-build-legend{margin-top:12px;font-size:.78rem}.pc-build-legend summary{cursor:pointer;font-weight:600}.pc-build-legend ul{margin:8px 0 0;padding-left:1.1em;color:var(--ink-secondary);line-height:1.45}.workspace-lab .lab-pane-body>.pc-build-lab{display:flex;flex-direction:column;gap:8px;padding:8px 10px;height:100%;max-height:100%}.workspace-lab .pc-build-lab .pc-build-hint,.workspace-lab .pc-build-lab .pc-build-legend,.workspace-lab .pc-build-lab .pc-build-sub{display:none}.workspace-lab .pc-build-lab .pc-build-msg{padding:6px 8px;font-size:.82rem}.workspace-lab .pc-build-lab .pc-view-toolbar{gap:4px}.workspace-lab .pc-build-lab .pc-view-toolbar .btn,.workspace-lab .pc-build-lab .pc-view-toolbar .ghost-btn-ink{padding:4px 8px;font-size:.75rem}.workspace-lab .pc-build-workspace{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(156px,188px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"palette stage" "check stage";grid-gap:8px;gap:8px;align-content:stretch}.workspace-lab .pc-build-palette{grid-area:palette;display:flex;flex-direction:column;gap:6px;padding:8px;overflow:auto;min-height:0}.workspace-lab .pc-build-stage{grid-area:stage;min-height:0;overflow:auto;padding:6px;gap:8px}.workspace-lab .pc-build-checklist{grid-area:check;padding:8px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.workspace-lab .pc-build-palette-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-bottom:8px}.workspace-lab .pc-build-group-label{grid-column:1/-1;margin-top:2px}.workspace-lab .pc-part{flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;text-align:center;min-height:58px}.workspace-lab .pc-part-badge{width:32px;height:32px}.workspace-lab .pc-part-text{align-items:center;width:100%}.workspace-lab .pc-part-text strong{font-size:.72rem;line-height:1.15}.workspace-lab .pc-part-text em{display:none}.workspace-lab .pc-tower-scene{height:min(300px,38vh);min-height:240px}.workspace-lab .pc-build-checklist ol{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 8px;gap:2px 8px;margin:0;font-size:.74rem}.workspace-lab .pc-build-checklist h4{font-size:.8rem;margin:0 0 4px}.workspace-lab .pc-power-panel{margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}.workspace-lab .pc-power-panel h4{margin:0 0 2px}.workspace-lab .pc-power-panel>.muted{font-size:.72rem;margin:0 0 6px;line-height:1.3}.workspace-lab .pc-power-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.workspace-lab .pc-power-actions .btn{width:100%;padding:6px 4px;font-size:.74rem}.workspace-lab .pc-power-actions .pc-yank{grid-column:1/-1}.workspace-lab .pc-slot-monitor{min-height:120px}.workspace-lab .pc-monitor-bezel{width:min(100%,240px)}.workspace-lab .pc-monitor-screen{min-height:120px;height:120px}.workspace-lab .pc-mobo-bench{padding:8px}.workspace-lab .pc-mobo-board{min-height:120px}@media (max-width:1100px){.pc-build-workspace{grid-template-columns:1fr 1.4fr}.pc-build-checklist{grid-column:1/-1}.pc-build-checklist ol{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pc-power-actions{flex-direction:row;flex-wrap:wrap}.pc-power-actions .btn{width:auto;flex:1 1 120px}.workspace-lab .pc-build-workspace{grid-template-columns:minmax(140px,168px) minmax(0,1fr)}.workspace-lab .pc-build-checklist{grid-column:auto}}@media (max-width:720px){.pc-build-workspace{grid-template-columns:1fr}.pc-tower-scene{height:300px;min-height:280px}.pc-desk-row{grid-template-columns:1fr}.workspace-lab .pc-build-workspace{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"stage" "palette" "check"}.workspace-lab .pc-build-palette-group{grid-template-columns:repeat(3,1fr)}.workspace-lab .pc-build-checklist{max-height:none}}.mouse-lab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.mouse-lab-head h3{margin:0}.mouse-lab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mouse-lab-actions .btn{padding:6px 14px;font-size:.88rem;display:inline-flex;align-items:center;gap:6px}.mouse-lab-status{margin:0 0 6px}.mouse-lab-hint{margin:0 0 12px;font-weight:600;line-height:1.45}.mouse-lab-layout{display:grid;grid-template-columns:minmax(200px,280px) 1fr;grid-gap:14px;gap:14px;align-items:stretch}@media (max-width:720px){.mouse-lab-layout{grid-template-columns:1fr}.mouse-diagram{max-width:320px;margin-inline:auto}}.mouse-diagram{display:flex;flex-direction:column;gap:10px;padding:14px 12px;border-radius:var(--radius-sm);background:#1e2a25;color:#fff}.mouse-diagram-svg{width:100%;max-height:320px;display:block}.md-zone{transition:fill .15s ease,filter .15s ease;transform-box:fill-box;transform-origin:center}.md-left{fill:#1f6b4a}.md-right{fill:#3d7a5c}.md-wheel{fill:#f0a202}.md-palm{fill:#354840}.md-zone.is-active{stroke:#fff;stroke-width:2.5;filter:brightness(1.2);animation:md-zone-pulse 1.1s ease-in-out infinite}.md-left.is-active,.md-right.is-active{animation:md-btn-press 1.1s ease-in-out infinite}.md-wheel.is-active{animation:md-wheel-nudge 1s ease-in-out infinite}.md-palm.is-active{animation:md-palm-glow 1.2s ease-in-out infinite}@keyframes md-zone-pulse{0%,to{filter:brightness(1.15);stroke-width:2}50%{filter:brightness(1.45) drop-shadow(0 0 6px rgba(255,255,255,.55));stroke-width:3.5}}@keyframes md-btn-press{0%,to{filter:brightness(1.2) drop-shadow(0 0 4px rgba(110,231,183,.35));stroke-width:2.5}40%{filter:brightness(1.55) drop-shadow(0 0 10px rgba(110,231,183,.75));stroke-width:3.5}55%{filter:brightness(1.35);stroke-width:2.5}}@keyframes md-wheel-nudge{0%,to{transform:translateY(0);filter:brightness(1.15) drop-shadow(0 0 4px rgba(240,162,2,.4))}35%{transform:translateY(-5px);filter:brightness(1.4) drop-shadow(0 0 8px rgba(240,162,2,.7))}70%{transform:translateY(4px);filter:brightness(1.25)}}@keyframes md-palm-glow{0%,to{filter:brightness(1.1);stroke-width:2}50%{filter:brightness(1.4) drop-shadow(0 0 8px rgba(167,243,208,.55));stroke-width:3}}.md-tap-cue{pointer-events:none}.md-tap-ring{fill:none;stroke:#fff;stroke-width:2;animation:md-tap-ring 1.1s ease-out infinite}.md-tap-dot,.md-tap-ring{transform-box:fill-box;transform-origin:center}.md-tap-dot{fill:#fff;animation:md-tap-dot 1.1s ease-in-out infinite}.md-tap-arrows{stroke:#fff;opacity:.9;animation:md-tap-arrows 1s ease-in-out infinite}@keyframes md-tap-ring{0%{transform:scale(.45);opacity:.95}70%{transform:scale(1.35);opacity:.2}to{transform:scale(1.5);opacity:0}}@keyframes md-tap-dot{0%,to{opacity:.55;transform:scale(1)}45%{opacity:1;transform:scale(.7)}}@keyframes md-tap-arrows{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.md-left.is-active,.md-palm.is-active,.md-right.is-active,.md-tap-arrows,.md-tap-dot,.md-tap-ring,.md-wheel.is-active,.md-zone.is-active,.mouse-zone-legend-item.is-active{animation:none}}.md-label{fill:#fff;font-size:16px;font-weight:700;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;pointer-events:none}.md-label.md-on-light{fill:#15201b;font-size:13px}.mouse-zone-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.mouse-zone-legend-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:.78rem;line-height:1.25;color:#dcefe6}.mouse-zone-legend-item.is-active{background:color-mix(in srgb,#fff 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#f0a202 75%,transparent);animation:md-legend-pulse 1.1s ease-in-out infinite}@keyframes md-legend-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,#f0a202 60%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,#f0a202 90%,transparent),0 0 10px color-mix(in srgb,#f0a202 35%,transparent)}}.mouse-zone-legend-item strong{display:block;font-weight:700;color:#fff}.mouse-zone-legend-item em{font-style:normal;opacity:.8}.mouse-zone-swatch{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.mouse-zone-legend-item.zone-left .mouse-zone-swatch{background:#1f6b4a}.mouse-zone-legend-item.zone-right .mouse-zone-swatch{background:#3d7a5c}.mouse-zone-legend-item.zone-wheel .mouse-zone-swatch{background:#f0a202}.mouse-zone-legend-item.zone-palm .mouse-zone-swatch{background:#354840}.mouse-lab-stage{position:relative;min-height:260px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.mouse-ball,.mouse-target{position:absolute;border:none;cursor:pointer;line-height:1.2;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:56px;min-height:56px;padding:10px 12px;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;box-shadow:0 4px 12px color-mix(in srgb,#000 18%,transparent)}.mouse-target.fruit{background:linear-gradient(160deg,#e85d4c,#c0392b)}.mouse-target.star{background:linear-gradient(160deg,#f6c35a,#d97706);color:#15201b}.mouse-target.chest{background:linear-gradient(160deg,#8b5a2b,#5c3a1a);border-radius:12px}.mouse-target.menu-target{background:linear-gradient(160deg,#3d7a5c,#1f6b4a);border-radius:12px}.mouse-ball{cursor:-webkit-grab;cursor:grab;background:linear-gradient(160deg,#4db6e0,#2a7a9b);display:grid;place-items:center}.mouse-ball:active{cursor:-webkit-grabbing;cursor:grabbing}.mouse-basket{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:110px;min-height:96px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,var(--bg));font-size:.88rem;font-weight:600;text-align:center;padding:8px;color:var(--ink)}.mouse-scroll-box{position:absolute;inset:10px;overflow:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);padding:10px 12px;overscroll-behavior:contain}.mouse-scroll-lead{margin:0 0 8px;font-weight:700;color:var(--ink)}.mouse-scroll-row{padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink-secondary);font-size:.9rem}.mouse-scroll-end{margin-top:8px;padding:16px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 16%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));font-weight:700;text-align:center;color:var(--ink)}.mouse-lab-done{display:grid;place-items:center;grid-gap:10px;gap:10px;min-height:260px;font-size:1.05rem;font-weight:700;padding:16px;text-align:center}.typing-stats{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px;font-size:.9rem}.typing-lead{margin-top:0}.typing-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.typing-tabs button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);cursor:pointer;font:inherit;color:inherit}.typing-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:650}.typing-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.typing-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}.typing-seg button{padding:4px 10px;border:none;border-radius:999px;background:transparent;cursor:pointer;font:inherit;color:var(--ink-secondary)}.typing-seg button.active{background:var(--accent);color:#fff;font-weight:650}.typing-sound-toggle{margin-left:auto;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-secondary);font:inherit;font-size:.85rem;cursor:pointer}.typing-sound-toggle.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent-hover);font-weight:650}.typing-warrior-banner{margin:0 0 10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.typing-warrior-banner p{margin:0 0 4px}.typing-warrior-banner p:last-child{margin-bottom:0}.typing-target{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem;letter-spacing:.04em;line-height:1.6;padding:12px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);word-break:break-all}.typing-target[lang=zh]{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;letter-spacing:.08em;font-size:1.25rem}.typing-target .ok{color:var(--accent)}.typing-target .bad{color:var(--warn);text-decoration:underline}.typing-target .next{background:color-mix(in srgb,var(--accent) 28%,transparent);border-radius:3px}.typing-target .pending{color:var(--muted,#888)}.typing-input-wrap{display:grid;grid-gap:6px;gap:6px;margin:12px 0;font-size:.9rem}.typing-input{width:100%;padding:10px 12px;font-size:1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.typing-input[lang=zh]{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.typing-ime-hint{margin:0 0 8px;font-size:.85rem}.typing-kb{display:grid;grid-gap:6px;gap:6px;margin:12px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.typing-kb-row{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.typing-kb .key{min-width:28px;padding:6px 8px;text-align:center;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;text-transform:uppercase}.typing-kb .key.space{min-width:140px;text-transform:none}.typing-kb .key.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--bg));font-weight:700}.typing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.typing-result-card{flex:1 1 100%;margin-bottom:4px}.typing-result-card .flash{margin:0 0 4px}.typing-history-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.typing-history-list li{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.typing-history-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.9rem;font-weight:650}.typing-history-top time{font-weight:400;color:var(--ink-secondary);font-size:.8rem}.typing-history-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.88rem}.typing-history-stats .ok{color:var(--accent);font-weight:650}.typing-history-stats .bad{color:var(--warn);font-weight:650}.typing-history-preview{margin:6px 0 0;font-size:.82rem}.typing-save-hint{margin:6px 0 0;font-size:.85rem}.ai-lab textarea,.gb-form textarea{width:100%;padding:8px 10px;border-radius:var(--radius-sm);resize:vertical}.ai-lab textarea,.ai-log,.gb-form textarea{border:1px solid var(--line);background:var(--bg)}.ai-log{max-height:200px;overflow:auto;border-radius:var(--radius-sm);padding:8px;margin-bottom:8px;font-size:.9rem}.ai-log .you{color:var(--ink)}.ai-log .ai{color:var(--accent)}.gb-form{margin-bottom:10px}.gb-form,.gb-list{display:grid;grid-gap:8px;gap:8px}.gb-list{list-style:none;padding:0;margin:0;max-height:min(50dvh,420px);overflow:auto}.gb-list li{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}.gb-list p{margin:4px 0 0}.net-lab .net-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.net-lab .span2{grid-column:1/-1}.net-lab label{display:grid;grid-gap:4px;gap:4px;font-size:.85rem;color:var(--ink-secondary)}.net-lab select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated)}.packet-view{background:var(--ide-chrome);color:#d1fae5;padding:10px;border-radius:var(--radius-sm);overflow:auto;font-family:var(--mono);font-size:.8rem;white-space:pre-wrap;max-height:220px}.http-lab{display:grid;grid-gap:12px;gap:12px}.http-lab-head h3{margin:0 0 4px}.http-lab-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.http-lab-presets{margin:0}.http-lab-scenario{margin:-4px 0 0;font-size:.88rem;color:var(--ink-secondary);line-height:1.5}.http-lab-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.82rem;font-weight:650;color:var(--ink-secondary)}.http-lab-flow-item{display:inline-flex;align-items:center;gap:6px 8px}.http-lab-flow-node{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;padding:4px 8px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.http-lab-flow-node.is-accent{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent-hover)}.http-lab-flow-node.is-live{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent-soft) 80%,var(--bg-elevated));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.http-lab-flow.is-sending .http-lab-flow-node.is-live{animation:http-lab-pulse .9s ease infinite alternate}.http-lab-flow-node code{font-size:.78rem;font-weight:600;color:var(--ink-secondary)}.http-lab-flow-arrow{color:var(--ink-secondary);opacity:.45;transition:opacity .2s ease,color .2s ease}.http-lab-flow-arrow.is-on{opacity:1;color:var(--accent-hover)}@keyframes http-lab-pulse{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}to{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}}.http-lab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.http-lab-log{margin:0;flex:1 1 180px;min-width:0;font-size:.84rem;color:var(--ink-secondary);line-height:1.45}.http-lab-focus-tip{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent-soft) 50%,var(--bg));font-size:.86rem;line-height:1.45;color:var(--ink)}.http-lab-focus-tip strong{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}.http-lab-field.is-hot select,.http-lab-field.is-hot textarea,.http-lab-url-part.is-hot input{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.http-lab-url-part.is-hot span{color:var(--accent-hover)}.http-lab-workspace{display:grid;grid-gap:12px;gap:12px}@media (min-width:900px){.http-lab-workspace{grid-template-columns:1.05fr 1fr;grid-template-areas:"build request" "build response";align-items:start}.http-lab-workspace>.http-lab-panel:first-child{grid-area:build}.http-lab-workspace>.http-lab-panel:nth-child(2){grid-area:request}.http-lab-workspace>.http-lab-panel:nth-child(3){grid-area:response}}.http-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;display:grid;grid-gap:10px;gap:10px;padding:0 0 12px}.http-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.http-lab-panel-head h4{margin:0;font-size:.88rem;font-weight:750}.http-lab-panel-head .muted{font-size:.76rem}.http-lab-field{display:grid;grid-gap:4px;gap:4px;margin:0 12px;font-size:.84rem;color:var(--ink-secondary)}.http-lab-field select,.http-lab-field textarea,.http-lab-url-part input{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font:inherit}.http-lab-field textarea{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.82rem;line-height:1.45;resize:vertical}.http-lab-urlbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;margin:0 12px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated)}.http-lab-scheme{font-size:.82rem;font-weight:650}.http-lab-scheme,.http-lab-url-sep{font-family:var(--mono,ui-monospace,monospace);color:var(--ink-secondary);padding-bottom:9px}.http-lab-url-sep{font-weight:700}.http-lab-url-part{display:grid;grid-gap:3px;gap:3px;flex:1 1 110px;min-width:0;font-size:.72rem;font-weight:650;color:var(--ink-secondary)}.http-lab-url-part.is-port{flex:0 1 72px}.http-lab-url-part.is-path{flex:1 1 160px}.http-lab-url-part input{font-family:var(--mono,ui-monospace,monospace);font-size:.84rem}.http-lab-url-preview{display:grid;grid-gap:4px;gap:4px;margin:0 12px;font-size:.78rem}.http-lab-url-preview code{display:block;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px dashed var(--line);font-size:.82rem;word-break:break-all;color:var(--ink)}.http-lab-method-tip,.http-lab-no-body{margin:0 12px;font-size:.84rem;line-height:1.5}.http-lab-method-tip{padding:8px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--ink)}.http-lab-section-label{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:2px 12px 0}.http-lab-section-title{font-size:.84rem;font-weight:750;color:var(--ink)}.http-lab-section-label .muted{font-weight:500;font-size:.78rem;line-height:1.4}.http-lab-check{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--ink-secondary);cursor:pointer;writing-mode:horizontal-tb;-webkit-text-orientation:mixed;text-orientation:mixed}.http-lab-check input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.http-lab-check-text{flex:1 1 auto;min-width:12em;font-size:.84rem;font-weight:600;line-height:1.4;white-space:normal;writing-mode:horizontal-tb;word-break:keep-all;overflow-wrap:anywhere}.http-lab-divider{height:1px;margin:4px 12px;background:var(--line)}.http-lab-subhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;margin:0 12px}.http-lab-subhead h4{margin:0;font-size:.88rem;font-weight:750}.http-lab-subhead .muted{font-size:.76rem}.http-lab-parts{display:grid;grid-gap:8px;gap:8px;padding:0 12px}.http-lab-part{display:grid;grid-gap:4px;gap:4px;width:100%;margin:0;padding:0;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated);color:inherit;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease}button.http-lab-part:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 35%,var(--bg-elevated))}.http-lab-part.is-hot{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-elevated))}.http-lab-part.is-pop{animation:http-lab-pop .35s ease}.http-lab-part.is-pending{opacity:.55;cursor:default}.http-lab-part.is-blank .http-lab-part-code{color:color-mix(in srgb,var(--ink-secondary) 55%,transparent);font-style:italic}@keyframes http-lab-pop{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.http-lab-part-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 10px 0}.http-lab-part-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}.http-lab-part-tip{font-size:.78rem;color:var(--ink-secondary);line-height:1.4}.http-lab-part-code{margin:0;padding:6px 10px 10px;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.8rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:var(--ink);background:transparent}.http-lab-response .http-lab-part-label{color:var(--ink-secondary)}.http-lab-response.is-locked{min-height:160px}.http-lab-locked{display:grid;grid-gap:10px;gap:10px;justify-items:start;margin:4px 12px 0;padding:16px 14px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.http-lab-locked p{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.5}.http-lab-response.is-revealed{animation:http-lab-pop .4s ease}.codec-lab-label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:.9rem;color:var(--ink-secondary)}.codec-lab-label input,.codec-lab-label textarea{width:100%;font-family:var(--mono);font-size:.85rem;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);resize:vertical}.codec-lab{display:grid;grid-gap:12px;gap:12px}.codec-lab-head h3{margin:0 0 4px}.codec-lab-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.codec-lab-kinds{margin:0}.codec-lab-blurb{margin:-2px 0 0;font-size:.86rem;color:var(--ink-secondary);line-height:1.5}.codec-lab-samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.codec-lab-samples-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.codec-lab-sample{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink-secondary);padding:5px 9px;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer}.codec-lab-sample:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg-elevated))}.codec-lab-dir{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.codec-lab-dir>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink-secondary);padding:7px 12px;font:inherit;font-size:.84rem;font-weight:650;cursor:pointer}.codec-lab-dir>button.is-on{color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.codec-lab-swap{margin-left:auto}.codec-lab-swap:disabled{opacity:.45;cursor:not-allowed}.codec-lab-workspace{display:grid;grid-gap:12px;gap:12px}@media (min-width:860px){.codec-lab-workspace{grid-template-columns:1fr 1fr;align-items:stretch}}.codec-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;display:flex;flex-direction:column;min-height:220px}.codec-lab-panel.is-error{border-color:color-mix(in srgb,#c45c4a 45%,var(--line))}.codec-lab-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.codec-lab-panel-head h4{margin:0;font-size:.86rem;font-weight:750}.codec-lab-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.78rem}.codec-lab-err-flag{font-weight:750;color:#b4533c}.codec-lab-area,.codec-lab-out{flex:1 1;margin:0;padding:12px;min-height:160px;border:0;resize:vertical;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.86rem;line-height:1.5;background:var(--bg-elevated);color:var(--ink);white-space:pre-wrap;word-break:break-word}.codec-lab-area:focus{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.codec-lab-error{flex:1 1;display:grid;align-content:start;grid-gap:6px;gap:6px;padding:14px 12px;background:color-mix(in srgb,#c45c4a 8%,var(--bg))}.codec-lab-error p{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink)}.codec-lab-tips{margin:0;padding:10px 12px 10px 1.4rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.84rem;color:var(--ink-secondary);line-height:1.55}.codec-lab-tips li+li{margin-top:4px}.codec-lab-tips code{font-size:.8rem}.num-lab{display:grid;grid-gap:12px;gap:12px}.num-lab-head h3{margin:0 0 4px}.num-lab-modes{margin:0}.num-lab-mode-blurb{margin:-4px 0 0;font-size:.86rem;color:var(--ink-secondary);line-height:1.45}.num-lab-aside-note{margin:0 12px;font-size:.82rem;line-height:1.45}.num-lab-float-list{display:grid;grid-gap:6px;gap:6px;margin:0 12px}.num-lab-float-item{display:grid;grid-gap:3px;gap:3px;text-align:left;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);font:inherit;cursor:pointer}.num-lab-float-item.is-on{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-elevated))}.num-lab-float-item strong{font-size:.88rem}.num-lab-float-item code{font-size:.78rem;color:var(--ink-secondary);word-break:break-all}.num-lab-float-result{display:grid;grid-gap:10px;gap:10px;margin:0 12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.num-lab-float-result>div{display:grid;grid-gap:3px;gap:3px}.num-lab-float-result .muted{font-size:.72rem}.num-lab-float-result code,.num-lab-float-result strong{font-size:.92rem;word-break:break-all}.num-lab-float-result strong.is-warn{color:#b4533c}.num-lab-float-tip{margin:0 12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg));font-size:.86rem;line-height:1.5;color:var(--ink)}.num-lab-formula{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.86rem}.num-lab-formula-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}.num-lab-formula code{font-size:.92rem;font-weight:650;color:var(--ink)}.num-lab-workspace{display:grid;grid-gap:12px;gap:12px}@media (min-width:900px){.num-lab-workspace{grid-template-columns:.95fr 1.2fr;align-items:start}}.num-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;display:grid;grid-gap:10px;gap:10px;padding-bottom:12px}.num-lab-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.num-lab-panel-head h4{margin:0;font-size:.88rem;font-weight:750}.num-lab-panel-head .muted{font-size:.76rem}.num-lab-field{display:grid;grid-gap:6px;gap:6px;margin:0 12px;font-size:.84rem;color:var(--ink-secondary)}.num-lab-n-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.num-lab-n-row input[type=number]{flex:1 1 120px;min-width:0;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num-lab-field>input[type=range],.num-lab-n-row input[type=range]{flex:1 1 140px;width:100%;accent-color:var(--accent)}.num-lab-presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 12px}.num-lab-presets button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink-secondary);padding:5px 10px;font:inherit;font-size:.8rem;font-weight:650;cursor:pointer}.num-lab-presets button.is-on{color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.num-lab-truth{display:grid;grid-gap:8px;gap:8px;margin:0 12px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}@media (min-width:480px){.num-lab-truth{grid-template-columns:repeat(3,1fr)}}.num-lab-truth>div{display:grid;grid-gap:2px;gap:2px}.num-lab-truth .muted{font-size:.72rem}.num-lab-truth strong{font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}.num-lab-chart{margin:0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated)}.num-lab-chart svg{display:block;width:100%;height:auto}.num-lab-chart-line{fill:none;stroke:var(--accent);stroke-width:2}.num-lab-chart-truth{stroke:color-mix(in srgb,var(--ink-secondary) 55%,transparent);stroke-width:1.5;stroke-dasharray:4 3}.num-lab-chart-dot{fill:var(--accent)}.num-lab-chart-dot.is-hot{fill:var(--accent-hover);stroke:var(--bg);stroke-width:1.5}.num-lab-chart-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:4px;font-size:.74rem;color:var(--ink-secondary)}.num-lab-chart-legend i{display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle;border-radius:2px}.num-lab-chart-legend i.is-line{background:var(--accent)}.num-lab-chart-legend i.is-truth{background:transparent;border-top:2px dashed color-mix(in srgb,var(--ink-secondary) 55%,transparent);height:0}.num-lab-table-wrap{margin:0 12px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.num-lab-table{margin:0;width:100%;font-size:.84rem}.num-lab-table td,.num-lab-table th{padding:7px 10px;text-align:left;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.num-lab-table tbody tr{cursor:pointer}.num-lab-table tbody tr.is-hot,.num-lab-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 45%,transparent)}.num-lab-table tbody tr:last-child td{border-bottom:0}.num-lab-err{display:grid;grid-gap:3px;gap:3px;min-width:7rem}.num-lab-err-bar{display:block;height:4px;border-radius:999px;background:var(--accent);opacity:.75}.num-lab-empty{margin:4px 12px 0;padding:14px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);font-size:.86rem}.num-lab-empty,.num-lab-tips{background:var(--bg-muted);color:var(--ink-secondary)}.num-lab-tips{margin:0;padding:10px 12px 10px 1.35rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.84rem;line-height:1.5}.num-lab-tips li+li{margin-top:4px}.time-tool-out{margin:12px 0;padding:12px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--ink);line-height:1.6}.time-lab{display:grid;grid-gap:12px;gap:12px}.time-lab-head h3{margin:0 0 4px}.time-lab-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.time-lab-now{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.time-lab-now-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.time-lab-now-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.time-lab-now-main strong{font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-lab-now-stamps{display:flex;flex-wrap:wrap;gap:8px}.time-lab-now-chip{display:grid;grid-gap:2px;gap:2px;justify-items:start;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s ease,background .15s ease}.time-lab-now-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-elevated))}.time-lab-now-chip span{font-size:.72rem;font-weight:700;color:var(--ink-secondary)}.time-lab-now-chip code{font-size:.84rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-lab-tabs{margin:0}.time-lab-workspace{display:grid;grid-gap:12px;gap:12px}@media (min-width:860px){.time-lab-workspace{grid-template-columns:1fr 1.15fr;align-items:start}}.time-lab-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;display:grid;grid-gap:10px;gap:10px;padding-bottom:12px}.time-lab-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-muted)}.time-lab-panel-head h4{margin:0;font-size:.88rem;font-weight:750}.time-lab-panel-head .muted{font-size:.76rem}.time-lab-field{display:grid;grid-gap:4px;gap:4px;margin:0 12px;font-size:.84rem;color:var(--ink-secondary)}.time-lab-field input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.92rem}.time-lab-unit{display:grid;grid-gap:6px;gap:6px;margin:0 12px}.time-lab-unit-label{font-size:.78rem;font-weight:650;color:var(--ink-secondary)}.time-lab-unit-btns{display:flex;flex-wrap:wrap;gap:6px}.time-lab-unit-btns button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink-secondary);padding:6px 10px;font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.time-lab-unit-btns button.is-on{color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft)}.time-lab-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 12px}.time-lab-results{display:grid;grid-gap:8px;gap:8px;padding:0 12px}.time-lab-badge-row{display:flex;flex-wrap:wrap;gap:6px}.time-lab-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.74rem;font-weight:750;color:var(--accent-hover);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.time-lab-badge.is-soft{color:var(--ink-secondary);background:var(--bg-muted);border-color:var(--line)}.time-lab-row{display:grid;grid-gap:4px;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated)}.time-lab-row-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.time-lab-row-label{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}.time-lab-row-tip{font-size:.76rem;color:var(--ink-secondary)}.time-lab-row-value{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.time-lab-row-value code{font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all;color:var(--ink)}.time-lab-empty{margin:4px 12px 0;padding:14px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);font-size:.86rem}.time-lab-empty,.time-lab-tips{background:var(--bg-muted);color:var(--ink-secondary)}.time-lab-tips{margin:0;padding:10px 12px 10px 1.4rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.84rem;line-height:1.55}.time-lab-tips li+li{margin-top:4px}.time-lab-tips code{font-size:.8rem}.jwt-lab{display:flex;flex-direction:column;gap:12px}.jwt-lab-head h3{margin:0 0 4px}.jwt-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:56ch}.jwt-lab-motto{display:flex;flex-wrap:wrap;gap:8px 14px;padding:8px 12px;font-size:.82rem;background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.jwt-lab-motto .is-h{color:#c45c26;font-weight:700}.jwt-lab-motto .is-p{color:var(--accent);font-weight:700}.jwt-lab-motto .is-s{color:#6b5b95;font-weight:700}.jwt-samples{display:flex;flex-wrap:wrap;gap:6px}.jwt-samples button{padding:6px 10px;font-size:.8rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.jwt-samples button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:700}.jwt-lab-workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;align-items:start}@media (max-width:900px){.jwt-lab-workspace{grid-template-columns:1fr}}.jwt-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.jwt-lab-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.jwt-lab-panel-head h4{margin:0;font-size:.95rem}.jwt-panel-actions{display:flex;flex-wrap:wrap;gap:6px}.jwt-panel-actions .btn{font-size:.78rem!important;padding:4px 10px!important;min-height:0!important}.jwt-token-label{display:grid;grid-gap:6px;gap:6px;font-size:.8rem;color:var(--ink-secondary)}.jwt-token-input{width:100%;box-sizing:border-box;min-height:6.5rem;font-size:.78rem;line-height:1.45;border:1px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical}.jwt-encoded,.jwt-token-input{padding:10px 12px;font-family:var(--mono);border-radius:var(--radius-sm)}.jwt-encoded{font-size:.72rem;line-height:1.5;word-break:break-all;background:#1e1e1e;max-height:120px;overflow:auto}.jwt-seg.is-h{color:#f0a060}.jwt-seg.is-p{color:#7dcea0}.jwt-seg.is-s{color:#b39ddb}.jwt-dot{color:#9e9e9e}.jwt-status{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.jwt-status li{padding:4px 8px;font-size:.75rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink-secondary)}.jwt-status li.is-ok{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}.jwt-status li.is-warn{border-color:color-mix(in srgb,#c0392b 40%,var(--line));color:#c0392b;background:color-mix(in srgb,#c0392b 8%,var(--bg))}.jwt-bearer{display:grid;grid-gap:4px;gap:4px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.jwt-k{font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-secondary)}.jwt-bearer code{font-family:var(--mono);font-size:.76rem;color:var(--ink);word-break:break-all}.jwt-part{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.jwt-part.is-h{border-top:3px solid #c45c26}.jwt-part.is-p{border-top:3px solid var(--accent)}.jwt-part.is-s{border-top:3px solid #6b5b95}.jwt-part-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line)}.jwt-part-head strong{display:block;font-size:.86rem}.jwt-part-head .muted{font-size:.72rem}.jwt-part-head .btn{font-size:.74rem!important;padding:3px 8px!important;min-height:0!important}.jwt-part pre{margin:0;padding:10px 12px;max-height:140px;overflow:auto;font-family:var(--mono);font-size:.76rem;line-height:1.45;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4}.jwt-part pre.is-bad{color:#ef9a9a}.jwt-claims{padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.jwt-claims-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.jwt-claims-head h4{margin:0;font-size:.95rem}.jwt-claims-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.jwt-claims-row{display:grid;grid-template-columns:5rem 1fr 1.4fr;grid-gap:8px;gap:8px;padding:7px 10px;font-size:.78rem;border-bottom:1px solid var(--line);align-items:start}.jwt-claims-row:last-child{border-bottom:0}.jwt-claims-row.is-head{font-weight:700;color:var(--ink-secondary);background:color-mix(in srgb,var(--bg) 88%,var(--ink-secondary))}.jwt-claims-row code{font-family:var(--mono);font-size:.74rem;color:var(--accent);word-break:break-all}.jwt-claims-row span{color:var(--ink-secondary);line-height:1.35}@media (max-width:640px){.jwt-claims-row{grid-template-columns:1fr;gap:2px}}.jwt-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}@media (max-width:640px){.jwt-compare{grid-template-columns:1fr}}.jwt-compare>div{padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.jwt-compare strong{display:block;font-size:.86rem;margin-bottom:4px}.jwt-compare p{font-size:.8rem;line-height:1.4}.jwt-compare p,.jwt-lab-tips{margin:0;color:var(--ink-secondary)}.jwt-lab-tips{padding:0 0 0 1.1rem;font-size:.84rem;line-height:1.5}.jwt-lab-tips li+li{margin-top:4px}.jwt-lab-tips strong{color:var(--ink)}.jwt-peek-lab h4{margin:12px 0 4px;font-size:.95rem}@media (max-width:599px){.net-lab .net-grid{grid-template-columns:1fr}}.term-lab .term-out{background:#0b1220;color:#bbf7d0;min-height:160px;max-height:240px;overflow:auto;padding:10px;border-radius:var(--radius-sm);font-family:var(--mono);font-size:.8rem;white-space:pre-wrap}.term-input{display:flex;gap:8px;align-items:center;margin-top:8px}.term-input span{font-family:var(--mono);color:var(--accent);flex-shrink:0}.term-input input{flex:1 1;min-width:0}.term-input .btn{flex-shrink:0;white-space:nowrap}.linux-lab{display:grid;grid-gap:12px;gap:12px}.linux-lab-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 14px}.linux-lab-head h3{margin:0 0 4px}.linux-lab-lead{margin:0;max-width:42rem;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.linux-lab-head-actions{display:flex;flex-wrap:wrap;gap:8px}.linux-lab-layout{display:grid;grid-gap:12px;gap:12px}@media (min-width:960px){.linux-lab-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);align-items:start}}.linux-lab-term{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#0b1220;min-width:0}.linux-lab-chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#111827;border-bottom:1px solid #1f2937;color:#9ca3af;font-size:.78rem}.linux-lab-dots{display:inline-flex;gap:5px}.linux-lab-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#4b5563}.linux-lab-dots i:first-child{background:#f87171}.linux-lab-dots i:nth-child(2){background:#fbbf24}.linux-lab-dots i:nth-child(3){background:#34d399}.linux-lab-chrome-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono,ui-monospace,monospace)}.linux-lab-chrome-tag{flex-shrink:0;padding:1px 7px;border-radius:999px;border:1px solid #374151;font-size:.7rem;font-weight:700;color:#a7f3d0}.linux-lab-screen{min-height:280px;max-height:420px;overflow:auto;padding:12px 14px 8px;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.82rem;line-height:1.45;cursor:text}.linux-lab-line{white-space:pre-wrap;word-break:break-word;color:#bbf7d0}.linux-lab-line.is-cmd{color:#e5e7eb;margin-top:6px}.linux-lab-line.is-sys{color:#93c5fd}.linux-lab-line.is-err{color:#fca5a5}.linux-lab-prompt{display:flex;align-items:center;gap:8px;margin-top:8px}.linux-lab-prompt-user{flex-shrink:0;color:#6ee7b7;font-weight:650;white-space:nowrap}.linux-lab-prompt input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:#f3f4f6;font:inherit;caret-color:#6ee7b7;padding:0}.linux-lab-prompt input::placeholder{color:#6b7280}.linux-lab-statusbar{display:flex;flex-wrap:wrap;gap:6px 8px;padding:7px 12px;border-top:1px solid #1f2937;background:#0f172a;color:#9ca3af;font-size:.74rem}.linux-lab-aside{display:grid;grid-gap:10px;gap:10px;min-width:0}.linux-lab-aside-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);padding:10px 12px}.linux-lab-aside-block h4{margin:0 0 4px;font-size:.86rem;font-weight:750}.linux-lab-aside-block>.muted{margin:0 0 8px;font-size:.76rem}.linux-lab-chips{display:flex;flex-wrap:wrap;gap:6px}.linux-lab-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);padding:5px 8px;font:inherit;cursor:pointer}.linux-lab-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-elevated))}.linux-lab-chip code{font-size:.78rem}.linux-lab-drills,.linux-lab-tips{margin:0;padding-left:1.15rem;font-size:.82rem;color:var(--ink-secondary);line-height:1.5}.linux-lab-drills li+li,.linux-lab-tips li+li{margin-top:4px}.linux-lab-tips code{font-size:.78rem}.win-lab{display:grid;grid-gap:12px;gap:12px}.win-lab-head h3{margin:0 0 4px}.win-lab-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.win-lab-tabs{margin:0}.win-lab .win-pane{display:grid;grid-gap:12px;gap:12px}.win-pane-banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted);font-size:.86rem;color:var(--ink-secondary);line-height:1.45}.win-pane-banner strong{color:var(--ink)}.win-lab-tips code,.win-pane-banner code{font-size:.8rem}.win-keys-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.win-keys-head-text{display:grid;grid-gap:2px;gap:2px;font-size:.84rem;color:var(--ink-secondary);line-height:1.4}.win-keys-head-text strong{color:var(--ink);font-size:.9rem}.win-keys-progress{display:grid;grid-gap:4px;gap:4px;min-width:120px;text-align:right;font-size:.78rem;font-weight:750;color:var(--ink-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.win-keys-progress-bar{height:6px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--line);overflow:hidden}.win-keys-progress-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s ease}.win-keys{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}@media (min-width:720px){.win-keys{grid-template-columns:1fr 1fr}}.win-key-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:start;grid-gap:8px 10px;gap:8px 10px;width:100%;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;writing-mode:horizontal-tb;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.win-key-row:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.win-key-row.is-on{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent-soft) 50%,var(--bg-elevated));box-shadow:inset 3px 0 0 var(--accent)}.win-key-idx{flex:none;width:1.35rem;height:1.35rem;margin-top:1px;display:grid;place-items:center;border-radius:999px;background:var(--bg-muted);color:var(--ink-secondary);font-size:.7rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.win-key-row.is-on .win-key-idx{background:var(--accent-soft);color:var(--accent-hover)}.win-key-row input[type=checkbox]{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--accent)}.win-key-body{min-width:0;display:grid;grid-gap:4px;gap:4px}.win-key-caps{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.win-key-cap-wrap{display:inline-flex;align-items:center;gap:3px}.win-key-plus{font-size:.72rem;font-weight:700;color:var(--ink-secondary);opacity:.7}.win-key-body .act{font-weight:700;font-size:.9rem;color:var(--ink);line-height:1.3}.win-key-row .why{font-size:.78rem;color:var(--ink-secondary);line-height:1.4}.win-key-done{align-self:center;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:750;color:var(--accent-hover);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));white-space:nowrap}.win-keys kbd,.win-lab kbd{display:inline-block;font-family:var(--mono,ui-monospace,monospace);font-size:.74rem;font-weight:700;padding:3px 7px;border-radius:5px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,#fff) 0,var(--bg-muted) 100%);color:var(--ink);white-space:nowrap;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 80%,transparent)}.win-env-form{display:grid;grid-gap:10px;gap:10px}@media (min-width:720px){.win-env-form{grid-template-columns:1fr 1.4fr auto;align-items:end}}.win-env-field{display:grid;grid-gap:4px;gap:4px;font-size:.78rem;font-weight:650;color:var(--ink-secondary)}.win-env-field input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font:inherit;font-family:var(--mono,ui-monospace,monospace);font-size:.86rem}.win-env-actions{display:flex;flex-wrap:wrap;gap:8px}.win-env-msg{margin:0;font-size:.84rem;color:var(--ink-secondary)}.win-env-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.win-env-table{margin:0;width:100%}.win-env-table td,.win-env-table th{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.win-env-table tr:last-child td{border-bottom:0}.win-env-val{display:block;max-width:48rem;white-space:pre-wrap;word-break:break-all;font-size:.8rem;line-height:1.4}.win-lab-tips{margin:0;padding-left:1.2rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.win-lab-tips li+li{margin-top:4px}.win-svc-list{display:grid;grid-gap:8px;gap:8px}.win-svc-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated)}.win-svc-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.win-svc-main p{margin:2px 0 0;font-size:.84rem;color:var(--ink-secondary)}.win-svc-status{flex:none;margin-top:2px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:750}.win-svc-status.is-run{color:var(--accent-hover);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.win-svc-status.is-stop{color:var(--ink-secondary);background:var(--bg-muted);border:1px solid var(--line)}.win-ps-pane{gap:10px}.win-ps-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.win-ps-lead{margin:0;font-size:.86rem;color:var(--ink-secondary)}.win-ps-actions{display:flex;flex-wrap:wrap;gap:8px}.win-ps-layout{display:grid;grid-gap:12px;gap:12px}@media (min-width:960px){.win-ps-layout{grid-template-columns:minmax(0,1.5fr) minmax(200px,.85fr);align-items:start}}.win-ps-term{border:1px solid #1f2937;border-radius:var(--radius-sm);overflow:hidden;background:#012456;min-width:0}.win-ps-chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0b1e3a;border-bottom:1px solid #1e3a5f;color:#9db2ce;font-size:.78rem}.win-ps-dots{display:inline-flex;gap:5px}.win-ps-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#4b5563}.win-ps-dots i:first-child{background:#f87171}.win-ps-dots i:nth-child(2){background:#fbbf24}.win-ps-dots i:nth-child(3){background:#34d399}.win-ps-chrome-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono,ui-monospace,monospace)}.win-ps-chrome-tag{flex-shrink:0;padding:1px 7px;border-radius:999px;border:1px solid #2a4a73;font-size:.7rem;font-weight:700;color:#93c5fd}.win-ps-screen{min-height:280px;max-height:420px;overflow:auto;padding:12px 14px 8px;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.82rem;line-height:1.45;cursor:text;color:#f3f4f6}.win-ps-line.is-cmd{color:#e5e7eb;margin-top:6px}.win-ps-line.is-sys{color:#93c5fd}.win-ps-line.is-err{color:#fca5a5}.win-ps-line.is-out{color:#e5e7eb}.win-ps-prompt{display:flex;align-items:center;gap:8px;margin-top:8px}.win-ps-prompt-user{flex-shrink:0;color:#fde68a;font-weight:650;white-space:nowrap}.win-ps-prompt input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:#f8fafc;font:inherit;caret-color:#fde68a;padding:0}.win-ps-prompt input::placeholder{color:#64748b}.win-ps-statusbar{display:flex;flex-wrap:wrap;gap:6px 8px;padding:7px 12px;border-top:1px solid #1e3a5f;background:#0a192f;color:#9db2ce;font-size:.74rem}.win-ps-aside{display:grid;grid-gap:10px;gap:10px}.win-ps-aside-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);padding:10px 12px}.win-ps-aside-block h4{margin:0 0 4px;font-size:.86rem;font-weight:750}.win-ps-aside-block>.muted{margin:0 0 8px;font-size:.76rem}.win-ps-chips{display:flex;flex-wrap:wrap;gap:6px}.win-ps-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);padding:5px 8px;font:inherit;cursor:pointer}.win-ps-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--bg-elevated))}.win-ps-chip code{font-size:.78rem}.vi-lab{display:grid;grid-gap:12px;gap:12px}.vi-lab-head h3{margin:0 0 4px}.vi-lab-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5}.vi-term{background:#0b1220}.vi-term .win-ps-chrome{background:#111827;border-bottom-color:#1f2937;color:#94a3b8}.vi-term .win-ps-chrome-tag{border-color:#334155;color:#86efac}.vi-lab .vi-screen{background:#0b1220;color:#e2e8f0;border-radius:0;padding:10px 0 8px;min-height:280px;max-height:420px;overflow:auto;font-family:var(--mono);font-size:.82rem;outline:2px solid transparent;cursor:text;position:relative}.vi-lab .vi-ime-catcher{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;resize:none;overflow:hidden;pointer-events:none}.vi-lab .vi-cmd-line{display:flex;align-items:center;flex:1 1;min-width:0;gap:0;margin:0}.vi-lab .vi-cmd-prefix{color:#86efac;flex-shrink:0}.vi-lab .vi-cmd-input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:#86efac;font-family:inherit;font-size:inherit;padding:0;caret-color:#fbbf24}.vi-lab .vi-screen:focus{outline:none}.vi-term:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.vi-line{display:flex;gap:8px;padding:0 12px;white-space:pre;line-height:1.45}.vi-line.active{background:color-mix(in srgb,#38bdf8 12%,transparent)}.vi-gutter{color:#64748b;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:2.2rem;text-align:right}.vi-cursor{background:#f8fafc;color:#0b1220}.vi-status{margin:0;padding:7px 12px;background:#020617;border-top:1px solid #1f2937;color:#86efac;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;min-height:2rem}.vi-status-msg{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vi-mode-tag{color:#fbbf24;white-space:nowrap}.vi-term .win-ps-statusbar{border-top-color:#1f2937;background:#020617}.docker-sim{display:flex;flex-direction:column;gap:.65rem;min-width:0}.docker-sim-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem}.docker-sim-head h3{margin:0 0 4px}.docker-sim-lead{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.5;max-width:36rem}.docker-sim-mission-bar{display:flex;align-items:center;gap:.55rem}.docker-layout{align-items:stretch}.docker-term-window{background:#0b1220;display:flex;flex-direction:column;min-height:0}.docker-term-window .win-ps-chrome{background:#111827;border-bottom-color:#1f2937}.docker-term-window .win-ps-chrome-tag{border-color:#334155;color:#7dd3fc}.docker-term-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-bottom:1px solid #1f2937;background:#0f172a}.docker-term-chips .win-ps-chip{background:#1e293b;border-color:#334155;color:#e2e8f0}.docker-term-chips .win-ps-chip.is-docker-next,.docker-term-chips .win-ps-chip:hover{border-color:color-mix(in srgb,var(--accent) 55%,#334155);background:color-mix(in srgb,var(--accent) 22%,#1e293b)}.docker-term-screen{flex:1 1;min-height:260px;max-height:420px;overflow:auto;padding:12px 14px 8px;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.8rem;line-height:1.45;cursor:text;color:#e5e7eb}.docker-term-screen pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit}.docker-term-screen pre.is-cmd{color:#fde68a;margin-top:6px}.docker-term-screen pre.is-err{color:#fca5a5}.docker-term-prompt{display:flex;align-items:center;gap:8px;margin-top:8px}.docker-term-prompt .docker-prompt{flex-shrink:0;color:#86efac;font-weight:650}.docker-term-prompt input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;color:#f8fafc;font:inherit;caret-color:#86efac;padding:0}.docker-term-prompt input::placeholder{color:#64748b}.docker-term-window .win-ps-statusbar{border-top-color:#1f2937;background:#020617}.docker-schematic{display:flex;flex-direction:column;gap:.55rem;min-width:0}.docker-zones-stack{display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:.45rem;grid-template-columns:none}.docker-zones-stack .docker-zone-arrow{align-self:center;width:auto;min-width:5.5rem}.docker-zones-stack .docker-zone{flex:0 0 auto;min-height:0;width:100%}.docker-zones-stack .docker-zone-images{height:11.5rem;display:flex;flex-direction:column}.docker-zones-stack .docker-zone-images .docker-image-list{flex:1 1;min-height:0;height:auto;max-height:none;overflow:auto}.docker-zones-stack .docker-hub-list,.docker-zones-stack .docker-zone-containers .docker-item-list{max-height:10.5rem;overflow:auto}.docker-image-list{list-style:none;padding:0;gap:.35rem}.docker-image-btn,.docker-image-list{margin:0;display:flex;flex-direction:column}.docker-image-btn{align-items:flex-start;gap:.1rem;width:100%;padding:.4rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer}.docker-image-btn:hover{border-color:color-mix(in srgb,#2563eb 40%,var(--line))}.docker-image-btn.is-selected{border-color:color-mix(in srgb,#2563eb 55%,var(--line));background:color-mix(in srgb,#2563eb 12%,var(--bg-elevated));box-shadow:inset 3px 0 0 #2563eb}.docker-image-btn code{font-size:.8rem}.docker-image-empty{padding:.5rem .35rem}.docker-mission-toggle{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elevated);padding:.28rem .7rem;font:inherit;font-size:.82rem;font-weight:650;color:var(--ink);cursor:pointer}.docker-mission-dots{list-style:none;margin:0;padding:0;display:flex;gap:.28rem}.docker-mission-dot{display:block;width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--ink-secondary) 28%,transparent)}.docker-mission-dot.is-done{background:var(--accent)}.docker-sim-missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:.5rem;gap:.5rem}.docker-mission{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);font-size:.82rem}.docker-mission.is-done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.docker-coach{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.docker-coach-text{display:flex;flex-direction:column;gap:.08rem;flex:1 1 12rem;font-size:.84rem}.docker-coach-go{flex:0 0 auto;min-height:30px!important;padding:4px 12px;font-size:.8rem}.docker-zones{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);align-items:stretch;grid-gap:.4rem;gap:.4rem}@media (max-width:900px){.docker-zones:not(.docker-zones-stack){display:flex;flex-wrap:wrap}}.docker-zone{flex:1 1 10rem;min-width:0;display:flex;flex-direction:column;gap:.45rem;padding:.65rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);transition:box-shadow .2s ease,border-color .2s ease}.docker-zone.is-focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.docker-zone header{display:flex;flex-direction:column;gap:.1rem}.docker-zone h3{margin:0;font-size:.95rem}.docker-zone-hub{border-color:color-mix(in srgb,#0d9488 35%,var(--line))}.docker-zone-images{border-color:color-mix(in srgb,#2563eb 35%,var(--line))}.docker-zone-containers{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.docker-zone-arrow{align-self:center;flex:0 0 auto;font-size:.75rem;font-weight:700;color:var(--ink-secondary);padding:.35rem .45rem;margin:0;border:1px dashed color-mix(in srgb,var(--ink-secondary) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--bg) 80%,transparent);cursor:pointer;font-family:inherit}.docker-zone-arrow.is-next{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));color:var(--ink);animation:git-arrow-pulse 1.4s ease-in-out infinite}.docker-hub-list,.docker-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.docker-hub-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;border:1px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent);padding:.4rem .5rem;cursor:pointer;color:inherit;font:inherit}.docker-hub-btn.is-local,.docker-hub-btn:hover{border-color:color-mix(in srgb,#0d9488 40%,var(--line))}.docker-hub-tag{font-size:.72rem;font-weight:650;color:#0f766e}.docker-item-list li{display:flex;flex-direction:column;gap:.1rem;padding:.35rem .45rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 70%,transparent);font-size:.82rem}.docker-item-list li.is-running{background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.docker-ct-row{display:flex;align-items:center;gap:.4rem}.docker-status-pill{font-size:.7rem;font-weight:650;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--ink-secondary) 14%,transparent);color:var(--ink-secondary)}.docker-status-pill.on{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.docker-metaphor{margin:0;font-size:.75rem}.docker-term-dock{width:100%}.docker-term{display:flex;flex-direction:column;gap:.45rem;border:1px solid var(--line);border-radius:12px;background:#1a1d21;color:#e8eaed;padding:.55rem .7rem .65rem}.docker-term-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .75rem}.docker-term-quick{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 auto}.docker-term-quick .btn.secondary{background:#2f343a!important;border:1px solid #6b7280!important;color:#f3f4f6!important;min-height:28px!important;padding:3px 9px;font-size:.75rem}.docker-term-quick .btn.secondary.is-docker-next{border-color:#34d399!important;background:color-mix(in srgb,#34d399 22%,#2f343a)!important}.docker-term-toggle{flex:0 0 auto;min-height:34px!important;padding:6px 14px!important;font-size:.82rem!important;font-weight:700!important;font-family:inherit;border-radius:999px;cursor:pointer;border:2px solid #34d399!important;background:#064e3b!important;color:#ecfdf5!important}.docker-term-toggle.is-open{border-color:#6b7280!important;background:#374151!important;box-shadow:none}.docker-term-panel{display:flex;flex-direction:column;gap:.45rem}.docker-term-log{max-height:min(16vh,140px);overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.4;padding:.35rem .15rem;border-top:1px solid #333842}.docker-term-log pre{margin:0 0 .35rem;white-space:pre-wrap;word-break:break-word}.docker-term-form{display:flex;align-items:center;gap:.4rem}.docker-prompt{flex:0 0 auto;font-size:.8rem;color:#86efac}.docker-prompt,.docker-term-form input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.docker-term-form input{flex:1 1 auto;min-width:0;border:1px solid #4b5563;border-radius:8px;background:#111827;color:#f3f4f6;padding:6px 10px;font-size:.82rem}.docker-term-form .btn{flex:0 0 auto;white-space:nowrap;min-height:32px!important;padding:4px 14px;writing-mode:horizontal-tb}.docker-term-peek-btn{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;width:100%;margin:0;padding:.55rem .7rem;border:1px dashed #6ee7b7;border-radius:8px;background:color-mix(in srgb,#064e3b 55%,#1a1d21);color:#ecfdf5;font:inherit;text-align:left;cursor:pointer}.docker-term-peek-label{font-size:.75rem;font-weight:700;color:#6ee7b7}.docker-term-peek-text{flex:1 1 8rem;min-width:0;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docker-term-peek-cta{margin-left:auto;font-size:.8rem;font-weight:700;color:#a7f3d0}.ops-lab .dock-apps{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.ops-lab .dock-apps button{border:2px dashed var(--line);background:var(--bg);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer}.ops-lab .dock-apps button.on{border-style:solid;background:var(--accent-soft)}.container-box{border:2px solid var(--line);border-radius:var(--radius);padding:12px;margin:10px 0;background:var(--bg)}.container-box .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.container-box .chips span{background:var(--accent-soft);padding:4px 8px;border-radius:999px;font-size:.85rem}.ops-lab .check{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;margin:6px 0;color:var(--ink);width:auto;max-width:100%;align-self:flex-start}.ops-lab .check input{flex:0 0 auto;width:1rem;height:1rem;margin:.2em 0 0;accent-color:var(--accent)}.nginx-lab-options{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:10px 0 12px}.nginx-lab-check{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);cursor:pointer;width:100%;box-sizing:border-box}.nginx-lab-check:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.nginx-lab-check input{flex:0 0 auto;width:1.05rem;height:1.05rem;margin:.15em 0 0;accent-color:var(--accent)}.nginx-lab-check span{flex:1 1 auto;min-width:0;line-height:1.45;text-align:left}.nginx-lab-field{display:grid;grid-gap:6px;gap:6px;margin:0 0 10px;font-size:.88rem;color:var(--ink-secondary)}.nginx-lab-field input{width:100%;box-sizing:border-box;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;font-family:var(--mono,ui-monospace,monospace);font-size:.88rem}.nginx-lab-note{margin:8px 0 0;font-size:.88rem}.ngx-lab{display:flex;flex-direction:column;gap:12px}.ngx-lab-head h3{margin:0 0 4px}.ngx-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:58ch}.ngx-presets{display:flex;flex-wrap:wrap;gap:6px}.ngx-presets button{padding:6px 12px;font-size:.82rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.ngx-presets button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:700}.ngx-lab-workspace{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:12px;gap:12px;align-items:start}@media (max-width:960px){.ngx-lab-workspace{grid-template-columns:1fr}}.ngx-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.ngx-lab-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ngx-lab-panel-head h4{margin:0;font-size:.95rem}.ngx-lab-panel-head .muted{font-size:.75rem}.ngx-copy{font-size:.78rem!important;padding:4px 10px!important;min-height:0!important}.ngx-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}@media (max-width:560px){.ngx-fields{grid-template-columns:1fr}}.ngx-fields label{display:grid;grid-gap:4px;gap:4px;font-size:.75rem;font-weight:700;color:var(--ink-secondary)}.ngx-fields input{width:100%;box-sizing:border-box;padding:6px 8px;font-family:var(--mono);font-size:.8rem;font-weight:400;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.ngx-fields input:disabled{opacity:.5}.ngx-toggles{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}@media (max-width:560px){.ngx-toggles{grid-template-columns:1fr}}.ngx-toggle{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;writing-mode:horizontal-tb}.ngx-toggle.is-disabled{opacity:.45;cursor:not-allowed}.ngx-toggle input[type=checkbox]{flex:none;width:1rem;height:1rem;min-width:1rem;max-width:1rem;margin:.15em 0 0;padding:0;accent-color:var(--accent)}.ngx-toggle span{flex:1 1 auto;min-width:0;font-size:.8rem;line-height:1.35;color:var(--ink);font-weight:500}.ngx-conf{margin:0;padding:10px 12px;max-height:280px;overflow:auto;font-family:var(--mono);font-size:.76rem;line-height:1.45;white-space:pre;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm)}.ngx-req{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ngx-req input,.ngx-req select{box-sizing:border-box;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;font-family:var(--mono);font-size:.8rem}.ngx-req select{width:auto;min-width:5rem}.ngx-req-path{flex:1 1 8rem;min-width:6rem}.ngx-req-host{flex:0 1 9rem;min-width:5rem}.ngx-req-samples{display:flex;flex-wrap:wrap;gap:6px}.ngx-req-samples button{padding:4px 8px;font-size:.74rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-secondary)}.ngx-req-samples button:hover{border-color:var(--accent);color:var(--accent)}.ngx-sim{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ngx-sim li{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);opacity:.45;font-size:.8rem;line-height:1.4;color:var(--ink-secondary);transition:opacity .2s ease,border-color .2s ease,background .2s ease}.ngx-sim li.is-current,.ngx-sim li.is-done{opacity:1}.ngx-sim li.is-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.ngx-sim li strong{color:var(--ink);font-size:.82rem}.ngx-sim li.is-warn strong{color:#c0392b}.ngx-sim li.is-ok strong{color:color-mix(in srgb,var(--accent) 85%,var(--ink))}.ngx-access{border:1px solid var(--line);border-radius:var(--radius-sm);background:#111;color:#c8e6c9;overflow:hidden;max-height:120px;overflow-y:auto}.ngx-access-head{padding:5px 10px;font-size:.72rem;font-weight:700;color:#9e9e9e;border-bottom:1px solid #333;background:#1a1a1a}.ngx-access ul,.ngx-access>.muted{margin:0;padding:8px 10px;list-style:none;font-size:.74rem;font-family:var(--mono)}.ngx-access .muted{color:#757575}.ngx-access li+li{margin-top:4px}.ngx-access code{color:#c8e6c9;word-break:break-all}.ngx-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.ngx-lab-tips li+li{margin-top:4px}.ngx-lab-tips strong{color:var(--ink)}.mem-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:10px 0}.mem-cell{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;background:var(--bg);text-align:center}.mem-cell .addr{font-family:var(--mono);font-size:.75rem;color:var(--ink-secondary)}.mem-cell .name{font-weight:700;margin:4px 0}.mem-cell .val{font-family:var(--mono);color:var(--accent)}.mem-lab{display:flex;flex-direction:column;gap:12px}.mem-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mem-lab-head h3{margin:0 0 4px}.mem-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:52ch}.mem-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.mem-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.mem-lab-workspace{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:12px;gap:12px}@media (max-width:860px){.mem-lab-workspace{grid-template-columns:1fr}}.mem-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.mem-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mem-lab-panel-head h4{margin:0;font-size:.95rem}.mem-lab-panel-head .muted{font-size:.78rem}.mem-lab-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:640px){.mem-lab-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.mem-lab-cell{padding:10px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:background .2s ease,border-color .2s ease}.mem-lab-cell.is-empty{border-style:dashed;opacity:.75}.mem-lab-cell.is-temp{background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.mem-lab-cell.is-hot{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.mem-lab-addr{font-family:var(--mono);font-size:.7rem;color:var(--ink-secondary)}.mem-lab-name{margin:4px 0 2px;font-weight:700;font-size:.9rem}.mem-lab-name .muted{display:block;font-weight:500;font-size:.72rem}.mem-lab-val code{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--accent)}.mem-lab-ops{display:flex;flex-wrap:wrap;gap:8px}.mem-lab-ops .btn{font-family:var(--mono);font-size:.8rem}.mem-lab-ops .btn:disabled{opacity:.55;cursor:not-allowed}.mem-lab-code{margin:0;padding:10px 12px;font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm)}.mem-lab-map{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.mem-lab-log-head,.mem-lab-map-head{padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line)}.mem-lab-log ul,.mem-lab-map ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.mem-lab-map li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.8rem}.mem-lab-map code{font-family:var(--mono);color:var(--accent)}.mem-lab-log{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.mem-lab-log li{font-size:.8rem;line-height:1.4;color:var(--ink-secondary)}.mem-lab-log li.is-code{font-family:var(--mono);color:var(--ink)}.mem-lab-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.mem-lab-log li.is-warn{color:#c0392b}.mem-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.mem-lab-tips li+li{margin-top:4px}.mem-lab-tips strong{color:var(--ink)}.algo-lab{display:flex;flex-direction:column;gap:12px}.algo-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.algo-lab-head h3{margin:0 0 4px}.algo-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:52ch}.algo-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.algo-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.algo-controls{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:end}@media (max-width:720px){.algo-controls{grid-template-columns:1fr}}.algo-field{display:grid;grid-gap:6px;gap:6px;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.86rem}.algo-field-label{display:flex;align-items:baseline;gap:8px}.algo-field-label strong{font-family:var(--mono);color:var(--accent)}.algo-field input[type=range]{width:100%;margin:0}.algo-field-target{min-width:7rem}.algo-field-target input[type=number]{width:100%;max-width:7rem;padding:6px 8px;box-sizing:border-box}.algo-mode{display:flex;gap:6px}.algo-mode button{padding:8px 12px;font-size:.82rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.algo-mode button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:700}.algo-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:640px){.algo-compare{grid-template-columns:1fr}}.algo-stat{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-sm)}.algo-stat.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.algo-stat-k{font-size:.72rem;font-weight:700;color:var(--ink-secondary);letter-spacing:.02em}.algo-stat strong{font-size:1.25rem;font-family:var(--mono);color:var(--ink);line-height:1.2}.algo-stat.is-ratio strong{color:var(--accent)}.algo-stat .muted{font-size:.75rem}.algo-lab-workspace{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:12px;gap:12px}@media (max-width:900px){.algo-lab-workspace{grid-template-columns:1fr}}.algo-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.algo-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.algo-lab-panel-head h4{margin:0;font-size:.95rem}.algo-lab-panel-head .muted{font-size:.78rem}.algo-array{display:flex;flex-wrap:wrap;gap:3px;max-height:220px;overflow:auto;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.algo-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:2rem;min-height:2.4rem;padding:2px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elevated);font-family:var(--mono);transition:background .15s ease,border-color .15s ease,opacity .15s ease}.algo-cell-i{font-size:.55rem;color:var(--ink-secondary);line-height:1}.algo-cell-v{font-size:.72rem;font-weight:700;color:var(--ink);line-height:1.2}.algo-cell.is-out{opacity:.28}.algo-cell.is-probed{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.algo-cell.is-mid{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.algo-cell.is-hit{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 28%,var(--bg-elevated))}.algo-cell.is-hit .algo-cell-v{color:var(--accent)}.algo-frame-msg{margin:0;font-size:.84rem;color:var(--ink-secondary);line-height:1.4;min-height:2.4em}.algo-ops{display:flex;flex-wrap:wrap;gap:8px}.algo-ops .btn:disabled{opacity:.5;cursor:not-allowed}.algo-code{margin:0;padding:10px 12px;font-family:var(--mono);font-size:.78rem;line-height:1.45;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm)}.algo-legend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.75rem;color:var(--ink-secondary)}.algo-legend span{display:inline-flex;align-items:center;gap:5px}.algo-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;border:1px solid var(--line);background:var(--bg-elevated)}.algo-dot.is-mid{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg))}.algo-dot.is-probed{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.algo-dot.is-out{opacity:.35}.algo-dot.is-hit{background:color-mix(in srgb,var(--accent) 35%,var(--bg));border-color:var(--accent)}.algo-log{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.algo-log-head{padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line)}.algo-log ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.algo-log li{font-size:.8rem;line-height:1.4;color:var(--ink-secondary)}.algo-log li.is-code{font-family:var(--mono);color:var(--ink);font-size:.76rem}.algo-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.algo-log li.is-warn{color:#c0392b}.algo-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.algo-lab-tips li+li{margin-top:4px}.algo-lab-tips strong{color:var(--ink)}.ptr-lab{display:flex;flex-direction:column;gap:12px}.ptr-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ptr-lab-head h3{margin:0 0 4px}.ptr-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:52ch}.ptr-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.ptr-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.ptr-lab-workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;min-height:0}@media (max-width:860px){.ptr-lab-workspace{grid-template-columns:1fr}}.ptr-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.ptr-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ptr-lab-panel-head h4{margin:0;font-size:.95rem}.ptr-lab-panel-head .muted{font-size:.78rem}.ptr-mem{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}@media (max-width:520px){.ptr-mem{grid-template-columns:1fr}}.ptr-cell{position:relative;padding:10px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ptr-cell.is-pointed{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.ptr-cell.is-hot{background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.ptr-cell.is-null{border-style:dashed;border-color:color-mix(in srgb,#c0392b 55%,var(--line))}.ptr-cell.is-ptr{background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.ptr-cell-addr{font-family:var(--mono);font-size:.72rem;color:var(--ink-secondary)}.ptr-cell-name{margin:4px 0 2px;font-weight:700;font-size:.92rem}.ptr-cell-name .muted{font-weight:500;font-size:.75rem}.ptr-cell-value code{font-family:var(--mono);font-size:1.05rem;color:var(--accent);font-weight:700}.ptr-cell-deref{margin-top:6px;font-size:.8rem;color:var(--ink-secondary)}.ptr-cell-deref .is-danger{color:#c0392b;font-weight:600}.ptr-cell-tag{margin-top:6px;font-size:.72rem;font-weight:600;color:var(--accent)}.ptr-arrow{margin-top:4px;font-family:var(--mono);font-size:.75rem;color:var(--accent);font-weight:700}.ptr-point-btns{display:flex;flex-wrap:wrap;gap:6px}.ptr-point-btns button{flex:1 1 auto;min-width:5.5rem;padding:6px 10px;font-family:var(--mono);font-size:.8rem;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink)}.ptr-point-btns button:hover{border-color:var(--accent)}.ptr-point-btns button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--accent);font-weight:700}.ptr-point-btns button.is-danger-btn.is-on{border-color:#c0392b;background:color-mix(in srgb,#c0392b 12%,var(--bg));color:#c0392b}.ptr-ops{display:flex;flex-wrap:wrap;gap:8px}.ptr-ops .btn{font-family:var(--mono);font-size:.82rem}.ptr-code{margin:0;padding:10px 12px;font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm);overflow-x:auto}.ptr-log{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.ptr-log-head{padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line)}.ptr-log ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.ptr-log li{font-size:.8rem;line-height:1.4;color:var(--ink-secondary)}.ptr-log li.is-code{font-family:var(--mono);color:var(--ink)}.ptr-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.ptr-log li.is-warn{color:#c0392b}.ptr-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.ptr-lab-tips li+li{margin-top:4px}.ptr-lab-tips strong{color:var(--ink)}.local-code-lab{display:flex;flex-direction:column;gap:8px;min-height:0;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.local-code-head h3{margin:0 0 4px;font-size:1rem}.local-code-head .muted{margin:0;font-size:.85rem}.local-code-status{margin:4px 0 0;font-size:.78rem}.local-code-out{flex:0 0 auto;margin:0;max-height:140px;overflow:auto;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;word-break:break-word}.local-code-steps summary{cursor:pointer;font-weight:600;font-size:.85rem}.local-code-goal{margin:0;padding:8px 10px;border-radius:var(--radius-sm);background:var(--accent-soft);font-size:.88rem}.local-code-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.local-code-meta .btn{min-height:28px!important;padding:3px 10px;font-size:.8rem}.workspace-lab .local-code-editor{flex:1 1 auto;min-height:140px;height:0}.local-code-steps{flex:0 0 auto;font-size:.88rem}.local-code-steps h4{margin:8px 0 4px;font-size:.85rem}.local-code-steps ul{margin:0 0 6px;padding-left:1.2em}.local-code-cmd-grid{display:grid;grid-gap:10px;gap:10px}@media (min-width:700px){.local-code-cmd-grid{grid-template-columns:1fr 1fr}}.local-code-os{font-size:.78rem;color:var(--ink-secondary);margin-bottom:4px}.local-code-cmd-grid pre{margin:0 0 6px;padding:8px 10px;border-radius:var(--radius-sm);background:#0b1220;color:#d1fae5;font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;word-break:break-word}.local-code-cmd-grid .btn{min-height:28px!important;padding:3px 10px;font-size:.78rem}.local-code-check{color:var(--ink-secondary)}.oop-lab{display:flex;flex-direction:column;gap:12px}.oop-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.oop-lab-head h3{margin:0 0 4px}.oop-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:54ch}.oop-lab-head-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.oop-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.oop-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.oop-lab-workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;min-height:0}@media (max-width:860px){.oop-lab-workspace{grid-template-columns:1fr}}.oop-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.oop-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.oop-lab-panel-head h4{margin:0;font-size:.95rem}.oop-lab-code,.oop-lab-panel-head .muted{font-size:.78rem}.oop-lab-code{margin:0;padding:10px 12px;font-family:var(--mono);line-height:1.5;white-space:pre-wrap;border-radius:var(--radius-sm);overflow-x:auto}.oop-lab-code.is-class{background:#1e1e1e;color:#d4d4d4;max-height:220px}.oop-lab-code.is-live{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--ink)}.oop-lab-samples{display:flex;flex-wrap:wrap;gap:6px}.oop-lab-samples button{padding:4px 10px;font-size:.78rem;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink)}.oop-lab-samples button.is-on,.oop-lab-samples button:hover{border-color:var(--accent);color:var(--accent)}.oop-lab-samples button.is-on{background:color-mix(in srgb,var(--accent) 12%,var(--bg));font-weight:700}.oop-lab-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.oop-lab-form label{display:grid;grid-gap:2px;gap:2px;font-size:.78rem;color:var(--ink-secondary)}.oop-lab-form input{padding:6px 8px;min-width:100px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit}.oop-lab-form .btn{font-family:var(--mono);font-size:.82rem}.oop-lab-rename{align-self:flex-start;font-family:var(--mono);font-size:.8rem}.oop-lab-empty{margin:0;padding:16px;text-align:center;font-size:.86rem;color:var(--ink-secondary);border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg)}.oop-lab-heap{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.oop-obj{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.oop-obj.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.oop-obj-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.oop-obj-head code{font-family:var(--mono);font-weight:700;color:var(--accent);font-size:.9rem}.oop-obj-addr{font-family:var(--mono);font-size:.7rem;color:var(--ink-secondary)}.oop-obj-fields{margin:0;display:grid;grid-gap:4px;gap:4px}.oop-obj-fields>div{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.oop-obj-fields dt{margin:0;color:var(--ink-secondary)}.oop-obj-fields dd{margin:0;font-family:var(--mono)}.oop-obj-actions{display:flex;flex-wrap:wrap;gap:6px}.oop-obj-actions button{flex:1 1 auto;padding:5px 8px;font-family:var(--mono);font-size:.74rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 10%,var(--bg));color:var(--ink)}.oop-obj-actions button:hover{border-color:var(--accent)}.oop-obj-actions button.is-ghost{background:transparent;color:var(--ink-secondary)}.oop-lab-ops{display:flex;flex-wrap:wrap;gap:8px}.oop-lab-ops .btn{font-size:.8rem}.oop-lab-console{border:1px solid var(--line);border-radius:var(--radius-sm);background:#111;color:#c8e6c9;overflow:hidden}.oop-lab-console-head{padding:5px 10px;font-size:.72rem;font-weight:700;color:#9e9e9e;border-bottom:1px solid #333;background:#1a1a1a}.oop-lab-console ul,.oop-lab-console>.muted{margin:0;padding:8px 10px;font-size:.8rem;font-family:var(--mono);list-style:none}.oop-lab-console .muted{color:#757575}.oop-lab-console li+li{margin-top:2px}.oop-lab-prompt{color:#81c784;margin-right:4px}.oop-lab-log{display:flex;flex-direction:column;max-height:150px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.oop-lab-log-head{padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line)}.oop-lab-log ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.oop-lab-log li{font-size:.8rem;line-height:1.4;color:var(--ink-secondary)}.oop-lab-log li.is-code{font-family:var(--mono);color:var(--ink)}.oop-lab-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.oop-lab-log li.is-warn{color:#c0392b}.oop-lab-log li.is-out{font-family:var(--mono);color:#2e7d32}.oop-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.oop-lab-tips li+li{margin-top:4px}.oop-lab-tips strong{color:var(--ink)}.mqtt-lab{display:flex;flex-direction:column;gap:10px}.mqtt-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mqtt-lab-head h3{margin:0 0 4px}.mqtt-lab-lead{margin:0;font-size:.86rem;line-height:1.45;max-width:56ch}.mqtt-k,.mqtt-lab-lead{color:var(--ink-secondary)}.mqtt-k{display:block;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mqtt-topology{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;grid-gap:6px;gap:6px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}@media (max-width:560px){.mqtt-topology{grid-template-columns:1fr;justify-items:stretch}.mqtt-topo-arrow{display:none}}.mqtt-topo-node{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;text-align:center;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-sm);opacity:.55;min-width:0}.mqtt-topo-node.is-on{opacity:1;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.mqtt-topo-node.is-broker{background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated));border-color:var(--accent)}.mqtt-topo-badge{font-size:.66rem;font-weight:700;letter-spacing:.04em;color:var(--accent);font-family:var(--mono)}.mqtt-topo-node strong{font-size:.86rem}.mqtt-topo-node .muted{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mqtt-topo-arrow{align-self:center;font-family:var(--mono);color:var(--ink-secondary);font-weight:700;padding:0 2px}.mqtt-arch{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .85rem .7rem;border:1px solid var(--line);border-radius:14px;background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%),var(--bg-elevated)}.mqtt-arch-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.84rem}.mqtt-arch-caption strong{font-size:.92rem}.mqtt-arch-stage{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(3.5rem,.7fr) minmax(8rem,1.1fr) minmax(3.5rem,.7fr) minmax(7.5rem,1.05fr);grid-gap:.35rem;gap:.35rem;align-items:stretch;min-height:11rem}@media (max-width:820px){.mqtt-arch-stage{grid-template-columns:1fr;min-height:0}.mqtt-arch-link{min-height:2.8rem}.mqtt-arch-wire{min-height:2.2rem}}.mqtt-arch-col{display:flex;flex-direction:column;gap:.4rem;min-width:0}.mqtt-arch-col-label{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.mqtt-arch-node{position:relative;display:flex;flex-direction:column;gap:.12rem;padding:.55rem .6rem .5rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);min-height:4.6rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.mqtt-arch-node.is-on{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.mqtt-arch-node.is-broker{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border-color:color-mix(in srgb,var(--accent) 35%,var(--line));flex:1 1;justify-content:center;min-height:8rem}.mqtt-arch-node.is-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent);border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.mqtt-arch-node.is-recv{animation:mqtt-recv-pulse .7s ease 2;border-color:color-mix(in srgb,#16a34a 55%,var(--line));background:color-mix(in srgb,#16a34a 10%,var(--bg))}.mqtt-arch-got{position:absolute;left:.45rem;bottom:.35rem;padding:.1rem .4rem;border-radius:999px;background:#16a34a;color:#fff;font-size:.65rem;font-weight:800;animation:mqtt-got-pop .45s ease}.mqtt-arch-icon{font-size:1.15rem;line-height:1}.mqtt-arch-node strong{font-size:.86rem}.mqtt-arch-node .muted{font-size:.72rem}.mqtt-arch-role{position:absolute;top:.4rem;right:.45rem;font-size:.65rem;font-weight:800;letter-spacing:.06em;color:var(--ink-secondary)}.mqtt-arch-broker-msg{margin-top:.35rem;align-self:flex-start;padding:.15rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);font-size:.7rem;font-weight:650}.mqtt-arch-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:0}.mqtt-arch-cloud{display:grid;place-items:center;width:100%;max-width:5.5rem;padding:.35rem .5rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--ink-secondary) 45%,var(--line));background:color-mix(in srgb,var(--ink-secondary) 6%,transparent);font-size:.68rem;font-weight:650;color:var(--ink-secondary)}.mqtt-arch-wire{position:relative;width:100%;flex:1 1;min-height:3.5rem;border-top:2px solid color-mix(in srgb,var(--accent) 35%,var(--line));margin-top:.85rem}.mqtt-arch-wire:after,.mqtt-arch-wire:before{content:"";position:absolute;top:-5px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 55%,var(--line))}.mqtt-arch-wire:before{left:0}.mqtt-arch-wire:after{right:0}.mqtt-arch-wire-split{margin-top:1.2rem}.mqtt-arch-pkt{position:absolute;top:-.95rem;left:0;z-index:2;max-width:6.5rem;padding:.18rem .45rem;border-radius:999px;background:#0f172a;color:#fde68a;font-size:.65rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px color-mix(in srgb,#0f172a 35%,transparent);animation:mqtt-pkt-fly .78s linear forwards}.mqtt-arch-pkt.is-rev{animation-name:mqtt-pkt-fly-rev}.mqtt-arch-pkt.is-top{top:-1.15rem}.mqtt-arch-pkt.is-bot{top:.35rem;animation-delay:.08s}.mqtt-arch-pkt.is-drop{left:50%;transform:translateX(-50%);animation:mqtt-pkt-fade .78s ease forwards;background:#7f1d1d;color:#fecaca}.mqtt-arch.is-flying.phase-0 .mqtt-arch-node.is-active .mqtt-arch-icon{animation:mqtt-send-bounce .5s ease}.mqtt-arch-live{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;min-height:1.35rem;font-size:.8rem}.mqtt-arch-live code{font-size:.75rem}.mqtt-arch-live-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);animation:mqtt-live-blink 1s ease infinite}.mqtt-flight-rail{display:flex;flex-direction:column;gap:.35rem}.mqtt-flight-track{position:relative;height:2.4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 18%,transparent 82%,color-mix(in srgb,var(--accent) 12%,transparent)),color-mix(in srgb,var(--ink) 4%,var(--bg));overflow:hidden}.mqtt-flight-mark{position:absolute;top:50%;left:.65rem;transform:translateY(-50%);z-index:1;font-size:.65rem;font-weight:700;color:var(--ink-secondary);pointer-events:none}.mqtt-flight-mark.is-mid{left:50%;transform:translate(-50%,-50%)}.mqtt-flight-mark.is-end{left:auto;right:.65rem}.mqtt-flight-bubble{position:absolute;top:50%;left:.5rem;z-index:2;transform:translateY(-50%);max-width:7.5rem;padding:.28rem .65rem;border-radius:999px;background:#0f172a;color:#fde68a;font-size:.74rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 2px color-mix(in srgb,#fde68a 35%,transparent);transition:left .65s linear,transform .65s linear}.mqtt-flight-rail.phase-0 .mqtt-flight-bubble{left:.5rem}.mqtt-flight-rail.phase-1 .mqtt-flight-bubble{left:28%}.mqtt-flight-rail.phase-2 .mqtt-flight-bubble{left:50%;transform:translate(-50%,-50%)}.mqtt-flight-rail.dir-downlink.phase-0 .mqtt-flight-bubble,.mqtt-flight-rail.phase-3 .mqtt-flight-bubble{left:calc(100% - 7.2rem)}.mqtt-flight-rail.dir-downlink.phase-1 .mqtt-flight-bubble{left:50%;transform:translate(-50%,-50%)}.mqtt-flight-rail.dir-downlink.phase-2 .mqtt-flight-bubble{left:28%;transform:translateY(-50%)}.mqtt-flight-rail.dir-downlink.phase-3 .mqtt-flight-bubble{left:.5rem;transform:translateY(-50%)}.mqtt-flight-rail.is-miss.phase-3 .mqtt-flight-bubble{left:50%;transform:translate(-50%,-50%);background:#7f1d1d;color:#fecaca;box-shadow:0 0 0 2px color-mix(in srgb,#fecaca 30%,transparent)}.mqtt-flight-legend{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.72rem;color:var(--ink-secondary)}.mqtt-flight-legend .is-on{color:var(--ink);font-weight:700}.mqtt-flight-hint{margin:0;font-size:.75rem}.mqtt-flight-rail.is-idle .mqtt-flight-track{opacity:.72}@keyframes mqtt-pkt-fly{0%{left:0;opacity:.3}10%{opacity:1}to{left:calc(100% - 4.5rem);opacity:1}}@keyframes mqtt-pkt-fly-rev{0%{left:calc(100% - 4.5rem);opacity:.3}10%{opacity:1}to{left:0;opacity:1}}@keyframes mqtt-pkt-fade{0%{opacity:0}30%{opacity:1}to{opacity:.55}}@keyframes mqtt-recv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes mqtt-send-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}@keyframes mqtt-live-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes mqtt-got-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.mqtt-app-toast{display:flex;flex-direction:column;gap:.15rem;margin-bottom:8px;padding:.5rem .65rem;border-radius:8px;border:1px solid color-mix(in srgb,#16a34a 35%,var(--line));background:color-mix(in srgb,#16a34a 10%,var(--bg-elevated));font-size:.82rem;animation:mqtt-got-pop .35s ease}.mqtt-app-toast.is-thirsty{border-color:color-mix(in srgb,#d97706 45%,var(--line));background:color-mix(in srgb,#f59e0b 14%,var(--bg-elevated))}.mqtt-app-toast strong{font-size:.88rem}.mqtt-app-toast-empty{margin:0 0 8px;font-size:.78rem}.mqtt-client.is-alert{border-color:color-mix(in srgb,#d97706 50%,var(--line))}.mqtt-lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-gap:12px;gap:12px;align-items:start}@media (max-width:900px){.mqtt-lab-workspace{grid-template-columns:1fr}}.mqtt-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.mqtt-lab-panel-sub{gap:8px}.mqtt-lab-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.mqtt-lab-panel-head h4{margin:0;font-size:.92rem}.mqtt-lab-panel-head .muted{font-size:.75rem;flex-shrink:0}.mqtt-link-btn{padding:3px 9px;font-size:.74rem;line-height:1.3;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-secondary);white-space:nowrap}.mqtt-link-btn.is-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));font-weight:700}.mqtt-field{display:grid;grid-gap:6px;gap:6px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.86rem}.mqtt-field-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px}.mqtt-field-label strong{font-family:var(--mono);color:var(--accent);font-size:1rem}.mqtt-field input[type=range]{width:100%;margin:0}.mqtt-thirsty{padding:1px 6px;font-size:.72rem;font-weight:700;color:#c0392b;background:color-mix(in srgb,#c0392b 12%,var(--bg));border-radius:999px}.mqtt-topic-row{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.mqtt-topic-row code{font-family:var(--mono);font-size:.82rem;color:var(--accent);word-break:break-all}.mqtt-opts{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}@media (max-width:520px){.mqtt-opts{grid-template-columns:1fr}}.mqtt-opt{display:flex;flex-direction:column;gap:6px;margin:0;padding:8px 10px;background:var(--bg);cursor:pointer;min-width:0}.mqtt-opt,.mqtt-opt select{border:1px solid var(--line);border-radius:var(--radius-sm)}.mqtt-opt select{width:100%;padding:6px 8px;background:var(--bg-elevated);color:var(--ink);font:inherit;font-size:.82rem}.mqtt-opt-retain.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.mqtt-retain-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;min-width:0;writing-mode:horizontal-tb;-webkit-text-orientation:mixed;text-orientation:mixed}.mqtt-retain-row input[type=checkbox]{flex:none;box-sizing:border-box;width:1rem;height:1rem;min-width:1rem;max-width:1rem;margin:0;padding:0;border:1px solid var(--line);accent-color:var(--accent);cursor:pointer;align-self:center}.mqtt-opt-hint{flex:1 1 auto;min-width:0;font-size:.78rem;color:var(--ink-secondary);line-height:1.35;font-weight:400;text-transform:none;letter-spacing:0;writing-mode:horizontal-tb}.mqtt-payload-wrap{display:flex;flex-direction:column;gap:4px}.mqtt-payload{margin:0;padding:8px 10px;font-family:var(--mono);font-size:.76rem;line-height:1.4;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm);overflow-x:auto;max-height:120px}.mqtt-ops{display:flex;flex-wrap:wrap;gap:8px}.mqtt-ops .btn{font-family:var(--mono);font-size:.82rem;flex:1 1 auto;min-width:7rem}.mqtt-ops .btn.is-live{border-color:var(--accent);color:var(--accent)}.mqtt-cmd-block{display:flex;flex-direction:column;gap:8px;margin-top:2px;padding:10px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 70%,var(--bg-elevated))}.mqtt-cmd-topic{font-family:var(--mono);font-size:.72rem;color:var(--ink-secondary)}.mqtt-clients{display:grid;grid-gap:8px;gap:8px}.mqtt-client{padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);opacity:.65}.mqtt-client.is-on{opacity:1;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.mqtt-client-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mqtt-client-head strong{font-size:.86rem}.mqtt-client-subs{display:flex;flex-wrap:wrap;gap:6px}.mqtt-client-subs button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--mono);font-size:.7rem;line-height:1.3;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis}.mqtt-client-subs button.is-on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));font-weight:700}.mqtt-sub-mark{font-weight:700;opacity:.75}.mqtt-client.mqtt-dash{opacity:1;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--ink) 4%,var(--bg-elevated))}.mqtt-client.mqtt-dash.is-offline{border-style:dashed}.mqtt-dash-bezel{border-radius:12px;padding:8px;background:linear-gradient(160deg,#1e293b,#0f172a 55%,#020617);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent),0 8px 20px color-mix(in srgb,#0f172a 28%,transparent)}.mqtt-dash-bezel.is-flash{animation:mqtt-dash-flash .85s ease}.mqtt-dash-chrome{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;padding:0 .15rem;color:#94a3b8;font-size:.65rem;letter-spacing:.08em;font-weight:700}.mqtt-dash-dot{width:.45rem;height:.45rem;border-radius:50%;background:#64748b;box-shadow:0 0 0 2px color-mix(in srgb,#64748b 30%,transparent)}.mqtt-dash-link.is-live{color:#4ade80}.mqtt-dash-chrome:has(.mqtt-dash-link.is-live) .mqtt-dash-dot{background:#22c55e;box-shadow:0 0 0 2px color-mix(in srgb,#22c55e 35%,transparent)}.mqtt-dash-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mqtt-dash-link{margin-left:auto;flex-shrink:0;color:#64748b}.mqtt-dash-screen{display:flex;flex-direction:column;gap:.65rem;min-height:8.5rem;padding:.75rem .8rem;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,#22c55e 8%,transparent),transparent 40%),#020617;color:#e2e8f0;border:1px solid #1e293b}.mqtt-dash-screen.is-blank,.mqtt-dash-screen.is-wait{align-items:center;justify-content:center;text-align:center;gap:.35rem;color:#94a3b8}.mqtt-dash-screen.is-blank p,.mqtt-dash-screen.is-wait p{margin:0;font-size:.95rem;font-weight:700;color:#cbd5e1}.mqtt-dash-screen.is-blank span,.mqtt-dash-screen.is-wait span{font-size:.72rem;line-height:1.4;max-width:22ch}.mqtt-dash-screen.is-wait code{color:#7dd3fc;font-size:.7rem}.mqtt-dash-screen.is-alert{background:linear-gradient(180deg,color-mix(in srgb,#f59e0b 14%,transparent),transparent 45%),#020617;border-color:color-mix(in srgb,#f59e0b 40%,#1e293b)}.mqtt-dash-screen.is-ok{border-color:color-mix(in srgb,#22c55e 35%,#1e293b)}.mqtt-dash-metric-label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:.15rem}.mqtt-dash-metric-value{display:flex;align-items:baseline;gap:.15rem;font-size:2.35rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;color:#f8fafc;text-shadow:0 0 18px color-mix(in srgb,#22c55e 35%,transparent)}.mqtt-dash-screen.is-alert .mqtt-dash-metric-value{color:#fde68a;text-shadow:0 0 18px color-mix(in srgb,#f59e0b 40%,transparent)}.mqtt-dash-metric-value small{font-size:1rem;font-weight:700;opacity:.85}.mqtt-dash-bar{margin-top:.55rem;height:.45rem;border-radius:999px;background:#1e293b;overflow:hidden}.mqtt-dash-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .35s ease}.mqtt-dash-screen.is-alert .mqtt-dash-bar i{background:linear-gradient(90deg,#d97706,#fbbf24)}.mqtt-dash-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem .65rem;gap:.4rem .65rem;padding-top:.35rem;border-top:1px solid #1e293b;font-size:.72rem}.mqtt-dash-k{display:block;color:#64748b;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.1rem}.mqtt-dash-meta strong{font-weight:650;color:#e2e8f0}.mqtt-dash-meta code{color:#7dd3fc;font-size:.68rem;word-break:break-all}.mqtt-dash-subs{margin-top:0}@keyframes mqtt-dash-flash{0%,to{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent),0 8px 20px color-mix(in srgb,#0f172a 28%,transparent)}40%{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent),0 0 0 3px color-mix(in srgb,#22c55e 35%,transparent),0 8px 24px color-mix(in srgb,#22c55e 25%,transparent)}}.mqtt-retain-note{margin:0;padding:6px 8px;font-size:.78rem;color:var(--ink-secondary);line-height:1.4;background:color-mix(in srgb,var(--accent) 6%,var(--bg));border-radius:var(--radius-sm)}.mqtt-retain-note code{font-family:var(--mono);color:var(--accent)}.mqtt-feeds{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;min-height:0}@media (max-width:1100px){.mqtt-feeds{grid-template-columns:1fr}}.mqtt-log,.mqtt-packets{display:flex;flex-direction:column;min-height:140px;max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.mqtt-log-head,.mqtt-packets-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:5px 10px;font-size:.72rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,var(--ink-secondary))}.mqtt-packets-empty{margin:0;padding:12px 10px;font-size:.78rem}.mqtt-log ul,.mqtt-packets ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:6px}.mqtt-packets li{display:grid;grid-gap:2px;gap:2px;font-size:.76rem;line-height:1.35;padding-bottom:6px;border-bottom:1px dashed var(--line)}.mqtt-packets li:last-child{border-bottom:0;padding-bottom:0}.mqtt-pkt-top{display:flex;justify-content:space-between;gap:8px}.mqtt-pkt-meta,.mqtt-pkt-time{font-family:var(--mono);color:var(--ink-secondary);font-size:.68rem}.mqtt-pkt-topic{font-family:var(--mono);color:var(--accent);font-size:.76rem;word-break:break-all}.mqtt-pkt-route{color:var(--ink-secondary);font-size:.74rem}.mqtt-log li{font-size:.78rem;line-height:1.4;color:var(--ink-secondary)}.mqtt-log li.is-pub{font-family:var(--mono);color:var(--ink);font-size:.74rem}.mqtt-log li.is-sub{color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.mqtt-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.mqtt-log li.is-warn{color:#c0392b}.mqtt-lab-tips{margin:0;padding:8px 10px 8px 1.2rem;font-size:.8rem;color:var(--ink-secondary);line-height:1.45;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.mqtt-lab-tips li+li{margin-top:3px}.mqtt-lab-tips strong{color:var(--ink)}.vr-lab{flex-direction:column}.vr-lab,.vr-lab-head{display:flex;gap:12px}.vr-lab-head{align-items:flex-start;justify-content:space-between}.vr-lab-head h3{margin:0 0 4px}.vr-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:54ch}.vr-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.vr-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.vr-lab-workspace{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:12px;gap:12px;min-height:0}@media (max-width:860px){.vr-lab-workspace{grid-template-columns:1fr}}.vr-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.vr-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.vr-lab-panel-head h4{margin:0;font-size:.95rem}.vr-lab-panel-head .muted{font-size:.78rem}.vr-frames{display:grid;grid-gap:10px;gap:10px}.vr-frame{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.vr-frame.is-fn.is-value{border-color:color-mix(in srgb,#c0392b 40%,var(--line));background:color-mix(in srgb,#c0392b 5%,var(--bg))}.vr-frame.is-fn.is-ref{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.vr-frame-head{margin-bottom:8px;font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--ink-secondary)}.vr-frame-empty{margin:0;padding:12px 4px;font-size:.84rem;text-align:center;line-height:1.45}.vr-cells{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.vr-cell{position:relative;padding:10px;text-align:center;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-sm);transition:background .2s ease,border-color .2s ease}.vr-cell.is-hot{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));border-color:var(--accent)}.vr-cell.is-copy{border-style:dashed}.vr-cell.is-alias{border-color:var(--accent)}.vr-cell-addr{font-family:var(--mono);font-size:.7rem;color:var(--ink-secondary)}.vr-cell-name{margin:4px 0 2px;font-weight:700;font-size:.95rem}.vr-cell-val code{font-family:var(--mono);font-size:1.15rem;font-weight:700;color:var(--accent)}.vr-cell-note{margin-top:4px;font-size:.72rem;color:var(--accent);font-weight:600}.vr-cell-tag{margin-top:6px;font-size:.7rem;font-weight:700;color:#c0392b}.vr-cell-tag.is-alias-tag{color:var(--accent)}.vr-compare{display:grid;grid-gap:6px;gap:6px}.vr-compare-item{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;font-size:.8rem;line-height:1.4;color:var(--ink-secondary);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.vr-compare-item strong{color:var(--ink);font-size:.82rem}.vr-ops{display:flex;flex-wrap:wrap;gap:8px}.vr-ops .btn{font-family:var(--mono);font-size:.82rem}.vr-ops .btn:disabled{opacity:.55;cursor:not-allowed}.vr-code{margin:0;padding:10px 12px;font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;background:#1e1e1e;color:#d4d4d4;border-radius:var(--radius-sm);overflow-x:auto}.vr-log{display:flex;flex-direction:column;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.vr-log-head{padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line)}.vr-log ul{margin:0;padding:6px 10px 8px;list-style:none;display:flex;flex-direction:column;gap:4px}.vr-log li{font-size:.8rem;line-height:1.4;color:var(--ink-secondary)}.vr-log li.is-code{font-family:var(--mono);color:var(--ink)}.vr-log li.is-ok{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.vr-log li.is-warn{color:#c0392b}.vr-lab-tips{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;color:var(--ink-secondary);line-height:1.5}.vr-lab-tips li+li{margin-top:4px}.vr-lab-tips strong{color:var(--ink)}.asm-lab{display:flex;flex-direction:column;gap:12px}.asm-lab-head h3{margin:0 0 4px}.asm-lab-lead{margin:0;font-size:.88rem;color:var(--ink-secondary);line-height:1.45;max-width:54ch}.asm-lab-motto{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;font-size:.82rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.asm-lab-motto span:before{content:"\2022 ";color:var(--accent);font-weight:700}.asm-pipeline{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.asm-pipe-wrap{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}.asm-pipe-arrow{font-family:var(--mono);color:var(--ink-secondary);font-weight:700;flex-shrink:0}.asm-pipe-node{flex:1 1;padding:8px 10px;text-align:center;font-size:.82rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-sm);opacity:.45}.asm-pipe-node.is-on{opacity:1;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.asm-pipe-node.is-cpu{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.asm-samples{display:flex;flex-wrap:wrap;gap:6px}.asm-samples button{padding:6px 10px;font-size:.8rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.asm-samples button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:700}.asm-sample-blurb{margin:-4px 0 0;font-size:.82rem}.asm-lab-workspace{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:12px;gap:12px}@media (max-width:900px){.asm-lab-workspace{grid-template-columns:1fr}}.asm-lab-panel{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius)}.asm-lab-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.asm-lab-panel-head h4{margin:0;font-size:.95rem}.asm-lab-panel-head .muted{font-size:.75rem}.asm-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}@media (max-width:560px){.asm-layers{grid-template-columns:1fr}}.asm-layers button{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.asm-layers button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.asm-layer-num{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--accent)}.asm-layer-title{font-size:.86rem;font-weight:700}.asm-layer-role{font-size:.72rem;color:var(--ink-secondary)}.asm-code-chrome{border:1px solid #333;border-radius:var(--radius-sm);overflow:hidden;background:#1e1e1e}.asm-code-meta{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;font-size:.75rem;color:#c8c8c8;background:#252526;border-bottom:1px solid #333}.asm-code-meta .muted{color:#9e9e9e}.asm-code{padding:12px;font-family:var(--mono);line-height:1.5;white-space:pre-wrap;color:#d4d4d4;min-height:7.5rem}.asm-code,.asm-notes{margin:0;font-size:.82rem}.asm-notes{padding:0 0 0 1.1rem;color:var(--ink-secondary);line-height:1.45}.asm-notes li+li{margin-top:3px}.asm-ops{display:flex;flex-wrap:wrap;gap:8px}.asm-ops .btn:disabled{opacity:.5;cursor:not-allowed}.asm-map{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}.asm-map li,.asm-map-head{display:grid;grid-template-columns:1fr 1.2fr .9fr;grid-gap:6px;gap:6px;padding:6px 8px;font-size:.74rem}.asm-map-head{font-weight:700;color:var(--ink-secondary);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,var(--ink-secondary))}.asm-map ul{margin:0;padding:0;list-style:none}.asm-map li{border-bottom:1px dashed var(--line);align-items:start}.asm-map li:last-child{border-bottom:0}.asm-map code{font-family:var(--mono);font-size:.72rem;color:var(--ink);word-break:break-word}.asm-strategy{display:flex;gap:6px}.asm-strategy button{flex:1 1;padding:8px 10px;font-size:.82rem;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.asm-strategy button.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:700}.asm-strategy-note{margin:0;font-size:.82rem;color:var(--ink-secondary);line-height:1.45}.asm-cpu,.asm-why{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.asm-cpu-head{font-size:.78rem;font-weight:700;margin-bottom:6px}.asm-cpu ol,.asm-cpu-head{color:var(--ink-secondary)}.asm-cpu ol{margin:0;padding:0 0 0 1.15rem;font-size:.8rem;line-height:1.45}.asm-cpu li+li{margin-top:4px}.asm-cpu strong{color:var(--ink)}.asm-why strong{display:block;font-size:.84rem;margin-bottom:4px}.asm-why p{font-size:.8rem;line-height:1.45}.asm-lab-tips,.asm-why p{margin:0;color:var(--ink-secondary)}.asm-lab-tips{padding:0 0 0 1.1rem;font-size:.84rem;line-height:1.5}.asm-lab-tips li+li{margin-top:4px}.asm-lab-tips strong{color:var(--ink)}.chain-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chain-steps button{border:1px solid var(--line);background:var(--bg);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer}.chain-steps button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.theme-pending{visibility:hidden}.theme-ready{visibility:visible}.tb-lesson-title{font-family:var(--font-display-family);font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;line-height:1.35;margin:0 0 12px;letter-spacing:.01em}.textbook{max-width:none;width:100%;font-size:1.02rem;line-height:1.75;color:var(--ink)}.tb-subtitle{margin:0 0 16px;color:var(--ink-secondary);font-size:.98rem;line-height:1.65}.tb-goals{margin:0 0 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-muted)}.tb-goals[open]{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:var(--accent-soft)}.tb-goals-summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 12px;font-size:.9rem;font-weight:600;color:var(--ink-secondary);line-height:1.4}.tb-goals[open]>.tb-goals-summary{color:var(--accent);padding-bottom:6px}.tb-goals-summary::-webkit-details-marker{display:none}.tb-goals-summary:before{content:"";width:.45em;height:.45em;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);transition:transform .15s ease;flex-shrink:0;opacity:.7}.tb-goals[open]>.tb-goals-summary:before{transform:rotate(45deg)}.tb-goals-count{margin-left:auto;font-size:.82rem;font-weight:500;color:var(--ink-secondary);opacity:.8}.tb-goals ul{margin:0;padding:0 12px 10px 1.85em}.tb-goals li{margin-bottom:4px;line-height:1.5;font-size:.95rem}.tb-goals li:last-child{margin-bottom:0}.tb-body{display:flex;flex-direction:column;gap:0}.tb-read-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 1rem}.tb-read-seg{display:inline-flex;padding:0;border-radius:0;gap:2px}.tb-read-seg,.tb-read-seg>button{border:none;background:transparent}.tb-read-seg>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--ink-secondary);border-radius:var(--radius-sm);padding:3px 8px;font-size:.78rem;font-weight:600;cursor:pointer}.tb-read-seg>button.active{background:transparent;color:var(--ink);box-shadow:none;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent)}.tb-read-seg>button:disabled{opacity:.35;cursor:not-allowed}.tb-speech-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.tb-speech-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-secondary);border-radius:var(--radius-sm);padding:3px 8px;font-size:.78rem;font-weight:600;cursor:pointer}.tb-speech-btn:hover{color:var(--ink);background:var(--bg-muted)}.tb-speech-line{margin:0 0 14px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--celebrate) 40%,var(--line));background:color-mix(in srgb,var(--celebrate) 12%,var(--bg));font-size:.95rem;line-height:1.55;animation:tb-speech-pulse 1.2s ease infinite alternate}.tb-speech-label{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--celebrate);background:color-mix(in srgb,var(--celebrate) 28%,var(--bg));vertical-align:.1em}@keyframes tb-speech-pulse{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--celebrate) 18%,transparent)}}.tb-cards-read-count{font-weight:600;color:var(--success)}.tb-cards-dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tb-card-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);cursor:pointer}.tb-card-dot.current{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.tb-card-dot.read:not(.current){border-color:var(--success);background:color-mix(in srgb,var(--success) 55%,var(--bg))}.tb-card-done-btn{border-color:color-mix(in srgb,var(--success) 40%,var(--line))!important;color:var(--success)!important}.tb-cards{display:grid;grid-gap:14px;gap:14px}.tb-cards-progress{display:grid;grid-gap:6px;gap:6px;font-size:.85rem;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.tb-cards-meter{height:6px;border-radius:999px;background:color-mix(in srgb,var(--line) 85%,transparent);overflow:hidden}.tb-cards-meter>div{height:100%;background:linear-gradient(90deg,var(--success),var(--accent));transition:width .3s ease}.tb-card-stage{padding:14px 14px 8px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent-soft) 40%,var(--bg));min-height:12rem}.tb-card-kicker{margin:0 0 8px;font-size:.8rem;font-weight:650;letter-spacing:.04em}.tb-card-body .tb-h2:first-child{margin-top:0}.tb-cards-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.tb-cards-nav-mid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tb-block-wrap{scroll-margin-top:72px}.tb-lead{font-size:1.06rem;line-height:1.8;margin:0 0 16px;padding-bottom:14px;border-bottom:1px dashed var(--line)}.tb-h2{margin:22px 0 10px;font-size:1.18rem;line-height:1.4;padding-left:10px;border-left:3px solid var(--accent)}.tb-h3{margin:16px 0 8px;font-size:1.05rem;color:var(--ink)}.tb-p{margin:0 0 12px;text-align:justify;text-justify:inter-ideograph}.tb-ol,.tb-ul{margin:0 0 14px;padding-left:1.35em}.tb-ol li,.tb-ul li{margin-bottom:6px;line-height:1.6}.tb-callout{margin:14px 0;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated)}.tb-callout strong{display:block;margin-bottom:6px;font-size:.92rem}.tb-callout p{margin:0;line-height:1.65;font-size:.98rem}.tb-callout.tone-tip{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.tb-callout.tone-warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:var(--warn-soft)}.tb-callout.tone-story{border:1px solid var(--line);background:var(--bg-muted)}.tb-callout.tone-key{border-color:color-mix(in srgb,var(--points) 45%,var(--line));background:color-mix(in srgb,var(--points) 12%,var(--bg-elevated))}.tb-aside{margin:12px 0;padding:10px 12px;font-size:.92rem;color:var(--ink-secondary);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.tb-aside strong{display:block;margin-bottom:4px;color:var(--ink)}.tb-aside p{margin:0}.tb-example{margin:16px 0;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow)}.tb-example h4{margin:0 0 8px;font-size:1rem;color:var(--accent)}.tb-example>p{margin:0 0 8px}.tb-code{margin:8px 0;padding:10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var(--mono);font-size:.85rem;line-height:1.5;background:var(--ide-chrome);color:#e6edf3;border-radius:var(--radius-sm);white-space:pre}.tb-example-explain{margin:8px 0 0!important;color:var(--ink-secondary);font-size:.95rem}.tb-figure{margin:18px 0;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated)}.tb-figure-title{font-weight:700;font-size:.95rem;margin:0 0 12px;color:var(--ink)}.tb-caption{margin:12px 0 0;font-size:.88rem;color:var(--ink-secondary);line-height:1.55}.tb-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.tb-flow li{display:flex;align-items:center;gap:8px;flex:1 1 140px;min-width:0;padding:10px;background:var(--bg-muted);border-radius:var(--radius-sm);font-size:.92rem;line-height:1.4}.tb-flow-num{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700}.tb-flow-arrow{display:none}.tb-cycle{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.tb-cycle-item{width:min(100%,280px);padding:10px 12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:var(--radius-sm)}.tb-cycle-item span{display:block;margin-top:4px;color:var(--accent)}.tb-cycle-back{margin-top:4px;font-size:.88rem;color:var(--ink-secondary)}.tb-compare{display:flex;flex-direction:column;gap:0}.tb-compare-row{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.tb-compare-row:first-child{padding-top:0}.tb-compare-row:last-child{padding-bottom:0;border-bottom:none}.tb-compare-label{font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:8px}.tb-compare-cols{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;align-items:stretch}.tb-compare-cols .left,.tb-compare-cols .right{padding:10px 12px;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5;background:var(--bg);border:1px solid var(--line)}.tb-compare-cols .left{background:color-mix(in srgb,var(--bg-muted) 80%,var(--bg))}.tb-compare-cols .right{background:var(--bg)}.tb-compare-cols .vs{display:grid;place-items:center;font-size:1rem;font-weight:600;color:var(--ink-secondary);letter-spacing:0;padding:0 2px;opacity:.75}@media (max-width:520px){.tb-compare-cols{grid-template-columns:1fr}.tb-compare-cols .vs{writing-mode:horizontal-tb;padding:2px 0;justify-self:center}}.tb-layers{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.tb-layer{padding:11px 14px;text-align:left;font-size:.94rem;line-height:1.45;border:none;border-radius:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-muted) 70%,var(--bg))}.tb-layer:nth-child(odd){background:color-mix(in srgb,var(--accent-soft) 35%,var(--bg-muted))}.tb-layer:last-child{border-bottom:none}.tb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tb-table-wrap .table{width:100%;border-collapse:collapse;font-size:.88rem}.tb-table-wrap td,.tb-table-wrap th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.tb-table-wrap th{background:var(--bg-muted);font-weight:600}.tb-scene{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;justify-content:center}.tb-scene .board,.tb-scene .box,.tb-scene .crate,.tb-scene .drawer,.tb-scene .mem,.tb-scene .ship,.tb-scene .zone{flex:1 1 120px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--line);text-align:center;font-size:.9rem;line-height:1.45}.tb-scene .mem .tag,.tb-scene .zone strong{display:block;margin-bottom:4px}.tb-scene .arrow,.tb-scene .pass{flex:0 0 auto;display:grid;place-items:center;padding:8px;font-size:.85rem;color:var(--accent);font-weight:600}.tb-scene.restaurant .front{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated))}.tb-scene.restaurant .back{background:color-mix(in srgb,var(--warn) 12%,var(--bg-elevated))}.tb-scene.boxes .mem{display:flex;flex-direction:column;gap:4px}.tb-scene.boxes .cell{font-size:1.2rem;font-weight:700;font-family:var(--mono)}.tb-scene.boxes .addr{font-size:.8rem;color:var(--ink-secondary)}.tb-scene.publish .board{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.tb-scene.container .ship{flex-basis:100%;background:var(--accent-soft)}.tb-scene.four-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:stretch;max-width:560px;margin-inline:auto}.tb-four-part{margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-muted)}.tb-four-part-media{aspect-ratio:16/10;max-height:132px;overflow:hidden;background:var(--bg)}.tb-four-part-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tb-four-part figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.tb-four-part strong{font-size:.95rem;color:var(--ink)}.tb-four-part-meta{font-size:.82rem;color:var(--ink-secondary);line-height:1.4}@media (max-width:560px){.tb-scene.four-parts{grid-template-columns:1fr}}.tb-scene.logo-tool{flex-direction:column;align-items:center;gap:10px;padding:4px 0 0;background:transparent;border:none;border-radius:0}.tb-tool-logo-frame{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;min-height:120px;padding:16px 20px;background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.tb-scene .tb-tool-logo{display:block;max-width:min(200px,85%);max-height:110px;width:auto;height:auto;object-fit:contain}.tb-scene .tb-tool-logo-note{margin:0;max-width:36rem;text-align:center;font-size:.88rem;color:var(--ink-secondary);line-height:1.55}.tb-illust{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:8px 4px}.tb-illust-zoom{display:block;margin:0;padding:0;border:none;background:none;cursor:zoom-in;max-width:min(100%,360px);width:100%;border-radius:var(--radius-sm);line-height:0}.tb-illust-zoom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb-illust img{display:block;max-width:100%;width:100%;height:auto;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 6%,var(--bg-muted));border:1px solid var(--line)}.tb-illust-pair .tb-illust-zoom{max-width:min(100%,200px);flex:1 1 160px}.tb-illust-logos{gap:10px;padding:4px 0 2px;align-items:stretch;justify-content:center}.tb-illust-logos .tb-illust-zoom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:none;width:auto;flex:0 1 120px;min-width:96px;padding:14px 12px 12px;background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:zoom-in;line-height:1.3}.tb-illust-logos .tb-illust-zoom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb-illust-logos img{width:52px;height:52px;object-fit:contain;background:transparent;border:none;border-radius:0}.tb-illust-logo-label{display:block;max-width:7.5rem;text-align:center;font-size:.8rem;font-weight:600;color:var(--ink-secondary);line-height:1.35;word-break:break-word}.tb-illust-logos:has(.tb-illust-zoom:only-child) .tb-illust-zoom{flex:0 1 160px;min-width:140px;padding:18px 20px 14px}.tb-illust-logos:has(.tb-illust-zoom:only-child) img{width:64px;height:64px}.tb-illust-photo{padding:2px 0}.tb-illust-photo .tb-illust-zoom{max-width:min(100%,420px)}.tb-illust-photo img{width:100%;height:auto;max-height:280px;object-fit:cover;object-position:center;background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.tb-illust-photo.tb-illust-pair .tb-illust-zoom{max-width:min(100%,240px);flex:1 1 180px}.tb-illust-photo.tb-illust-pair img{max-height:200px}.tb-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#000 72%,transparent);cursor:zoom-out}.tb-lightbox img{display:block;max-width:min(96vw,920px);max-height:90vh;width:auto;height:auto;border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 12px 40px color-mix(in srgb,#000 45%,transparent);pointer-events:none}.tb-summary{margin:24px 0 8px;padding:14px;border-radius:var(--radius);background:var(--bg-muted);border:1px solid var(--line)}.tb-summary h3{margin:0 0 10px;font-size:1rem;color:var(--accent)}.tb-summary ol{margin:0;padding-left:1.3em}.tb-summary li{margin-bottom:6px;line-height:1.55}.tb-practice{margin-top:20px;padding-top:12px;border-top:1px dashed var(--line)}.tb-practice h3{margin:0 0 8px;font-size:1rem}@media (max-width:899px){.textbook{font-size:1rem}.tb-p{text-align:start}}.tb-config,.tb-install,.tb-project{margin:16px 0;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:var(--shadow)}.tb-install-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.tb-install-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin:0;padding:8px;min-width:56px;min-height:56px;background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius-sm)}.tb-install-logos.is-multi{min-width:0;max-width:120px}.tb-install-logo{width:36px;height:36px;object-fit:contain;flex:0 0 auto;display:block}.tb-install-logos.is-multi .tb-install-logo{width:28px;height:28px}.tb-install-head-text{flex:1 1 auto;min-width:0}.tb-config h4,.tb-install-title,.tb-project h4{margin:0 0 6px;color:var(--accent);font-size:1.05rem;line-height:1.35}.tb-install-purpose{margin:0;color:var(--ink-secondary);line-height:1.6;font-size:.95rem}.tb-install-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:14px}@media (max-width:640px){.tb-install-links{grid-template-columns:1fr}}.tb-install-links strong{display:block;margin-bottom:6px;font-size:.9rem}.tb-install-links ul{margin:0;padding-left:1.2em;font-size:.92rem}.tb-install-links li{margin-bottom:4px;line-height:1.45;word-break:break-all}.tb-install-os{margin:12px 0;padding:10px 12px;background:var(--bg-muted);border-radius:var(--radius-sm)}.tb-install-os h5{margin:0 0 8px;font-size:.95rem}.tb-config ol,.tb-install-os ol,.tb-install-verify ol,.tb-project ol{margin:0;padding-left:1.3em}.tb-config li,.tb-install-os li,.tb-install-verify li,.tb-project li{margin-bottom:6px;line-height:1.55}.tb-install-trouble,.tb-install-verify{margin-top:12px}.tb-install-trouble strong,.tb-install-verify strong,.tb-project strong{display:block;margin-bottom:6px}.tb-install-verify code{font-family:var(--mono);font-size:.85rem;word-break:break-all}.tb-install-trouble ul,.tb-project ul{margin:0 0 10px;padding-left:1.3em}.tb-config-note{margin:8px 0 0;font-size:.92rem;color:var(--ink-secondary)}@counter-style tb-zh-section{system:fixed;symbols:"\4E00" "\4E8C" "\4E09" "\56DB" "\4E94" "\516D" "\4E03" "\516B" "\4E5D" "\5341" "\5341\4E00" "\5341\4E8C" "\5341\4E09" "\5341\56DB" "\5341\4E94" "\5341\516D" "\5341\4E03" "\5341\516B" "\5341\4E5D" "\4E8C\5341" "\4E8C\5341\4E00" "\4E8C\5341\4E8C" "\4E8C\5341\4E09" "\4E8C\5341\56DB" "\4E8C\5341\4E94" "\4E8C\5341\516D" "\4E8C\5341\4E03" "\4E8C\5341\516B" "\4E8C\5341\4E5D" "\4E09\5341";suffix:""}.textbook.tb-mode-continuous{font-size:1.045rem;line-height:1.78}.textbook.tb-mode-continuous .tb-body{max-width:none;counter-reset:tb-h2}.textbook.tb-mode-continuous .tb-h2{counter-increment:tb-h2}.textbook.tb-mode-continuous .tb-h2:before{content:counter(tb-h2,tb-zh-section) "\3001";color:color-mix(in srgb,var(--ink-secondary) 55%,var(--accent));font-weight:700;margin-right:.2em}.textbook.tb-mode-continuous .tb-goals{margin:0 0 1.35rem;border:none;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:transparent}.textbook.tb-mode-continuous .tb-goals[open]{border-color:color-mix(in srgb,var(--line) 70%,transparent);background:transparent}.textbook.tb-mode-continuous .tb-goals-summary{padding:.35rem 0;font-weight:600;color:var(--ink-secondary)}.textbook.tb-mode-continuous .tb-goals[open]>.tb-goals-summary{color:var(--ink-secondary);padding-bottom:.35rem}.textbook.tb-mode-continuous .tb-goals ul{padding:0 0 .75rem 1.35em}.textbook.tb-mode-continuous .tb-read-toolbar{margin:0 0 1.35rem;padding-bottom:0;border-bottom:none;opacity:.92}.textbook.tb-mode-continuous .tb-lead{font-size:1.08rem;line-height:1.85;margin:0 0 1.5rem;padding:0;border:none;color:var(--ink)}.textbook.tb-mode-continuous .tb-p{margin:0 0 1.05rem;line-height:1.85}.textbook.tb-mode-continuous .tb-code{margin:.85rem 0 1.15rem;padding:12px 14px;border:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.textbook.tb-mode-continuous .tb-ol,.textbook.tb-mode-continuous .tb-ul{margin:.15rem 0 1rem}.textbook.tb-mode-continuous .tb-h2{margin:1.75rem 0 .65rem;padding:0 0 .4rem;border:none;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-family:var(--font-display-family,var(--font));font-size:1.2rem;font-weight:700;line-height:1.35;letter-spacing:.01em;color:var(--ink)}.textbook.tb-mode-continuous .tb-h3{margin:1.35rem 0 .5rem;font-size:1.06rem;font-weight:700}.textbook.tb-mode-continuous .tb-callout{margin:14px 0;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:none}.textbook.tb-mode-continuous .tb-callout.tone-tip{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.textbook.tb-mode-continuous .tb-callout.tone-warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:var(--warn-soft)}.textbook.tb-mode-continuous .tb-callout.tone-story{border:1px solid var(--line);background:var(--bg-muted);font-style:normal;color:var(--ink)}.textbook.tb-mode-continuous .tb-callout.tone-key{border:1px solid color-mix(in srgb,var(--points) 45%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--points) 12%,var(--bg-elevated));padding:12px 14px;margin:14px 0}.textbook.tb-mode-continuous .tb-callout strong{display:block;margin-bottom:6px;font-size:.92rem;letter-spacing:0;color:var(--ink);font-weight:700}.textbook.tb-mode-continuous .tb-example{margin:1.05rem 0 1.2rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.textbook.tb-mode-continuous .tb-example h4{margin:0 0 .35rem;font-size:1.02rem;font-weight:700;letter-spacing:0;color:var(--ink)}.textbook.tb-mode-continuous .tb-example-setup{margin:0 0 .55rem!important;color:var(--ink-secondary);font-size:.96rem;line-height:1.65}.textbook.tb-mode-continuous .tb-example .tb-code{margin:.2rem 0 .45rem;border-radius:6px}.textbook.tb-mode-continuous .tb-example-explain{margin:.35rem 0 0!important;padding:0;color:var(--ink-secondary);font-size:.95rem;line-height:1.65}.textbook.tb-mode-continuous .tb-figure{margin:1.15rem 0 1.35rem;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.textbook.tb-mode-continuous .tb-figure-title{margin:0 0 10px;font-size:.95rem;font-weight:700;color:var(--ink)}.textbook.tb-mode-continuous .tb-caption{margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.textbook.tb-mode-continuous .tb-cycle-item,.textbook.tb-mode-continuous .tb-flow li{border:1px solid var(--line);box-shadow:none;background:var(--bg)}.textbook.tb-mode-continuous .tb-layers{border-color:var(--line)}.textbook.tb-mode-continuous .tb-compare-cols .left,.textbook.tb-mode-continuous .tb-compare-cols .right,.textbook.tb-mode-continuous .tb-layer{box-shadow:none}.textbook.tb-mode-continuous .tb-compare-cols .left{background:color-mix(in srgb,var(--bg-muted) 80%,var(--bg));border:1px solid var(--line)}.textbook.tb-mode-continuous .tb-compare-cols .right{background:var(--bg);border:1px solid var(--line)}.textbook.tb-mode-continuous .tb-summary{margin:1.75rem 0 .25rem;padding:.95rem 0 0;border:none;border-radius:0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:transparent}.textbook.tb-mode-continuous .tb-summary h3{margin-bottom:.55rem;color:var(--ink);font-size:1.02rem}.textbook.tb-mode-continuous .tb-config,.textbook.tb-mode-continuous .tb-install,.textbook.tb-mode-continuous .tb-project{margin:16px 0;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:none}.textbook.tb-mode-continuous .tb-install-head{margin-bottom:12px;padding-bottom:10px}.textbook.tb-mode-continuous .tb-illust-logos .tb-illust-zoom,.textbook.tb-mode-continuous .tb-install-logos,.textbook.tb-mode-continuous .tb-tool-logo-frame{background:var(--bg);box-shadow:none}.textbook.tb-mode-continuous .tb-install-os{background:var(--bg-muted);padding:10px 12px}@media (max-width:640px){.tb-install-head{flex-direction:column;align-items:stretch;gap:10px}.tb-install-logos,.tb-install-logos.is-multi{align-self:flex-start;max-width:none}.tb-illust-logos .tb-illust-zoom{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 10px);min-width:88px}}@media (max-width:899px){.textbook.tb-mode-continuous .tb-body{max-width:none}}.path-switch{display:flex;flex-wrap:wrap;gap:4px;margin:0}.path-switch button{border:1px solid transparent;background:transparent;color:var(--ink-secondary);padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-weight:600}.path-switch button:hover{color:var(--ink);background:color-mix(in srgb,var(--bg-muted) 70%,transparent)}.path-switch button.active{background:color-mix(in srgb,var(--accent-soft) 80%,transparent);color:var(--accent-hover);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.career-guide{margin:10px 0 0;display:grid;grid-gap:10px;gap:10px}.career-flow{font-weight:600;color:var(--ink)}.career-start{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 88%,var(--accent-soft))}.career-start-btn{flex:0 0 auto}.career-start-copy{flex:1 1 12rem;min-width:0;display:grid;grid-gap:2px;gap:2px}.career-start-title{margin:0;font-size:.95rem;font-weight:650;line-height:1.35;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.career-start-meta{margin:0;font-size:.82rem;line-height:1.4}.career-free-inline{font-weight:500}.career-filter-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px}.career-path-primary{flex:1 1 auto;min-width:0;padding:3px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.career-path-primary button{padding:6px 10px}.career-filter-more{position:relative;flex:0 0 auto;margin:0;border-radius:var(--radius-sm);border:1px solid var(--line);padding:0 10px;background:var(--bg-elevated)}.career-filter-more>summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:7px 0;font-size:.82rem;font-weight:600;color:var(--ink-secondary);list-style:none;display:flex;align-items:center;gap:.45em;white-space:nowrap}.career-filter-more>summary::-webkit-details-marker{display:none}.career-filter-more>summary:before{content:"";width:.35em;height:.35em;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);transition:transform .15s ease;flex-shrink:0;opacity:.7}.career-filter-more[open]>summary:before{transform:rotate(45deg)}.career-filter-more[open]{flex:1 1 100%;padding-bottom:8px}.career-filter-more .path-switch{margin:0 0 8px}.career-filter-note{margin:0;font-size:.84rem}.career-hint{margin:0 0 12px;padding:10px 12px;background:var(--accent-soft);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-size:.92rem;line-height:1.55}.prefer-desktop-hint{margin:8px 0 12px;padding:8px 10px;border-radius:var(--radius-sm);border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg));font-size:.84rem;line-height:1.45;color:var(--ink-secondary)}.prefer-desktop-hint-text{margin:0}.prefer-desktop-hint-actions{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:6px}.prefer-desktop-hint-actions .linkish{font-size:.82rem}@media (min-width:900px){.prefer-desktop-hint{display:none}}.course-search{margin:12px 0 16px;padding:12px 14px}.course-search-row{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}@media (min-width:640px){.course-search-row{grid-template-columns:1fr minmax(120px,160px)}}.course-search-field{position:relative;min-width:0}.course-search-input,.course-search-row select{color:var(--ink);padding:10px 12px;font:inherit;width:100%}.course-search-history,.course-search-input,.course-search-row select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.course-search-history{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.course-search-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 4px;font-size:.8rem;color:var(--ink-secondary)}.course-search-history-clear{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:.8rem;cursor:pointer;padding:2px 4px}.course-search-history-clear:hover{color:var(--accent)}.course-search-history-list{list-style:none;margin:0;padding:4px 0 6px;max-height:min(280px,40vh);overflow:auto}.course-search-history-list li{display:grid;grid-template-columns:1fr auto;align-items:stretch;grid-gap:0;gap:0}.course-search-history-item{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:8px 12px;cursor:pointer;min-width:0}.course-search-history-item:focus-visible,.course-search-history-item:hover{background:var(--accent-soft);outline:none}.course-search-history-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-search-history-remove{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:1.1rem;line-height:1;padding:0 12px;cursor:pointer}.course-search-history-remove:hover{color:var(--ink)}.course-search-row select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%234a5c54' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}[data-theme=dark] .course-search-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%239aafa3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.course-search-results{margin-top:12px;max-height:min(420px,55vh);overflow:auto;-webkit-overflow-scrolling:touch;border-top:1px dashed var(--line);padding-top:10px}.course-search-count{margin:0 0 8px;font-size:.88rem}.course-search-list{list-style:none;margin:0;padding:0}.course-search-list li{margin-bottom:6px}.course-search-list a{display:block;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);text-decoration:none!important;color:inherit}.course-search-list a:hover{border-color:var(--accent);background:var(--accent-soft)}.course-search-item-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.course-search-snippet{margin:6px 0 0;font-size:.88rem;line-height:1.5;color:var(--ink-secondary)}.search-mark{background:color-mix(in srgb,var(--points) 40%,transparent);color:inherit;padding:0 2px;border-radius:2px}.search-palette{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding:12vh 16px 24px}.search-palette-backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,#000 45%,transparent);cursor:default}.search-palette-panel{position:relative;z-index:1;width:min(640px,100%);max-height:min(72vh,640px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated,var(--bg));box-shadow:0 16px 48px color-mix(in srgb,var(--ink) 18%,transparent);overflow:hidden}.search-palette-bar{display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.search-palette-input{padding:10px 12px;width:100%;min-width:0}.search-palette-input,.search-palette-scope{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit}.search-palette-scope{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 28px 10px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%234a5c54' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}[data-theme=dark] .search-palette-scope{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%239aafa3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.search-palette-kbd{font-family:var(--mono,ui-monospace,monospace);font-size:.72rem;color:var(--ink-secondary);border:1px solid var(--line);border-radius:4px;padding:4px 6px;white-space:nowrap}.search-palette-body{overflow:auto;padding:8px 0 12px;-webkit-overflow-scrolling:touch}.search-palette-section{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 6px;font-size:.8rem;color:var(--ink-secondary)}.search-palette-clear{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:.8rem;cursor:pointer}.search-palette-clear:hover{color:var(--accent)}.search-palette-count,.search-palette-empty{margin:0;padding:8px 14px;font-size:.88rem}.search-palette-list{list-style:none;margin:0;padding:0 8px}.search-palette-list li{display:grid;grid-template-columns:1fr auto;align-items:stretch;grid-gap:0;gap:0;margin-bottom:4px}.search-palette-item{border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;min-width:0;width:100%}.search-palette-item.is-active,.search-palette-item:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.search-palette-item-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px}.search-palette-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-palette-snippet{margin:6px 0 0;font-size:.85rem;line-height:1.45;color:var(--ink-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-palette-remove{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:1.1rem;padding:0 10px;cursor:pointer}.search-palette-remove:hover{color:var(--ink)}@media (max-width:639px){.search-palette{padding:8vh 10px 16px;place-items:start stretch}.search-palette-bar{grid-template-columns:1fr auto}.search-palette-kbd{display:none}}.notes-hub{max-width:820px;margin:0 auto;padding-bottom:24px}.notes-hub-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.notes-hub-head h1{margin-bottom:6px}.notes-hub-head .muted{margin:0;max-width:36rem;line-height:1.55}.notes-hub-filters{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-bottom:10px}@media (min-width:700px){.notes-hub-filters{grid-template-columns:1.4fr .8fr .8fr}}.notes-hub-filters input,.notes-hub-filters select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);padding:9px 12px;font:inherit}.notes-hub-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-secondary) 50%),linear-gradient(135deg,var(--ink-secondary) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 1.5px),calc(100% - 11px) calc(50% - 1.5px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.notes-hub-stats{margin:0 0 16px;font-size:.88rem}.notes-empty{text-align:center;padding:28px 16px}.notes-empty .btn{margin-top:12px}.notes-lesson-group{margin-bottom:22px;padding-bottom:8px;border-bottom:1px dashed var(--line)}.notes-lesson-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.notes-lesson-head h2{margin:0 0 4px;font-size:1.1rem}.notes-lesson-head .muted{margin:0;font-size:.85rem}.notes-card-list{list-style:none;margin:0;padding:0}.ann-time{margin-left:auto;font-size:.75rem}.ann-card-actions .btn,.ann-hub-link{text-decoration:none!important}.ann-card-actions .btn{display:inline-flex;align-items:center;font-size:.8rem;padding:4px 10px}.workspace-read{display:flex;flex-direction:column;overflow:hidden}.workspace-read-inner{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.workspace-read-main{flex:1 1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;width:100%;max-width:none}.workspace-read-inner.with-ann{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}@media (min-width:1100px){.workspace-read-inner.with-ann{grid-template-columns:1fr minmax(240px,300px)}}.ann-tools-btn{position:relative;display:inline-flex;align-items:center;gap:6px}.ann-tools-btn.active{border-color:var(--accent);background:var(--accent-soft)}.ann-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700}.tb-annotate-root{position:relative}.tb-annotate-root,.tb-annotate-root [data-block-key]{-webkit-user-select:text;-moz-user-select:text;user-select:text}.tb-annotate-root [data-block-key]{-webkit-touch-callout:default}.tb-lesson-link{color:var(--accent,#0d9488);text-decoration:underline;text-underline-offset:2px;font-weight:600}.tb-lesson-link:hover{color:var(--ink)}.ann-toolbar-anchor{position:absolute;inset:0;pointer-events:none;z-index:6}.ann-toolbar-anchor--fixed{position:fixed;inset:0;z-index:80}.ann-note-pop,.ann-toolbar{pointer-events:auto;position:absolute;transform:translate(-50%,-100%);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.12)}.ann-toolbar-anchor--fixed .ann-note-pop,.ann-toolbar-anchor--fixed .ann-toolbar{position:fixed;transform:translate(-50%,-100%)}.ann-toolbar-anchor--fixed .ann-note-pop{transform:none}.ann-toolbar{display:flex;gap:4px;padding:6px;white-space:nowrap;max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center}.ann-toolbar button{border:0;background:var(--bg-muted);color:var(--ink);padding:8px 12px;min-height:36px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}.ann-toolbar button:hover{background:var(--accent-soft);color:var(--accent)}.ann-toolbar button.ghost{background:transparent;color:var(--ink-secondary)}.ann-note-pop{transform:none;width:min(280px,80vw);padding:10px;display:flex;flex-direction:column;gap:8px}.ann-edit input,.ann-edit textarea,.ann-filters select,.ann-note-pop input,.ann-note-pop textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);padding:8px 10px;font:inherit}.ann-note-actions{display:flex;gap:6px;flex-wrap:wrap}.ann-mark{background:transparent;color:inherit;padding:0;cursor:pointer;border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ann-mark.ann-underline{text-decoration:none;padding-bottom:.06em;background-image:linear-gradient(to top,color-mix(in srgb,var(--accent) 78%,transparent) 0,color-mix(in srgb,var(--accent) 78%,transparent) 1.5px,transparent 1.5px);background-repeat:no-repeat;background-size:100% 100%;background-position:0 100%}.ann-mark.ann-highlight{background:color-mix(in srgb,var(--points) 35%,transparent);border-radius:.15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ann-mark.ann-note{text-decoration:none;background-color:color-mix(in srgb,var(--accent) 14%,transparent);background-image:linear-gradient(to top,color-mix(in srgb,var(--accent) 55%,transparent) 0,color-mix(in srgb,var(--accent) 55%,transparent) 1.5px,transparent 1.5px);background-repeat:no-repeat;background-size:100% 100%;background-position:0 100%;border-bottom:0;border-radius:.15em;padding:.05em .12em .08em}.ann-mark.ann-focus.ann-flash-0{outline:none;border-radius:.18em;animation:ann-focus-flash 1.25s ease-out}.ann-mark.ann-focus.ann-flash-1{outline:none;border-radius:.18em;animation:ann-focus-flash-r 1.25s ease-out}.ann-mark.ann-focus.ann-note.ann-flash-0{animation-name:ann-focus-flash-note}.ann-mark.ann-focus.ann-note.ann-flash-1{animation-name:ann-focus-flash-note-r}.ann-mark.ann-focus.ann-highlight.ann-flash-0{animation-name:ann-focus-flash-hl}.ann-mark.ann-focus.ann-highlight.ann-flash-1{animation-name:ann-focus-flash-hl-r}@keyframes ann-focus-flash{0%,30%{background-color:color-mix(in srgb,var(--accent) 40%,transparent)}to{background-color:transparent}}@keyframes ann-focus-flash-r{0%,30%{background-color:color-mix(in srgb,var(--accent) 40%,transparent)}to{background-color:transparent}}@keyframes ann-focus-flash-note{0%,30%{background-color:color-mix(in srgb,var(--accent) 52%,transparent)}to{background-color:color-mix(in srgb,var(--accent) 14%,transparent)}}@keyframes ann-focus-flash-note-r{0%,30%{background-color:color-mix(in srgb,var(--accent) 52%,transparent)}to{background-color:color-mix(in srgb,var(--accent) 14%,transparent)}}@keyframes ann-focus-flash-hl{0%,30%{background-color:color-mix(in srgb,var(--accent) 28%,var(--points) 55%)}to{background-color:color-mix(in srgb,var(--points) 35%,transparent)}}@keyframes ann-focus-flash-hl-r{0%,30%{background-color:color-mix(in srgb,var(--accent) 28%,var(--points) 55%)}to{background-color:color-mix(in srgb,var(--points) 35%,transparent)}}.ann-panel{border-top:1px solid var(--line);background:var(--bg-elevated);min-height:0;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px}@media (min-width:1100px){.ann-panel{border-top:0;border-left:1px solid var(--line);max-height:none;height:100%}}.ann-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.ghost-btn-ink{border:1px solid var(--line);background:transparent;color:var(--ink-secondary);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:.85rem}.ann-panel-hint{margin:0 0 10px;font-size:.82rem;line-height:1.45}.ann-filters{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:10px}.ann-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;margin-bottom:8px;background:var(--bg)}.ann-card.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.ann-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.ann-chip{font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--bg-muted);color:var(--ink-secondary)}.ann-chip-underline{color:var(--accent);background:var(--accent-soft)}.ann-chip-highlight{color:var(--warn);background:var(--warn-soft)}.ann-chip-note{color:var(--accent-hover);background:var(--accent-soft)}.ann-chip.tag{font-weight:600}.ann-quote{margin:0 0 6px;font-size:.88rem;line-height:1.45;color:var(--ink)}.ann-note-body{margin:0 0 8px;font-size:.9rem;line-height:1.5;color:var(--ink-secondary);white-space:pre-wrap}.ann-card-actions{display:flex;flex-wrap:wrap;gap:6px}.ann-card-actions button{border:1px solid var(--line);background:var(--bg-muted);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:.8rem}.ann-card-actions button.danger{color:var(--danger)}.tb-callout-title{display:block;font-weight:700;margin-bottom:6px;font-size:.92rem}.tb-example .tb-h2,.tb-example h4{margin:0 0 8px}.narrow-page{max-width:720px;margin:0 auto;padding:0 4px 48px}.member-orders-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.member-orders-head h3{margin:0}.member-order-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.member-order{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:var(--bg)}.member-order-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.member-order-amount{font-weight:700}.member-order-status{margin-left:auto;font-size:.85rem;font-weight:650}.member-order-status.st-pending{color:var(--celebrate)}.member-order-status.st-paid{color:var(--success)}.member-order-status.st-cancelled,.member-order-status.st-refunded{color:var(--ink-secondary)}.member-order-meta{margin:6px 0 0;font-size:.82rem}.member-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.member-orders-tip{margin:12px 0 0;font-size:.82rem}.member-invite-cta{margin-top:24px;font-weight:650}.legal-doc h1{margin:.4rem 0 .75rem;font-size:clamp(1.6rem,3vw,2rem)}.legal-doc h2{margin:1.6rem 0 .55rem;font-size:1.15rem}.legal-doc li,.legal-doc p{line-height:1.7;color:var(--ink)}.legal-doc ul{padding-left:1.2rem;margin:.4rem 0 .8rem}.member-gate-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;min-height:min(70dvh,640px);padding:28px 16px 48px;text-align:center;background:radial-gradient(90% 70% at 50% 0,color-mix(in srgb,var(--accent-soft) 65%,transparent),transparent 60%),var(--bg)}.member-gate-head{max-width:36rem}.member-gate-kicker{margin:0 0 8px;font-size:.88rem;color:var(--ink-secondary)}.member-gate-head h1{margin:0;font-size:clamp(1.25rem,2.4vw,1.65rem);line-height:1.35;font-weight:750}.member-gate-card{width:100%;max-width:420px;padding:28px 24px 22px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;justify-items:center}.member-gate-card h2{margin:0;font-size:1.2rem}.member-gate-reason{margin:0;color:var(--ink-secondary);font-size:.95rem;line-height:1.55;max-width:28em}.member-gate-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.member-gate-actions .btn{min-width:7.5rem}.member-gate-note{margin:4px 0 0;font-size:.8rem}@media (min-width:900px){.member-gate-page{gap:28px;padding:40px 24px 56px}.member-gate-card{padding:36px 32px 28px;gap:14px}}.learn-watermark{pointer-events:none;position:absolute;inset:0;z-index:40;overflow:hidden;opacity:.12}.learn-watermark span{position:absolute;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink);transform:rotate(-22deg);left:calc(8% + (var(--i) * 28%));top:calc(12% + (var(--i) * 14%))}.feedback-fab{position:fixed;right:16px;bottom:calc(16px + var(--tabbar-h, 0px) + var(--safe-bottom, 0px));z-index:80;border:none;border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:650;cursor:pointer;color:#fff;background:var(--accent,#2f6f4e);box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 18%,transparent)}.feedback-fab:hover{filter:brightness(1.05)}@media (min-width:900px){.feedback-fab{bottom:24px;right:24px}}.feedback-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}.feedback-backdrop{position:absolute;inset:0;border:none;background:color-mix(in srgb,#000 45%,transparent);cursor:pointer}.feedback-panel{position:relative;width:min(440px,100%);max-height:min(90vh,640px);overflow:auto;border-radius:14px;background:var(--bg-elevated,var(--bg));border:1px solid var(--line);padding:16px 16px 18px;box-shadow:0 12px 40px color-mix(in srgb,var(--ink) 20%,transparent)}.feedback-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.feedback-panel-head h2{margin:0;font-size:1.15rem}.feedback-hint{margin:0 0 12px;font-size:.88rem;line-height:1.45}.feedback-form{gap:10px}.feedback-form,.feedback-label{display:flex;flex-direction:column}.feedback-label{gap:6px;font-size:.88rem;font-weight:600}.feedback-label input,.feedback-label select,.feedback-label textarea{font:inherit;font-weight:400;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical}.feedback-err{margin:0;color:#b42318;font-size:.88rem}.feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.feedback-done{display:flex;flex-direction:column;gap:14px;padding:8px 0 4px}.feedback-done p{margin:0;line-height:1.5}.admin-actions{display:flex;flex-wrap:wrap;gap:4px}.payflow-lab{display:flex;flex-direction:column;gap:10px}.payflow-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.payflow-lab-head h3{margin:0 0 4px}.payflow-lab-lead{margin:0;font-size:.86rem;color:var(--ink-secondary);line-height:1.45;max-width:52ch}.payflow-story{display:flex;flex-wrap:wrap;align-items:stretch;gap:.45rem .55rem}.payflow-story-item{display:flex;align-items:center;gap:.55rem;flex:1 1 10rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated)}.payflow-story-item.is-goal{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.payflow-story-item>div{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1;font-size:.82rem}.payflow-story-item strong{color:var(--ink)}.payflow-story-item em{font-style:normal;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--ink)}.payflow-story-emoji{font-size:1.45rem;line-height:1}.payflow-story-arrow{align-self:center;color:var(--ink-secondary);font-weight:700}.payflow-wallets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}@media (max-width:900px){.payflow-wallets{grid-template-columns:repeat(2,minmax(0,1fr))}}.payflow-wallet{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.15rem;row-gap:.15rem;padding:.65rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:border-color .2s ease,background .2s ease,transform .2s ease}.payflow-wallet.is-changed{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));transform:translateY(-1px)}.payflow-wallet.is-fake{border-color:color-mix(in srgb,#dc2626 45%,var(--line));background:color-mix(in srgb,#dc2626 8%,var(--bg-elevated))}.payflow-wallet-icon{grid-row:1/span 2;align-self:center;font-size:1.35rem;line-height:1;display:flex;align-items:center}.payflow-wallet>div{display:flex;flex-direction:column;gap:.05rem;min-width:0;font-size:.78rem}.payflow-wallet-amt{margin:0;grid-column:2;font-size:1.15rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);display:flex;align-items:baseline;gap:.35rem}.payflow-wallet-amt small{font-size:.75rem;font-weight:700;color:#dc2626}.payflow-wallet-amt.goods{font-size:.95rem}.payflow-wallet.tone-buyer.is-changed .payflow-wallet-amt{color:#b45309}.payflow-wallet.tone-merchant.is-changed .payflow-wallet-amt{color:#0f766e}.payflow-wallet.tone-provider.is-changed .payflow-wallet-amt{color:#1d4ed8}.payflow-node-avatar{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:12px;background:color-mix(in srgb,var(--bg-muted) 80%,var(--bg-elevated));font-size:1.25rem;margin-bottom:2px}.payflow-node.tone-buyer .payflow-node-avatar{background:color-mix(in srgb,#f59e0b 18%,var(--bg-elevated))}.payflow-node.tone-shop .payflow-node-avatar{background:color-mix(in srgb,#06b6d4 16%,var(--bg-elevated))}.payflow-node.tone-merchant .payflow-node-avatar{background:color-mix(in srgb,#0d9488 16%,var(--bg-elevated))}.payflow-node.tone-provider .payflow-node-avatar{background:color-mix(in srgb,#22c55e 14%,var(--bg-elevated))}.payflow-node.tone-bank .payflow-node-avatar{background:color-mix(in srgb,#3b82f6 16%,var(--bg-elevated))}.payflow-channel{display:flex;gap:6px}.payflow-channel button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);cursor:pointer}.payflow-channel button.active{border-color:var(--accent,#0d9488);background:color-mix(in srgb,var(--accent,#0d9488) 12%,var(--bg-elevated));font-weight:600}.payflow-channel button img{border-radius:3px}.payflow-motto{margin:0;padding:8px 12px;font-size:.84rem;color:var(--ink-secondary);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius-sm)}.payflow-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:720px){.payflow-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}.payflow-node{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:10px;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);opacity:.48;cursor:pointer;transition:opacity .2s,border-color .2s,box-shadow .2s,transform .2s}.payflow-node.on{opacity:1;border-color:color-mix(in srgb,var(--accent,#0d9488) 55%,var(--line))}.payflow-node.pulse{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#0d9488) 35%,transparent)}.payflow-node.focus{outline:2px solid var(--accent,#0d9488);outline-offset:1px}.payflow-node strong,.payflow-node-brand{font-size:.86rem;color:var(--ink)}.payflow-node-brand{display:inline-flex;align-items:center;gap:6px;font-weight:700}.payflow-node-sub{font-size:.72rem;color:var(--ink-secondary);line-height:1.35}.payflow-edge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:.84rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.payflow-edge.muted{color:var(--ink-secondary)}.payflow-edge-label{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent,#0d9488) 16%,var(--bg-elevated));font-weight:600;font-size:.78rem}.payflow-edge-arrow{color:var(--ink-secondary);letter-spacing:-2px}.payflow-workspace{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:10px;gap:10px}@media (max-width:720px){.payflow-workspace{grid-template-columns:1fr}}.payflow-panel{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.payflow-k{display:block;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-secondary)}.payflow-step-meta{display:flex;justify-content:space-between;align-items:center}.payflow-step-count{font-size:.78rem;color:var(--ink-secondary)}.payflow-step-count.warn{color:#b42318;font-weight:600}.payflow-step-title{margin:0;font-size:1rem}.payflow-step-blurb{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink-secondary)}.payflow-tip{margin:0;font-size:.84rem;line-height:1.45;border-radius:var(--radius-sm)}.payflow-focus-card,.payflow-tip{padding:8px 10px;background:var(--bg)}.payflow-focus-card{border:1px solid var(--line);border-radius:var(--radius-sm)}.payflow-focus-card strong{display:block;margin:2px 0 4px}.payflow-focus-card p{margin:0;font-size:.84rem;color:var(--ink-secondary);line-height:1.45}.payflow-controls{display:flex;flex-wrap:wrap;gap:6px}.payflow-controls button{padding:6px 10px;font-size:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer}.payflow-controls button:disabled{opacity:.45;cursor:not-allowed}.payflow-controls button.active{border-color:var(--accent,#0d9488);font-weight:600}.payflow-controls button.danger.active{border-color:#b42318;color:#b42318}.payflow-dots{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:4px 0 0;padding:0}.payflow-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);cursor:pointer}.payflow-dots button.done{background:color-mix(in srgb,var(--accent,#0d9488) 45%,var(--bg))}.payflow-dots button.on{background:var(--accent,#0d9488);border-color:var(--accent,#0d9488)}.payflow-log{max-height:180px;overflow:auto;padding:8px;font-size:.78rem;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.payflow-log-line+.payflow-log-line{margin-top:4px;padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--line) 70%,transparent)}.payflow-tips{margin:0;padding-left:1.1rem;font-size:.8rem;color:var(--ink-secondary);line-height:1.45}.payflow-tips li+li{margin-top:4px}.payflow-tips strong{color:var(--ink)}.payflow-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payflow-view-switch{margin:0}.payflow-orderbar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);font-size:.84rem}.payflow-orderbar code{font-size:.8rem}.payflow-order-pill{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,var(--ink) 8%,transparent)}.payflow-order-pill.state-FULFILLED,.payflow-order-pill.state-PAID,.payflow-order-pill.state-RECONCILED{background:color-mix(in srgb,#1a7f4b 18%,transparent);color:#1a7f4b}.payflow-order-pill.state-CREATED,.payflow-order-pill.state-PAID_UNCONFIRMED,.payflow-order-pill.state-PREPAY,.payflow-order-pill.state-USER_PAYING{background:color-mix(in srgb,#c47a12 18%,transparent);color:#9a5b00}.payflow-order-pill.state-FAKE_UI{background:color-mix(in srgb,#c0392b 18%,transparent);color:#c0392b}.payflow-order-amt{margin-left:auto;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payflow-seq{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--bg-elevated);overflow:hidden}.payflow-seq-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:0;gap:0;flex-shrink:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 92%,var(--ink));z-index:2}.payflow-seq-lane{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.55rem .25rem;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;font:inherit;color:inherit}.payflow-seq-lane:last-child{border-right:0}.payflow-seq-lane.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}.payflow-seq-lane.focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-2px}.payflow-seq-lane strong{font-size:.72rem;text-align:center;line-height:1.25}.payflow-seq-lane-icon{display:grid;place-items:center;width:1.7rem;height:1.7rem;font-size:1rem}.payflow-seq-scroll{overflow-x:hidden;overflow-y:auto;max-height:min(22rem,48vh);overscroll-behavior:contain;scrollbar-gutter:stable}.payflow-seq-scroll:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}.payflow-seq-body{--seq-rows:1;position:relative;min-height:max(8rem,calc(var(--seq-rows) * 2.85rem + 1.5rem))}.payflow-seq-rails{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));pointer-events:none}.payflow-seq-lifeline{border-right:1px dashed color-mix(in srgb,var(--line) 80%,transparent);min-height:100%}.payflow-seq-lifeline:last-of-type{border-right:0}.payflow-seq-msgs{position:relative;z-index:1;display:flex;flex-direction:column;gap:.55rem;padding:.75rem .35rem 1rem;pointer-events:none}.payflow-seq-empty{margin:2rem auto;text-align:center;font-size:.84rem}.payflow-seq-msg{--lane-left:0;--lane-span:1;margin-left:calc((100% / 5) * var(--lane-left) + (100% / 10) - .2rem);width:calc((100% / 5) * var(--lane-span));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:.35rem;column-gap:.35rem;grid-row-gap:2px;row-gap:2px;align-items:center}.payflow-seq-msg-idx{grid-row:1/span 2;align-self:center;width:1.15rem;height:1.15rem;border-radius:999px;display:grid;place-items:center;font-size:.62rem;font-weight:700;color:var(--ink-secondary);background:color-mix(in srgb,var(--ink) 8%,transparent)}.payflow-seq-msg-label{justify-self:center;max-width:96%;padding:.12rem .4rem;border-radius:6px;background:color-mix(in srgb,var(--bg) 88%,var(--ink));font-size:.68rem;line-height:1.3;text-align:center}.payflow-seq-msg-line{grid-column:2;height:2px;background:color-mix(in srgb,var(--accent) 70%,var(--ink));position:relative;border-radius:2px}.payflow-seq-msg-line:after{content:"";position:absolute;right:-1px;top:50%;width:0;height:0;border:5px solid transparent;border-left:5px solid color-mix(in srgb,var(--accent) 70%,var(--ink));transform:translateY(-50%)}.payflow-seq-msg.reverse .payflow-seq-msg-line:after{right:auto;left:-1px;border-left-color:transparent;border-right-color:color-mix(in srgb,var(--accent) 70%,var(--ink))}.payflow-seq-msg.live .payflow-seq-msg-idx{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--ink)}.payflow-seq-msg.live .payflow-seq-msg-label{background:color-mix(in srgb,var(--accent) 22%,var(--bg));font-weight:700}.payflow-seq-msg.live .payflow-seq-msg-line{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.payflow-seq-foot{flex-shrink:0;padding:.35rem .65rem .5rem;border-top:1px solid var(--line);font-size:.72rem}.payflow-sm{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:var(--bg-elevated)}.payflow-sm-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));grid-gap:.45rem;gap:.45rem}.payflow-sm-node{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .5rem;border:1px dashed var(--line);border-radius:10px;opacity:.55}.payflow-sm-node.reached{opacity:1;border-style:solid;background:color-mix(in srgb,var(--ink) 4%,transparent)}.payflow-sm-node.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.payflow-sm-dot{width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--ink) 25%,transparent);margin-bottom:.15rem}.payflow-sm-node.reached .payflow-sm-dot{background:var(--accent)}.payflow-sm-node strong{font-size:.74rem;letter-spacing:.02em}.payflow-sm-node .muted{font-size:.68rem;line-height:1.3}.payflow-sm-fake{margin:0;padding:.5rem .65rem;border-radius:8px;background:color-mix(in srgb,#c0392b 12%,transparent);color:#a3281c;font-size:.84rem}.payflow-sm-note{margin:0;font-size:.82rem}.payflow-sm-money{display:flex;flex-wrap:wrap;gap:.55rem 1rem;font-size:.82rem}.payflow-sm-money strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payflow-api{gap:.35rem;margin-bottom:.55rem}.payflow-api,.payflow-api-meta{display:flex;flex-direction:column}.payflow-api-meta{gap:.2rem}.payflow-api-meta code{font-size:.72rem;word-break:break-all;color:var(--ink-secondary)}.payflow-api-body{margin:0;padding:.55rem .65rem;border-radius:8px;background:color-mix(in srgb,var(--ink) 6%,var(--bg));border:1px solid var(--line);font-size:.72rem;line-height:1.4;overflow:auto;max-height:9rem;white-space:pre-wrap}.payflow-log-compact{max-height:5.5rem;margin-bottom:.55rem}@media (max-width:720px){.payflow-seq{overflow-x:auto}.payflow-seq-body,.payflow-seq-lanes,.payflow-seq-rails{min-width:28rem}.payflow-seq-scroll{max-height:min(18rem,42vh)}.payflow-head-actions{align-items:stretch;width:100%}}.lab-payflow-quiz{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.sim-mission-bar{display:flex;align-items:center;gap:.55rem;margin:.35rem 0 .5rem}.sim-mission-toggle{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elevated);padding:.28rem .7rem;font:inherit;font-size:.82rem;font-weight:650;color:var(--ink);cursor:pointer}.sim-mission-dots{list-style:none;margin:0;padding:0;display:flex;gap:.28rem}.sim-mission-dot{display:block;width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--ink-secondary) 28%,transparent)}.sim-mission-dot.is-done{background:var(--accent)}.sim-mission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem}.sim-mission{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);font-size:.82rem}.sim-mission.is-done{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated))}.disk-lab,.pkt-lab,.sched-lab{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.15rem}.disk-lab-head,.pkt-lab-head,.sched-lab-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.disk-lab-lead,.pkt-lab-lead,.sched-lab-lead{margin:.25rem 0 0;font-size:.9rem;color:var(--ink-secondary);line-height:1.45;max-width:42rem}.disk-lab-mission-bar{flex:0 0 auto}.disk-lab-mission-bar .sim-mission-bar{margin:0}.disk-layout{align-items:stretch}.disk-term-window{background:#0b1220;display:flex;flex-direction:column;min-height:0}.disk-term-window .win-ps-chrome{background:#111827;border-bottom-color:#1f2937}.disk-term-window .win-ps-chrome-tag{border-color:#334155;color:#93c5fd}.disk-term-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-bottom:1px solid #1f2937;background:#0f172a}.disk-term-chips .win-ps-chip{background:#1e293b;border-color:#334155;color:#e2e8f0}.disk-term-chips .win-ps-chip:hover{border-color:color-mix(in srgb,var(--accent) 55%,#334155);background:color-mix(in srgb,var(--accent) 22%,#1e293b)}.disk-term-screen{flex:1 1;min-height:260px;max-height:420px;overflow:auto;padding:12px 14px 8px;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.78rem;line-height:1.45;cursor:text;color:#e5e7eb}.disk-term-screen pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit}.disk-term-screen pre.is-cmd{color:#fde68a;margin-top:6px}.disk-term-screen pre.is-err{color:#fca5a5}.disk-term-screen pre.is-out{color:#cbd5e1}.disk-term-prompt{display:flex;align-items:center;gap:.45rem;margin-top:.55rem;padding-top:.35rem}.disk-prompt{color:#93c5fd;font-weight:650;flex:0 0 auto}.disk-term-prompt input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;color:#f8fafc;font:inherit;caret-color:#93c5fd}.disk-term-prompt input::placeholder{color:#64748b}.disk-term-window .win-ps-statusbar{border-top-color:#1f2937;background:#0f172a;color:#94a3b8}.disk-schematic{gap:.65rem;min-width:0;min-height:0}.disk-mgr-card,.disk-schematic{display:flex;flex-direction:column}.disk-mgr-card{gap:.55rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated)}.disk-mgr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.disk-mgr-head strong{display:block;font-size:.95rem}.disk-mgr-head .muted{font-size:.78rem}.disk-scheme-switch{margin:0}.disk-lab-scheme{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem;font-size:.85rem}.disk-lab-bar{width:100%;min-height:3.1rem;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink-secondary) 8%,transparent)}.disk-lab-bar,.disk-lab-seg{display:flex;overflow:hidden}.disk-lab-seg{flex-direction:column;justify-content:center;gap:.05rem;padding:.3rem .4rem;font-size:.7rem;font-weight:650;color:#fff;min-width:0;white-space:nowrap;text-overflow:ellipsis;border:0;cursor:pointer;font:inherit;text-align:left}.disk-lab-seg em{font-style:normal;opacity:.85;font-weight:500;font-size:.68rem}.disk-lab-seg.role-system{background:#0d9488}.disk-lab-seg.role-data{background:#2563eb}.disk-lab-seg.role-backup{background:#7c3aed}.disk-lab-seg.role-other{background:#475569}.disk-lab-seg.is-raw{opacity:.78}.disk-lab-seg.is-selected{box-shadow:inset 0 0 0 2px #fff;z-index:1}.disk-lab-seg.is-free{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink-secondary) 8%,transparent),color-mix(in srgb,var(--ink-secondary) 8%,transparent) 4px,color-mix(in srgb,var(--ink-secondary) 14%,transparent) 4px,color-mix(in srgb,var(--ink-secondary) 14%,transparent) 8px);color:var(--ink-secondary);cursor:default}.disk-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.72rem}.disk-leg{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.15rem;vertical-align:-1px}.disk-leg.role-system{background:#0d9488}.disk-leg.role-data{background:#2563eb}.disk-leg.role-backup{background:#7c3aed}.disk-leg.is-raw{background:#0d9488;opacity:.55}.disk-leg.is-free{background:color-mix(in srgb,var(--ink-secondary) 22%,transparent);border:1px dashed var(--line)}.disk-vol-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated)}.disk-vol-table{width:100%;border-collapse:collapse;font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.disk-vol-table td,.disk-vol-table th{padding:.4rem .55rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.disk-vol-table th{font-size:.72rem;font-weight:650;color:var(--ink-secondary);background:color-mix(in srgb,var(--ink) 4%,transparent)}.disk-vol-table tbody tr{cursor:pointer}.disk-vol-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.disk-vol-table tbody tr.is-selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}.disk-vol-table tbody tr:last-child td{border-bottom:0}.disk-gui-create{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.45rem .55rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated)}.disk-k{width:100%;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary)}.disk-gui-create label{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--ink-secondary)}.disk-gui-create input,.disk-gui-create select{min-width:4.5rem;max-width:6.5rem;padding:.35rem .45rem;border-radius:7px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.disk-props{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated)}.disk-props-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem;font-size:.86rem}.disk-props-empty{margin:0;font-size:.82rem}.disk-lab-form{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end}.disk-lab-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--ink-secondary)}.disk-lab-form input,.disk-lab-form select{min-width:6.5rem;padding:.4rem .55rem;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.disk-lab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.disk-lab-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);font-size:.88rem}.disk-lab-actions{display:flex;flex-wrap:wrap;gap:.35rem}.disk-lab-ok{font-size:.82rem;color:var(--accent);font-weight:650;align-self:center}.disk-lab-msg,.pkt-lab-msg,.sched-lab-msg{margin:0;font-size:.9rem;line-height:1.45;color:var(--ink-secondary)}.disk-lab-msg.is-win,.pkt-lab-msg.is-win,.sched-lab-msg.is-win{color:var(--ink);font-weight:650}.sched-lab-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.45rem;gap:.45rem}.sched-lab-jobs article{padding:.5rem .65rem;border:1px solid;border-radius:10px;background:var(--bg-elevated);display:flex;flex-direction:column;gap:.15rem;font-size:.82rem}.sched-lab-controls{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.sched-lab-gantt{display:flex;flex-direction:column;gap:.35rem}.sched-lab-track{position:relative;height:2.4rem;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink-secondary) 6%,transparent);overflow:hidden}.sched-lab-slice{position:absolute;top:.35rem;bottom:.35rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;border-radius:6px;opacity:.88}.sched-lab-slice.is-hot{opacity:1;outline:2px solid color-mix(in srgb,#fff 70%,transparent)}.sched-lab-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);z-index:2;pointer-events:none}.sched-lab-table{width:100%;max-width:22rem;border-collapse:collapse;font-size:.85rem}.sched-lab-table td,.sched-lab-table th{border:1px solid var(--line);padding:.35rem .55rem;text-align:left}.sched-lab-table th{background:var(--bg-elevated)}.pkt-lab-path{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.pkt-lab-path li{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--line);font-size:.8rem;color:var(--ink-secondary);background:var(--bg-elevated)}.pkt-lab-path li.is-seen{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.pkt-lab-path li.is-here{background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));font-weight:700;color:var(--ink)}.pkt-lab-blurb{margin:0;font-size:.92rem;line-height:1.45}.pkt-lab-choices{display:flex;flex-wrap:wrap;gap:.45rem}.pkt-lab-hs{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.pkt-lab-hs-node{padding:.65rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-elevated);font-weight:650}.pkt-lab-hs-node.is-on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.pkt-lab-hs-wires{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;font-family:ui-monospace,monospace;color:var(--ink-secondary)}.pkt-lab-hs-wires .is-on{color:var(--accent);font-weight:700}.lab-extra-concepts{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}