@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--sl-accent:#00d1ff;--sl-accent-contrast:#001017;--sl-product-name:"DevLab101";--sl-bg-primary:#030711;--sl-bg-secondary:#070f17;--sl-bg-elevated:#0b141e;--sl-bg-interactive:hsla(0,0%,100%,.04);--sl-bg-interactive-hover:hsla(0,0%,100%,.065);--sl-overlay:rgba(3,7,17,.78);--sl-text-primary:#fff;--sl-text-secondary:hsla(0,0%,100%,.72);--sl-text-subtle:hsla(0,0%,100%,.56);--sl-text-muted:hsla(0,0%,100%,.45);--sl-border:hsla(0,0%,100%,.08);--sl-border-strong:hsla(0,0%,100%,.16);--sl-focus:#fff;--sl-success:#42d392;--sl-warning:#fc6;--sl-danger:#ff6b6b;--sl-info:#68a7ff;--sl-font-sans:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sl-font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sl-font-size-xs:.75rem;--sl-font-size-sm:.875rem;--sl-font-size-md:1rem;--sl-font-size-lg:1.125rem;--sl-leading-tight:1.15;--sl-leading-body:1.7;--sl-space-1:4px;--sl-space-2:8px;--sl-space-3:12px;--sl-space-4:16px;--sl-space-6:24px;--sl-space-8:32px;--sl-space-12:48px;--sl-space-16:64px;--sl-radius:12px;--sl-radius-sm:8px;--sl-radius-pill:999px;--sl-shadow:0 10px 30px rgba(0,0,0,.2);--sl-shadow-subtle:0 4px 16px rgba(0,0,0,.14);--sl-duration:.22s;--sl-ease:cubic-bezier(.2,.8,.2,1);--sl-container:1200px;--sl-reading-width:760px;--sl-control-height:44px;--sl-control-height-lg:48px}[data-supra-product=supralearning]{--sl-accent:#2f9cff;--sl-accent-contrast:#020b14;--sl-product-name:"SupraLearning"}[data-supra-product=supralab-ai]{--sl-accent:#ff5a5a;--sl-accent-contrast:#170303;--sl-product-name:"SupraLab AI"}[data-supra-product=devlab101]{--sl-accent:#00d1ff;--sl-accent-contrast:#001017;--sl-product-name:"DevLab101"}[data-supra-product=flashlearning]{--sl-accent:#ff9f1c;--sl-accent-contrast:#170b00;--sl-product-name:"FlashLearning"}[data-supra-product=feelflow]{--sl-accent:#2dd4bf;--sl-accent-contrast:#021310;--sl-product-name:"FeelFlow"}@media(prefers-reduced-motion:reduce){:root{--sl-duration:.01ms}}:root{color-scheme:dark;--bg:var(--sl-bg-primary);--bg-deep:var(--sl-bg-primary);--bg-soft:var(--sl-bg-elevated);--panel:var(--sl-bg-secondary);--panel-strong:var(--sl-bg-elevated);--text:var(--sl-text-primary);--muted:var(--sl-text-secondary);--muted-strong:var(--sl-text-secondary);--line:var(--sl-border);--line-strong:color-mix(in srgb,var(--sl-accent) 32%,transparent);--primary:var(--sl-accent);--primary-ink:var(--sl-accent-contrast);--secondary:var(--sl-info);--third:color-mix(in srgb,var(--sl-accent) 72%,#fff);--warning:var(--sl-warning);--radius-sm:var(--sl-radius-sm);--radius-md:var(--sl-radius);--radius-lg:var(--sl-radius);--radius-xl:var(--sl-radius);--shadow:var(--sl-shadow);--max:var(--sl-container);--header-height:72px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--bg)}body{min-width:280px;min-height:100vh;margin:0;color:var(--text);font-family:var(--sl-font-sans);font-size:1rem;line-height:var(--sl-leading-body);background:var(--sl-bg-primary)}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(var(--sl-border) 1px,transparent 1px),linear-gradient(90deg,var(--sl-border) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}::-moz-selection{color:var(--primary-ink);background:var(--primary)}::selection{color:var(--primary-ink);background:var(--primary)}a{color:inherit;text-decoration:none}button,input{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--sl-focus);outline-offset:4px}.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}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 18px;color:var(--sl-accent-contrast);border-radius:var(--radius-sm);background:var(--sl-accent);font-weight:800;transform:translateY(-160%);transition:transform var(--sl-duration) var(--sl-ease)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;overflow:clip}#main-content:focus{outline:none}.site-header{position:sticky;z-index:50;top:14px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 32px));min-height:var(--header-height);margin:14px auto 0;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:var(--sl-radius);background:color-mix(in srgb,var(--sl-bg-secondary) 94%,transparent);box-shadow:var(--sl-shadow-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:11px;min-height:44px;font-family:var(--sl-font-sans);font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary-ink);border-radius:var(--sl-radius);background:var(--sl-accent);box-shadow:0 4px 18px color-mix(in srgb,var(--sl-accent) 18%,transparent)}.brand-mark svg{width:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-text{font-size:1.04rem}.header-actions,.site-nav{display:flex;align-items:center}.header-actions{gap:10px}.site-nav{gap:2px}.language-switch,.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;color:var(--muted-strong);border-radius:var(--sl-radius);font-size:.92rem;font-weight:600;transition:color var(--sl-duration) var(--sl-ease),background var(--sl-duration) var(--sl-ease),transform var(--sl-duration) var(--sl-ease)}.language-switch:hover,.site-nav a:hover{color:var(--text);background:var(--sl-bg-interactive-hover)}.btn:active,.language-switch:active,.site-nav a:active{transform:translateY(1px)}.site-nav .router-link-active:not(.nav-cta){color:var(--primary);background:color-mix(in srgb,var(--sl-accent) 10%,transparent)}.site-nav .nav-cta{margin-left:4px;color:var(--text);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--sl-accent) 8%,transparent)}.language-switch{min-width:48px;padding-inline:11px;font-weight:800}.language-switch,.nav-toggle{border:1px solid var(--line);background:var(--sl-bg-interactive)}.nav-toggle{display:none;width:44px;height:44px;padding:0;border-radius:var(--sl-radius);cursor:pointer}.nav-toggle span{display:block;width:19px;height:2px;margin:5px auto;border-radius:2px;background:var(--text);transition:transform var(--sl-duration) var(--sl-ease)}.nav-toggle.is-open span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle.is-open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section,.section-grid{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding-block:clamp(64px,8vw,108px)}.section-tight{padding-top:12px}.section-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:clamp(44px,6vw,84px);align-items:center;min-height:min(790px,calc(100vh - 100px));padding-block:clamp(64px,7vw,96px)}.page-section{padding-top:clamp(92px,12vw,150px)}.page-hero{position:relative}.page-hero:after{content:"";position:absolute;z-index:-1;top:22%;right:7%;width:min(34vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sl-bg-interactive-hover),transparent 68%)}.compact-hero{padding-bottom:36px}.eyebrow{margin:0 0 16px;color:var(--primary);font-size:.77rem;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--sl-font-sans);text-wrap:balance}h1{max-width:990px;font-size:clamp(2.8rem,5.6vw,5.8rem);font-weight:800;letter-spacing:-.065em;line-height:.99}h2{font-size:clamp(2rem,3.6vw,3.55rem);letter-spacing:-.052em;line-height:1.07}h2,h3{font-weight:750}h3{font-size:1.25rem;letter-spacing:-.03em;line-height:1.25}p{margin-block:16px;color:var(--muted)}.hero-text,.page-intro{max-width:720px;margin-top:24px;font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.72}.gradient-text{color:var(--sl-accent)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-description{max-width:490px;margin:0;font-size:1.04rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:var(--sl-radius);cursor:pointer;font-weight:800;line-height:1.2;text-align:center;transition:transform var(--sl-duration) var(--sl-ease),box-shadow var(--sl-duration) var(--sl-ease),background var(--sl-duration) var(--sl-ease)}.btn:hover{transform:translateY(-2px)}.primary{color:var(--primary-ink);background:var(--sl-accent);box-shadow:0 4px 18px color-mix(in srgb,var(--sl-accent) 18%,transparent)}.primary:hover{box-shadow:0 6px 22px color-mix(in srgb,var(--sl-accent) 24%,transparent)}.secondary{color:var(--text);border-color:var(--line);background:var(--sl-bg-interactive)}.secondary:hover{background:var(--sl-bg-interactive-hover)}.back-link,.text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--primary);font-weight:800}.back-link:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;color:var(--muted-strong);list-style:none}.trust-row li{position:relative;padding-left:16px;font-size:.9rem;font-weight:600}.trust-row li:before{content:"";position:absolute;top:.62em;left:0;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}.hero-system{position:relative;display:grid;place-items:center;min-height:500px;isolation:isolate}.hero-system:before{content:"";position:absolute;z-index:-2;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--sl-bg-elevated),transparent 70%);filter:blur(4px)}.orbit{position:absolute;z-index:-1;width:430px;height:430px;border:1px solid var(--sl-border);border-radius:50%}.orbit-one{transform:rotate(18deg) scaleY(.72)}.orbit-two{border-color:var(--sl-border-strong);transform:rotate(-22deg) scaleY(.58)}.system-card{position:relative;z-index:2;width:min(100%,430px);padding:30px;border:1px solid var(--sl-border-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.progress-label,.system-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.level,.live-dot{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--sl-radius-pill);font-size:.75rem;font-weight:800}.level{color:var(--primary-ink);background:var(--sl-accent)}.live-dot{color:var(--primary);background:var(--sl-bg-interactive)}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.system-kicker{display:block;margin-top:40px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.18em}.system-card>strong{display:block;margin-top:6px;font-family:var(--sl-font-sans);font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.05em}.progress-label{margin:27px 0 8px;color:var(--muted-strong);font-size:.82rem}.progress-label b{color:var(--primary)}.progress-bar{height:10px;overflow:hidden;border-radius:var(--sl-radius-pill);background:var(--sl-bg-interactive-hover)}.progress-bar span{display:block;width:72%;height:100%;border-radius:inherit;background:var(--sl-accent)}.floating-card{position:absolute;z-index:3;padding:11px 14px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.86rem;font-weight:750;animation:float-card 4.5s var(--sl-ease) infinite}.card-one{top:86px;right:2px}.card-two{bottom:96px;left:2px;animation-delay:.7s}.card-three{right:22px;bottom:30px;animation-delay:1.2s}.lift-card{transition:transform var(--sl-duration) var(--sl-ease),border-color var(--sl-duration) var(--sl-ease),background var(--sl-duration) var(--sl-ease),box-shadow var(--sl-duration) var(--sl-ease)}.lift-card:hover{transform:translateY(-2px);border-color:var(--sl-border-strong);background-color:var(--sl-bg-elevated);box-shadow:var(--sl-shadow-subtle)}.article-grid,.feature-grid,.principles-grid,.research-grid,.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ecosystem-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.ecosystem-card{grid-column:span 2}.ecosystem-card:nth-last-child(-n+2){grid-column:span 3}.article-card,.ecosystem-card,.feature-card,.principle-card,.research-card,.training-card{border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.ecosystem-card,.feature-card,.principle-card,.research-card,.training-card{padding:27px}.article-card,.ecosystem-card,.training-card{display:flex;flex-direction:column}.ecosystem-card{min-height:330px}.card-heading,.training-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}.card-number,.doc-index{color:var(--primary);font-size:.75rem;font-weight:800;letter-spacing:.13em}.card-icon,.feature-icon,.research-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--primary);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font-size:1.1rem;font-weight:800}.ecosystem-card p{margin-bottom:24px}.ecosystem-card .text-link,.training-card .text-link{margin-top:auto}.method-section,.pipeline-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,7vw,90px);align-items:start}.labs-home{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(38px,7vw,88px);align-items:center}.labs-home-intro>p:not(.eyebrow){max-width:520px}.labs-home-intro .btn{margin-top:18px}.supralab-home-card{position:relative;overflow:hidden;min-height:410px;padding:clamp(25px,4vw,38px);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.supralab-home-card:after{content:"AI";position:absolute;right:-.04em;bottom:-.28em;color:color-mix(in srgb,var(--sl-accent) 5%,transparent);font-family:var(--sl-font-sans);font-size:clamp(8rem,18vw,15rem);font-weight:900;line-height:1;pointer-events:none}.lab-mini-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.lab-symbol{display:grid;place-items:center;width:45px;height:45px;color:var(--primary);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--sl-accent) 8%,transparent);font-family:var(--sl-font-sans);font-size:.84rem;font-weight:900}.lab-symbol,.lab-symbol.large{border-radius:var(--sl-radius)}.lab-symbol.large{width:58px;height:58px;font-size:1rem}.lab-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted-strong);font-size:.72rem;font-weight:700}.lab-status i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--sl-accent) 80%,transparent)}.lab-code{margin-bottom:12px;color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.15em}.supralab-tagline{position:relative;z-index:1;max-width:560px;margin-bottom:26px;color:var(--muted-strong);font-size:1.02rem}.lab-levels-preview{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.lab-levels-preview li{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font-size:.82rem;font-weight:700}.lab-levels-preview span{color:var(--primary);font-size:.68rem;letter-spacing:.08em}.devlab-hero,.feelflow-hero,.supralab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:clamp(42px,7vw,96px);align-items:center;min-height:min(760px,calc(100vh - 90px))}.devlab-interface-preview,.supralab-interface-preview{position:relative;overflow:hidden;margin:0;border:1px solid var(--line-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow)}.devlab-interface-preview img,.supralab-interface-preview img{display:block;width:100%;height:auto;aspect-ratio:1260/890;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.devlab-interface-preview img{aspect-ratio:1440/1000}.devlab-interface-preview figcaption,.supralab-interface-preview figcaption{display:flex;align-items:center;gap:9px;min-height:45px;padding:11px 16px;color:var(--muted-strong);border-top:1px solid var(--line);background:var(--sl-bg-secondary);font-size:.7rem;font-weight:750;letter-spacing:.035em}.devlab-interface-preview figcaption span,.supralab-interface-preview figcaption span{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--sl-accent) 80%,transparent)}.ai-levels-grid,.dev-resource-grid,.supralab-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ai-levels-grid{margin:0;padding:0;list-style:none}.ai-level-card,.dev-resource-card{position:relative;min-height:390px;padding:26px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.ai-level-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:42px}.ai-level-top>span{color:var(--primary);font-size:.77rem;font-weight:800;letter-spacing:.12em}.ai-level-top b{padding:7px 9px;color:var(--muted);border:1px solid var(--line);border-radius:var(--sl-radius-pill);font-size:.65rem}.ai-level-top b.learns{color:var(--primary);border-color:color-mix(in srgb,var(--sl-accent) 28%,transparent);background:color-mix(in srgb,var(--sl-accent) 8%,transparent)}.ai-level-card>p{min-height:76px}.ai-level-card dl{display:grid;gap:12px;margin:24px 0 0;padding-top:19px;border-top:1px solid var(--line)}.ai-level-card dl div{display:grid;gap:3px}.ai-level-card dt{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ai-level-card dd{margin:0;color:var(--muted-strong);font-size:.84rem}.devlab-position,.learning-console{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,7vw,90px);align-items:start}.learning-console{padding-inline:clamp(26px,5vw,58px);border:1px solid var(--line-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.learning-console ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.learning-console li{display:flex;gap:13px;padding:18px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.learning-console li>span{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;color:var(--primary);border-radius:var(--sl-radius-sm);background:color-mix(in srgb,var(--sl-accent) 8%,transparent);font-weight:800}.learning-console li p{margin:5px 0 0;font-size:.82rem}.accuracy-panel{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding-inline:clamp(26px,5vw,58px);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.accuracy-panel>div>p:not(.eyebrow){max-width:800px}.accuracy-panel ul{display:grid;gap:8px;margin:22px 0 0;padding-left:21px;color:var(--muted-strong)}.dev-resource-card{min-height:330px}.dev-resource-card .doc-index{display:block;margin-bottom:38px}.dev-resource-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;color:var(--primary);border:1px solid var(--line);border-radius:var(--sl-radius);background:color-mix(in srgb,var(--sl-accent) 8%,transparent);font-family:var(--sl-font-mono);font-weight:800}.devlab-position dl{display:grid;gap:12px;margin:0}.devlab-position dl div{padding:24px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.devlab-position dt{color:var(--text);font-family:var(--sl-font-sans);font-size:1.05rem;font-weight:800}.devlab-position dd{margin:8px 0 0;color:var(--muted-strong)}.feelflow-interface-preview{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:520px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow)}.ff-preview-sidebar{display:flex;flex-direction:column;gap:8px;padding:22px 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--sl-bg-elevated) 65%,var(--sl-bg-primary))}.ff-preview-brand{display:flex;align-items:center;gap:8px;margin-bottom:28px;font-size:.76rem}.ff-preview-brand span{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;color:var(--primary-ink);border-radius:var(--sl-radius-sm);background:var(--primary);font-weight:900}.ff-preview-card small,.ff-preview-kicker,.ff-preview-sidebar>small{color:var(--primary);font-family:var(--sl-font-mono);font-size:.55rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ff-preview-sidebar>small{margin:0 5px 7px}.ff-preview-sidebar i{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 8px;color:var(--muted);border:1px solid transparent;border-radius:var(--sl-radius-sm);font-size:.65rem;font-style:normal}.ff-preview-sidebar i b{font-weight:650}.ff-preview-sidebar i.active{color:var(--text);border-color:color-mix(in srgb,var(--sl-accent) 20%,transparent);background:color-mix(in srgb,var(--sl-accent) 9%,transparent)}.ff-preview-main{padding:clamp(28px,4vw,48px);background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--sl-accent) 7%,transparent),transparent 48%)}.ff-preview-main>strong{display:block;max-width:470px;margin-top:10px;font-size:clamp(1.75rem,3.3vw,3rem);letter-spacing:-.055em;line-height:1.04}.ff-preview-main>p{margin:13px 0 26px;font-size:.78rem}.ff-preview-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 26px;padding:0;color:var(--muted);font-size:.56rem;list-style:none}.ff-preview-progress li{display:flex;align-items:center;gap:5px;white-space:nowrap}.ff-preview-progress li:after{width:100%;height:1px;margin-left:2px;background:var(--line);content:""}.ff-preview-progress li:last-child:after{display:none}.ff-preview-progress span{display:grid;flex:0 0 auto;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:50%}.ff-preview-progress .active{color:var(--text)}.ff-preview-progress .active span{color:var(--primary-ink);border-color:var(--primary);background:var(--primary)}.ff-preview-card{padding:22px;border:1px solid var(--line);border-radius:var(--sl-radius);background:color-mix(in srgb,var(--sl-bg-secondary) 88%,transparent);box-shadow:var(--sl-shadow-subtle)}.ff-preview-card>b{display:block;margin:9px 0 18px;font-size:1rem}.ff-preview-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ff-preview-card>div span{min-height:62px;padding:10px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius-sm);background:var(--sl-bg-interactive);font-size:.61rem;font-weight:700}.feelflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.feelflow-step-card{min-height:290px;padding:27px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.feelflow-step-card>span{display:inline-block;margin-bottom:54px;color:var(--primary);font-family:var(--sl-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em}.feelflow-suite{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,7vw,90px);align-items:start;padding-inline:clamp(26px,5vw,58px);border:1px solid var(--line-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.feelflow-suite>div>p:not(.eyebrow){max-width:460px}.feelflow-suite ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.feelflow-suite li{display:flex;gap:13px;min-height:170px;padding:18px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.feelflow-suite li>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;color:var(--primary);border-radius:var(--sl-radius-sm);background:color-mix(in srgb,var(--sl-accent) 9%,transparent);font-weight:800}.feelflow-suite li p{margin:5px 0 0;font-size:.82rem}.feelflow-boundaries{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding-inline:clamp(26px,5vw,58px);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.feelflow-boundaries>div>p:not(.eyebrow){max-width:800px}.feelflow-boundaries ul{display:grid;gap:8px;margin:22px 0 0;padding-left:21px;color:var(--muted-strong)}.method-intro,.pipeline-intro{position:sticky;top:116px}.method-intro .btn{margin-top:18px}.compact-steps,.method-steps,.principles-grid,.research-pipeline,.rule-list,.timeline{margin-block:0;padding:0;list-style:none}.method-steps{border-top:1px solid var(--line)}.method-step{display:grid;grid-template-columns:54px 1fr;gap:16px;padding-block:26px;border-bottom:1px solid var(--line)}.method-step>span{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.12em}.method-step p{margin:7px 0 0}.impact-band{display:grid;grid-template-columns:repeat(3,1fr);padding:30px;border:1px solid var(--line-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.impact-stat{display:grid;gap:8px;min-height:125px;padding:18px 28px;border-right:1px solid var(--line)}.impact-stat:last-child{border-right:0}.impact-stat strong{color:var(--primary);font-family:var(--sl-font-mono);font-size:clamp(2.2rem,4vw,3.8rem);line-height:1}.impact-stat span{color:var(--muted-strong)}.article-card{min-height:310px;padding:25px}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px;color:var(--primary);font-size:.78rem;font-weight:800}.article-card p{font-size:.96rem}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:12px}.tag-row span{padding:5px 9px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius-pill);font-size:.75rem}.article-page{max-width:960px}.article-header{margin-top:48px}.article-header time{display:inline-block;margin-top:8px;color:var(--muted);font-size:.9rem}.article-body{max-width:850px;margin-top:50px;padding:clamp(25px,5vw,54px)}.article-body,.glass-panel{border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.article-body section+section{margin-top:42px;padding-top:42px;border-top:1px solid var(--line)}.article-body h2{font-size:clamp(1.65rem,3vw,2.35rem)}.article-body p{color:var(--muted-strong);font-size:1.05rem;line-height:1.85}.accessibility-content{max-width:900px}.accessibility-content section{padding:clamp(26px,4vw,42px);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.accessibility-content section+section{margin-top:16px}.accessibility-content h2{font-size:clamp(1.6rem,3vw,2.35rem)}.accessibility-content li{margin-top:10px;color:var(--muted-strong)}.accessibility-date{margin-top:28px;font-size:.88rem}.newsletter{display:grid;grid-template-columns:1fr .9fr;gap:clamp(30px,7vw,80px);align-items:end;width:min(var(--max),calc(100% - 40px));margin:clamp(34px,6vw,78px) auto clamp(72px,10vw,128px);padding:clamp(28px,5vw,54px);border-color:var(--line-strong);background:var(--sl-bg-secondary)}.newsletter h2{max-width:690px;font-size:clamp(1.8rem,3vw,3rem)}.newsletter-form{display:grid;gap:14px}.field-group{display:grid;gap:7px}.field-group label{color:var(--muted-strong);font-size:.88rem;font-weight:700}.field-group small{color:var(--muted);font-size:.78rem}.newsletter-form input{width:100%;min-height:52px;padding:0 17px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-primary)}.newsletter-form input::-moz-placeholder{color:var(--sl-text-subtle)}.newsletter-form input::placeholder{color:var(--sl-text-subtle)}.newsletter-form input:focus{border-color:var(--primary);outline:3px solid color-mix(in srgb,var(--sl-accent) 18%,transparent);outline-offset:2px}.product-lockup{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--text);font-family:var(--sl-font-sans);font-size:1.05rem;font-weight:800}.product-lockup span{display:grid;place-items:center;width:34px;height:34px;color:var(--primary-ink);border-radius:var(--sl-radius-sm);background:var(--primary)}.availability{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:.86rem}.availability span{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px var(--primary)}.product-preview{display:grid;grid-template-columns:64px 1fr;min-height:500px;overflow:hidden;border:1px solid var(--sl-border-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.preview-sidebar{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:20px;border-right:1px solid var(--line);background:var(--sl-bg-primary)}.preview-logo{display:grid;place-items:center;width:34px;height:34px;color:var(--primary-ink);border-radius:var(--sl-radius-sm);background:var(--primary)}.preview-sidebar i{width:22px;height:6px;border-radius:var(--sl-radius-pill);background:var(--sl-bg-interactive-hover)}.preview-main{padding:24px}.preview-head{display:flex;justify-content:space-between;margin-bottom:24px;color:var(--muted-strong)}.preview-head b{color:var(--warning)}.preview-cards>div,.preview-score,.preview-session{padding:20px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.preview-cards small,.preview-score small,.preview-session small{display:block;color:var(--muted);font-style:normal}.preview-score strong{display:block;margin:8px 0 14px;font-family:var(--sl-font-mono);font-size:2rem}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.preview-cards b{display:block;margin-top:6px;color:var(--primary);font-size:1.4rem}.preview-session{display:grid;gap:20px;margin-top:12px}.preview-session span{padding:9px 12px;color:var(--primary-ink);border-radius:var(--sl-radius-sm);background:var(--primary);font-size:.76rem;font-weight:800;text-align:center}.feature-card{min-height:250px}.feature-card .feature-icon,.research-card .research-icon{margin-bottom:28px}.cta-panel,.evidence-note,.outcomes-panel,.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,7vw,90px);align-items:center;padding:clamp(30px,5vw,58px);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle)}.compact-steps{display:grid;gap:10px;counter-reset:none}.compact-steps li{display:flex;align-items:center;gap:17px;min-height:58px;padding:10px 15px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.compact-steps span{color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.1em}.cta-panel{grid-template-columns:1fr auto;border-color:var(--line-strong);background:var(--sl-bg-secondary)}.cta-panel p{max-width:680px}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principle-card{min-height:310px}.principle-card .doc-index{display:inline-block;margin-bottom:28px}.principle-card ul,.training-card ul{margin:20px 0 0;padding:16px 0 0;color:var(--muted-strong);border-top:1px solid var(--line);list-style:none}.principle-card li,.training-card li{position:relative;margin-top:8px;padding-left:16px;font-size:.9rem}.principle-card li:before,.training-card li:before{content:"";position:absolute;top:.68em;left:0;width:5px;height:5px;border-radius:50%;background:var(--primary)}.rule-list{display:grid;gap:12px}.rule-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:23px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.rule-list article>span{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.1em}.rule-list p{margin:7px 0 0}.research-card{min-height:270px}.research-pipeline{display:grid;gap:12px}.pipeline-step,.timeline-item{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.pipeline-step>span,.timeline-number{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.1em}.pipeline-step p,.timeline-item p{margin:7px 0 0}.evidence-note{grid-template-columns:auto 1fr}.evidence-note .feature-icon{width:58px;height:58px;border-color:var(--line-strong);border-radius:50%;font-family:Georgia,serif;font-size:1.3rem}.training-card{min-height:430px}.training-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--primary-ink);border-radius:var(--sl-radius);background:var(--sl-accent);font-size:.75rem;font-weight:900}.course-status{padding:6px 9px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius-pill);font-size:.72rem;font-weight:700}.training-card ul{margin-bottom:20px}.outcomes-panel{border-color:var(--line-strong)}.outcome-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.outcome-list li{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;color:var(--muted-strong);border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-interactive)}.outcome-list span{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;color:var(--primary-ink);border-radius:50%;background:var(--primary);font-size:.75rem;font-weight:900}.timeline{display:grid;gap:12px}.site-footer{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,7vw,90px);width:min(var(--max),calc(100% - 40px));margin:0 auto 24px;padding:48px 0 22px;border-top:1px solid var(--line)}.footer-mark{width:36px;height:36px;border-radius:var(--sl-radius);font-size:.9rem}.footer-brand p{max-width:390px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-column strong{margin-bottom:5px;color:var(--text);font-size:.85rem}.footer-column a{min-height:32px;color:var(--muted);font-size:.88rem}.footer-bottom a:hover,.footer-column a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:var(--muted);border-top:1px solid var(--line);font-size:.8rem}.footer-bottom a{display:inline-flex;align-items:center;min-height:32px}.reveal-up{animation:reveal-up var(--sl-duration) var(--sl-ease) both}.delay-1{animation-delay:.14s}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(min-width:1480px){.section-grid{grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr)}}@media(max-width:1040px){.site-nav a{padding-inline:10px;font-size:.86rem}.section-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:32px}.orbit{width:360px;height:360px}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-card{grid-column:auto}.ecosystem-card:last-child{grid-column:1/-1}}@media(max-width:920px){.nav-toggle{display:block;margin-left:auto}.header-actions{position:absolute;top:calc(100% + 10px);right:0;left:0;display:none;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow)}.header-actions.is-open{display:flex;animation:reveal-up var(--sl-duration) var(--sl-ease) both}.site-nav{flex:1;flex-direction:column;align-items:stretch}.site-nav a{justify-content:flex-start;min-height:48px;padding-inline:15px}.site-nav .nav-cta{margin:5px 0 0}.language-switch{align-self:flex-start;min-height:48px}.section-grid{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-system{width:min(100%,600px);margin-inline:auto}.article-grid,.ecosystem-grid,.feature-grid,.principles-grid,.research-grid,.training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid>:last-child,.training-grid>:last-child{grid-column:1/-1}.devlab-hero,.devlab-position,.feelflow-hero,.feelflow-suite,.labs-home,.learning-console,.method-section,.newsletter,.pipeline-section,.supralab-hero{grid-template-columns:1fr}.devlab-interface-preview,.feelflow-interface-preview,.supralab-interface-preview{width:min(100%,600px);margin-inline:auto}.ai-levels-grid,.dev-resource-grid,.feelflow-steps,.supralab-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-resource-grid>:last-child,.supralab-principles>:last-child{grid-column:1/-1}.method-intro,.pipeline-intro{position:static}.site-footer{grid-template-columns:1fr}.footer-bottom{grid-column:1}.product-preview{transform:none}}@media(max-width:680px){.newsletter,.section,.section-grid,.site-footer{width:min(100% - 28px,var(--max))}.site-header{top:8px;width:calc(100% - 20px);margin-top:8px}h1{font-size:clamp(2.5rem,13vw,4.1rem)}.section-head{align-items:flex-start;flex-direction:column;gap:18px}.article-grid,.ecosystem-grid,.feature-grid,.principles-grid,.research-grid,.training-grid{grid-template-columns:1fr}.ecosystem-card,.ecosystem-card:last-child{grid-column:auto}.ai-levels-grid,.dev-resource-grid,.feelflow-steps,.feelflow-suite ul,.learning-console ul,.supralab-principles{grid-template-columns:1fr}.dev-resource-grid>:last-child,.feature-grid>:last-child,.supralab-principles>:last-child,.training-grid>:last-child{grid-column:auto}.accuracy-panel,.feelflow-boundaries,.impact-band{grid-template-columns:1fr}.impact-stat{min-height:100px;border-right:0;border-bottom:1px solid var(--line)}.impact-stat:last-child{border-bottom:0}.cta-panel,.outcomes-panel,.split-feature{grid-template-columns:1fr}.cta-panel .sl-button{justify-self:start}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column}.product-preview{grid-template-columns:46px 1fr;min-height:460px}.preview-main{padding:15px}.preview-cards{grid-template-columns:1fr}.preview-sidebar i{width:16px}.feelflow-interface-preview{grid-template-columns:82px minmax(0,1fr);min-height:460px}.ff-preview-sidebar{padding-inline:8px}.ff-preview-brand strong,.ff-preview-sidebar i b,.ff-preview-sidebar>small{display:none}.ff-preview-main{padding:24px 16px}.ff-preview-progress li{font-size:0}.ff-preview-card>div{grid-template-columns:1fr}}@media(max-width:460px){.brand-text{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-system{min-height:420px}.orbit{width:300px;height:300px}.system-card{padding:23px;border-radius:var(--sl-radius)}.floating-card{font-size:.74rem}.card-one{right:-2px}.card-two{left:-2px;bottom:68px}.card-three{right:4px;bottom:8px}.footer-columns,.lab-levels-preview,.method-step,.pipeline-step,.timeline-item{grid-template-columns:1fr}.newsletter-form .sl-button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){.gradient-text{color:LinkText;background:none}.brand-mark,.outcome-list span,.sl-button--primary,.training-icon{border:1px solid ButtonText}}@media print{.hero-actions,.newsletter,.site-footer,.site-header{display:none}body{color:#111;background:#fff}p{color:#333}.section{padding-block:24px}}.sl-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sl-space-2);min-height:var(--sl-control-height);padding:0 var(--sl-space-4);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-interactive);font:700 var(--sl-font-size-sm) /1 var(--sl-font-sans);cursor:pointer;transition:color var(--sl-duration) var(--sl-ease),border-color var(--sl-duration) var(--sl-ease),background-color var(--sl-duration) var(--sl-ease),box-shadow var(--sl-duration) var(--sl-ease),transform var(--sl-duration) var(--sl-ease)}.sl-button,.sl-button:hover:not(:disabled){color:var(--sl-text-primary);text-decoration:none}.sl-button:hover:not(:disabled){border-color:var(--sl-border-strong);background:var(--sl-bg-interactive-hover);transform:translateY(-1px)}.sl-button:active:not(:disabled){transform:translateY(0) scale(.99)}.sl-button:disabled{opacity:.45;cursor:not-allowed}.sl-button--primary{color:var(--sl-accent-contrast);border-color:var(--sl-accent);background:var(--sl-accent);box-shadow:0 4px 18px color-mix(in srgb,var(--sl-accent) 18%,transparent)}.sl-button--primary:hover:not(:disabled){color:var(--sl-accent-contrast);border-color:color-mix(in srgb,var(--sl-accent) 82%,#fff);background:color-mix(in srgb,var(--sl-accent) 88%,#fff)}.sl-button--ghost{border-color:transparent;background:transparent}.sl-button--danger{color:var(--sl-text-primary);border-color:color-mix(in srgb,var(--sl-danger) 45%,transparent);background:color-mix(in srgb,var(--sl-danger) 14%,transparent)}.sl-button--sm{min-height:36px;padding-inline:var(--sl-space-3);font-size:var(--sl-font-size-xs)}.sl-button--lg{min-height:var(--sl-control-height-lg);padding-inline:var(--sl-space-6)}.sl-card{color:var(--sl-text-secondary);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow-subtle);transition:border-color var(--sl-duration) var(--sl-ease),background-color var(--sl-duration) var(--sl-ease),transform var(--sl-duration) var(--sl-ease)}.sl-card--interactive:hover{border-color:var(--sl-border-strong);background:var(--sl-bg-elevated);transform:translateY(-2px)}.sl-field{display:grid;gap:var(--sl-space-2)}.sl-field__label{font-size:var(--sl-font-size-sm);font-weight:700}.sl-field__label,.sl-input{color:var(--sl-text-primary)}.sl-input{width:100%;min-height:var(--sl-control-height);padding:0 var(--sl-space-3);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-primary);font:500 var(--sl-font-size-sm) /1.4 var(--sl-font-sans);transition:border-color var(--sl-duration) var(--sl-ease),box-shadow var(--sl-duration) var(--sl-ease)}.sl-input::-moz-placeholder{color:var(--sl-text-subtle)}.sl-input::placeholder{color:var(--sl-text-subtle)}.sl-input:hover{border-color:var(--sl-border-strong)}.sl-input:focus{border-color:var(--sl-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-accent) 18%,transparent);outline:0}.sl-input[aria-invalid=true]{border-color:var(--sl-danger)}.sl-field__error,.sl-field__hint{margin:0;color:var(--sl-text-subtle);font-size:var(--sl-font-size-xs)}.sl-field__error{color:var(--sl-danger)}.sl-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:var(--sl-space-4);background:var(--sl-overlay);animation:sl-fade-in var(--sl-duration) var(--sl-ease)}.sl-modal{width:min(100%,560px);max-height:min(760px,calc(100vh - var(--sl-space-8)));overflow:auto;padding:var(--sl-space-6);color:var(--sl-text-secondary);border:1px solid var(--sl-border-strong);border-radius:var(--sl-radius);background:var(--sl-bg-secondary);box-shadow:var(--sl-shadow);animation:sl-slide-in var(--sl-duration) var(--sl-ease)}.sl-modal__actions,.sl-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-space-4)}.sl-modal__title{margin:0;color:var(--sl-text-primary);font-size:1.25rem}.sl-modal__body{margin-top:var(--sl-space-4)}.sl-modal__actions{justify-content:flex-end;margin-top:var(--sl-space-6)}.sl-tooltip{position:relative;display:inline-flex}.sl-tooltip__content{position:absolute;z-index:20;bottom:calc(100% + var(--sl-space-2));left:50%;width:-moz-max-content;width:max-content;max-width:240px;padding:var(--sl-space-2) var(--sl-space-3);color:var(--sl-text-primary);border:1px solid var(--sl-border);border-radius:var(--sl-radius-sm);background:var(--sl-bg-elevated);box-shadow:var(--sl-shadow-subtle);font-size:var(--sl-font-size-xs);line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,var(--sl-space-1));transition:opacity var(--sl-duration) var(--sl-ease),transform var(--sl-duration) var(--sl-ease)}.sl-tooltip:focus-within .sl-tooltip__content,.sl-tooltip:hover .sl-tooltip__content{opacity:1;transform:translate(-50%)}.sl-badge{display:inline-flex;align-items:center;gap:var(--sl-space-2);width:-moz-fit-content;width:fit-content;min-height:28px;padding:var(--sl-space-1) var(--sl-space-3);color:var(--sl-accent);border:1px solid color-mix(in srgb,var(--sl-accent) 28%,transparent);border-radius:var(--sl-radius-pill);background:color-mix(in srgb,var(--sl-accent) 9%,transparent);font:700 var(--sl-font-size-xs) /1 var(--sl-font-sans)}.sl-badge--neutral{color:var(--sl-text-subtle);border-color:var(--sl-border);background:var(--sl-bg-interactive)}.sl-progress{display:grid;gap:var(--sl-space-2)}.sl-progress__label{display:flex;justify-content:space-between;gap:var(--sl-space-3);color:var(--sl-text-secondary);font-size:var(--sl-font-size-xs);font-weight:600}.sl-progress__value{color:var(--sl-text-primary);font-family:var(--sl-font-mono)}.sl-progress__track{height:6px;overflow:hidden;border-radius:var(--sl-radius-pill);background:var(--sl-bg-interactive-hover)}.sl-progress__bar{height:100%;border-radius:inherit;background:var(--sl-accent);transition:width var(--sl-duration) var(--sl-ease)}.sl-navbar,.sl-sidebar{border:1px solid var(--sl-border);background:var(--sl-bg-secondary)}.sl-navbar{display:flex;align-items:center;min-height:64px;padding-inline:var(--sl-space-4)}.sl-navbar,.sl-sidebar{border-radius:var(--sl-radius)}.sl-sidebar{width:280px;min-height:100%;padding:var(--sl-space-4)}.sl-tabs__list{display:flex;gap:var(--sl-space-1);overflow-x:auto;padding:var(--sl-space-1);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg-primary)}.sl-tabs__tab{min-height:36px;padding:0 var(--sl-space-3);color:var(--sl-text-subtle);border:0;border-radius:var(--sl-radius-sm);background:transparent;font:700 var(--sl-font-size-sm) /1 var(--sl-font-sans);cursor:pointer;white-space:nowrap}.sl-tabs__tab:hover{color:var(--sl-text-secondary)}.sl-tabs__tab[aria-selected=true]{color:var(--sl-text-primary);background:var(--sl-bg-interactive-hover);box-shadow:var(--sl-shadow-subtle)}.sl-tabs__panel{padding-top:var(--sl-space-4)}.sl-accordion{border-top:1px solid var(--sl-border)}.sl-accordion__item{border-bottom:1px solid var(--sl-border)}.sl-accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-space-4);min-height:56px;color:var(--sl-text-primary);cursor:pointer;font-size:var(--sl-font-size-sm);font-weight:700;list-style:none}.sl-accordion__summary::-webkit-details-marker{display:none}.sl-accordion__summary:after{color:var(--sl-text-subtle);content:"+";font-family:var(--sl-font-mono);transition:transform var(--sl-duration) var(--sl-ease)}.sl-accordion__item[open] .sl-accordion__summary:after{transform:rotate(45deg)}.sl-accordion__content{padding:0 0 var(--sl-space-4);color:var(--sl-text-secondary)}.sl-alert,.sl-callout,.sl-toast{padding:var(--sl-space-4);color:var(--sl-text-secondary);border:1px solid var(--sl-border);border-left:3px solid var(--sl-accent);border-radius:var(--sl-radius);background:var(--sl-bg-secondary)}.sl-alert__title,.sl-callout__title,.sl-toast__title{margin:0 0 var(--sl-space-1);color:var(--sl-text-primary);font-size:var(--sl-font-size-sm);font-weight:800}.sl-alert p:last-child,.sl-callout p:last-child,.sl-toast p:last-child{margin-bottom:0}.sl-alert--info,.sl-callout--info,.sl-toast--info{border-left-color:var(--sl-info)}.sl-alert--success,.sl-callout--success,.sl-toast--success{border-left-color:var(--sl-success)}.sl-alert--warning,.sl-callout--warning,.sl-toast--warning{border-left-color:var(--sl-warning)}.sl-alert--danger,.sl-callout--danger,.sl-toast--danger{border-left-color:var(--sl-danger)}.sl-toast{width:min(100%,360px);box-shadow:var(--sl-shadow);animation:sl-slide-in var(--sl-duration) var(--sl-ease)}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sl-slide-in{0%{opacity:0;transform:translateY(var(--sl-space-2))}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.sl-button--mobile-full{width:100%}.sl-modal{padding:var(--sl-space-4)}.sl-sidebar{width:100%}}@media(prefers-reduced-motion:reduce){.sl-modal,.sl-modal-backdrop,.sl-toast{animation:none}}