.station-illustration{margin:0;min-width:0}.station-illustration svg{display:block;width:100%;height:auto}.station-illustration figcaption{color:#727d94;font-size:11px;margin:10px 3px 0}.station-illustration-caption{font-family:Segoe UI,Arial,sans-serif;fill:#a4b0c8;font-size:8px;letter-spacing:1px}.station-illustration-label{font-family:Segoe UI,Arial,sans-serif;fill:#d3dced;font-size:10px;letter-spacing:.7px;font-weight:600}.station-illustration-number{font-family:Segoe UI,Arial,sans-serif;fill:#f1edff;font-size:9px;font-weight:700}.station-illustration-led-label{font-family:Segoe UI,Arial,sans-serif;fill:#c5cee2;font-size:8px;letter-spacing:.35px}.station-illustration-chip-title{font-family:Segoe UI,Arial,sans-serif;fill:#26334a;font-size:24px;font-weight:700;letter-spacing:1px}.station-illustration-chip-sub{font-family:Segoe UI,Arial,sans-serif;fill:#34425b;font-size:6px;font-weight:700;letter-spacing:.8px}.station-illustration-part{transition:filter .2s}.station-illustration-part.is-selected{filter:drop-shadow(0 0 8px #b3a0f62b)}.explorer{padding:64px 0;color:#20263b}.explorer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.explorer-eyebrow{color:#73639d;font-size:10px;font-weight:700;letter-spacing:1.8px}.explorer-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.18;font-weight:600;letter-spacing:-1.3px;margin:12px 0 0}.explorer-heading>p{max-width:260px;color:#69748c;font-size:13px;line-height:1.8}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;align-items:stretch}.explorer-visual{min-width:0}.explorer-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.explorer-controls button{display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #e3e5ef;border-radius:10px;text-align:left;color:#38415a;cursor:pointer;min-height:64px;transition:background .2s,border-color .2s}.explorer-controls button:hover{border-color:#b4a6d9;background:#faf8ff}.explorer-controls button[aria-pressed=true]{background:#efebfa;border-color:#ad9cd8;color:#4b3778}.explorer-controls button:focus-visible,.explorer-link:focus-visible{outline:3px solid #8571df;outline-offset:4px}.explorer-part-number{font-size:11px;font-weight:600;color:#807191;background:#f3f1f7;border-radius:6px;padding:8px}.explorer-controls strong{font-size:13px;display:block;font-weight:600}.explorer-controls small{font-size:10px;color:#727b8f;display:block;margin-top:3px}.explorer-detail{border:1px solid #e3dfef;border-radius:18px;padding:30px;background:linear-gradient(145deg,#fff,#f3f0fb);display:flex;flex-direction:column;min-width:0}.explorer-detail-top{display:flex;align-items:center;justify-content:space-between;color:#7e6aab;font-size:9px;letter-spacing:1.2px;font-weight:600}.explorer-detail-number{font-size:44px;line-height:1;font-weight:300;letter-spacing:-2px;color:#bfb0df}.explorer-detail h3{font-size:clamp(23px,2.4vw,31px);font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:28px 0 18px}.explorer-detail>p{font-size:14px;line-height:1.9;color:#647087}.explorer-learning{border-top:1px solid #dfd8ef;padding-top:21px;margin-top:28px}.explorer-learning>span{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#78649c}.explorer-learning p{margin:10px 0 0;color:#48536c;font-size:13px;line-height:1.8}.explorer-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:28px;font-size:12px;font-weight:600;color:#66508f;text-decoration:none}.explorer-link:hover{text-decoration:underline}.explorer-link>span{font-size:21px}@media(max-width:1000px){.explorer-layout{gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(230px,1fr)}.explorer-detail{padding:24px}.explorer-controls small{display:none}.explorer-controls button{min-height:55px;padding:12px}}@media(max-width:700px){.explorer{padding:40px 0}.explorer-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.explorer-heading>p{max-width:none}.explorer-layout{grid-template-columns:1fr}.explorer-detail{padding:24px}.explorer-detail h3{margin-top:20px}.explorer-controls small{display:block}.explorer-learning{margin-top:20px}.explorer-link{margin-top:16px;padding-top:10px}}@media(max-width:380px){.explorer-controls button{gap:8px;padding:10px}.explorer-controls small{font-size:9px}.explorer-controls strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.station-illustration-part,.explorer-controls button{transition:none}}.showcase{background:#f7f7f2;color:#192137;min-height:100vh}.showcase-nav{max-width:1360px;margin:auto;min-height:94px;padding:20px 40px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #dedfdc}.showcase-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;letter-spacing:-.8px;font-weight:700}.showcase-brand>span:first-child{display:grid;place-items:center;width:34px;height:38px;background:#192137;border-radius:10px;color:#c5b4ff}.showcase-brand .showcase-brand-tag{font-size:8px;letter-spacing:1px;border-left:1px solid #cccfcf;padding-left:12px;margin-left:3px;color:#71766e;font-weight:500}.showcase-nav nav{display:flex;align-items:center;gap:26px;margin-left:auto}.showcase-nav nav a{font-size:13px;text-decoration:none;color:#5d625f;padding:10px 0}.showcase-nav nav a[aria-current=page]{color:#192137;font-weight:650;box-shadow:0 2px #8c7bc3}.showcase-nav-cta{display:flex;align-items:center;gap:14px;padding:11px 15px;background:#fff;border:1px solid #d6d9d5;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none}.showcase-main{padding:0 40px;max-width:1360px;margin:auto}.showcase-kicker{display:block;color:#696d67;font-size:10px;letter-spacing:1.6px;font-weight:650;margin-bottom:18px}.showcase-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:66px 0 60px;align-items:center}.hero-copy>.showcase-kicker{display:flex;gap:9px;align-items:center}.hero-kicker-mark{display:inline-block;width:8px;height:8px;border:2px solid #8a78bd;border-radius:2px;transform:rotate(45deg)}.showcase h1{font-size:clamp(42px,4.4vw,70px);line-height:1.06;letter-spacing:-3px;font-weight:600;margin:0 0 25px}.showcase h1 em{font-family:Georgia,serif;font-weight:400;color:#7864aa}.hero-copy>p{font-size:17px;max-width:440px;line-height:1.8;color:#656b69}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0}.showcase-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;min-height:48px;border:1px solid #192137;border-radius:7px;background:#192137;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.showcase-button:hover{background:#303d58;transform:translateY(-2px)}.showcase-text-link{font-size:13px;font-weight:600;text-decoration:none}.showcase-text-link:hover{text-decoration:underline}.hero-context{border-top:1px solid #dedfdc;padding-top:22px;display:flex;gap:20px;align-items:center;max-width:435px}.hero-context>span:first-child{font-size:8px;letter-spacing:1px;padding:6px 8px;background:#e9e9e1;border-radius:4px;color:#686e62}.hero-context>span:last-child{font-size:11px;line-height:1.65;color:#6c726d}.hero-visual{padding:20px;background:#e9e8ef;border:1px solid #dddbe7;border-radius:20px;transform:rotate(1deg);box-shadow:0 18px 40px #1921370a}.hero-visual .station-illustration{margin:20px 0 12px}.hero-visual-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#717080;gap:12px}.hero-explore{display:flex;justify-content:space-between;align-items:center;gap:18px;text-decoration:none;padding:8px 5px 2px}.hero-explore span{font-size:11px;color:#777381}.hero-explore strong{display:block;color:#32374c;font-size:12px;font-weight:600;margin-top:5px}.hero-explore .icon{width:24px;height:24px;color:#7967ad}.project-story{padding:36px 0;border-block:1px solid #dedfdc;display:grid;grid-template-columns:1fr 2.5fr;gap:40px}.showcase h2{font-size:clamp(25px,2.5vw,38px);line-height:1.18;font-weight:550;letter-spacing:-1.2px}.story-intro .showcase-kicker{font-size:8px;margin-bottom:12px}.story-intro h2{font-size:26px}.project-story ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-story li>span{display:inline-block;font-size:11px;color:#8f7cb8;margin-bottom:10px}.project-story h3{font-size:14px;font-weight:600;margin-bottom:7px}.project-story p{font-size:12px;line-height:1.8;color:#737873}.project-skills{padding:58px 0}.showcase-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.showcase-section-heading>p{max-width:285px;font-size:14px;color:#737873}.project-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-skill-grid article{padding:26px;border:1px solid #dfdfd9;border-radius:12px;background:#fff}.project-skill-grid article:nth-child(2){background:#eeedf5;border-color:#dfdbe9}.project-skill-grid article:nth-child(3){background:#f3ede6;border-color:#e7dcd0}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.skill-top .icon{width:25px;height:25px;color:#77669e}.skill-top>span{font-size:11px;color:#858b85}.project-skill-grid h3{font-size:21px;letter-spacing:-.6px;font-weight:600;margin-bottom:12px}.project-skill-grid p{color:#6d736f;font-size:14px;line-height:1.8}.skill-example{font-size:11px;color:#747b73;border-top:1px solid #d8d8d44a;padding-top:19px;margin-top:22px}.showcase-demo-callout{border:1px solid #dedfdc;background:#fff;border-radius:12px;padding:25px 30px;display:flex;align-items:center;gap:24px;margin-bottom:42px}.showcase-demo-icon{background:#eeebf9;color:#7764ab;border-radius:14px;width:54px;height:54px;display:grid;place-items:center;flex-shrink:0}.showcase-demo-callout .showcase-kicker{font-size:8px;margin-bottom:8px}.showcase-demo-callout h2{font-size:25px;letter-spacing:-.6px}.showcase-demo-callout p{font-size:12px;margin-top:8px}.showcase-button.outline{margin-left:auto;background:transparent;color:#192137;border-color:#d5d9de;flex-shrink:0}.program-invitation{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;padding:46px;color:#fff;background:radial-gradient(ellipse at right top,#3a3c59,transparent 65%),#192137;border:1px solid #354059;border-radius:16px;margin-bottom:38px}.program-invitation .showcase-kicker{color:#bcb0dd;font-size:9px}.program-invitation h2{font-size:clamp(27px,2.8vw,39px);letter-spacing:-1.2px}.program-invitation p{color:#b5bdce;font-size:14px;margin-top:20px;max-width:520px;line-height:1.8}.program-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.showcase-button.light{background:#c1b2ef;border-color:#c1b2ef;color:#211e34}.showcase-button.light:hover{background:#d7cbfa}.program-links>a:not(.showcase-button){font-size:13px;text-decoration:none;color:#e5e3f1}.program-links>a:not(.showcase-button):hover{text-decoration:underline}.program-links>span{font-size:11px;color:#aab4c9;line-height:1.8}.showcase-footer{max-width:1360px;margin:auto;padding:24px 40px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dedfdc}.showcase-footer .showcase-brand{font-size:18px}.showcase-footer>span,.showcase-footer>a:last-child{font-size:11px;color:#777e76}.project-page-heading{padding:42px 0 0}.project-page-heading h1{font-size:48px}.project-page-heading p{font-size:16px}.project-view-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0 42px}@media(max-width:1100px){.showcase-nav{gap:22px;padding-inline:26px}.showcase-brand .showcase-brand-tag{display:none}.showcase-nav nav{gap:18px}.showcase-main{padding-inline:26px}.showcase-hero{gap:28px;padding-block:50px}.hero-visual{padding:14px}.showcase h1{letter-spacing:-2px}.project-story{grid-template-columns:1fr;gap:25px}.story-intro h2 br{display:none}.project-skill-grid article{padding:22px}.showcase-demo-callout{flex-wrap:wrap}.showcase-button.outline{margin-left:78px}.program-invitation{gap:32px;padding:32px}}@media(max-width:780px){.showcase-nav{flex-wrap:wrap;gap:16px;padding:18px 20px}.showcase-nav nav{order:3;flex-basis:100%;justify-content:center;gap:30px}.showcase-nav-cta{margin-left:auto;font-size:11px}.showcase-nav-cta .icon{display:none}.showcase-brand{font-size:19px}.showcase-main{padding:0 22px}.showcase-hero{grid-template-columns:1fr;gap:32px;padding:38px 0}.showcase h1{font-size:58px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px;max-width:520px}.hero-visual{transform:none}.hero-context{max-width:none}.project-story ol{gap:20px}.showcase-section-heading{flex-direction:column;align-items:flex-start;gap:16px}.showcase-section-heading>p{max-width:440px}.project-skill-grid{grid-template-columns:1fr;gap:14px}.skill-top{margin-bottom:16px}.project-skills{padding:36px 0}.project-skill-grid h3{font-size:22px}.skill-example{margin-top:16px}.program-invitation{grid-template-columns:1fr;gap:26px;padding:28px}.showcase-demo-callout{padding:22px;gap:16px}.showcase-demo-callout>div{flex:1}.showcase-demo-callout h2{font-size:23px}.showcase-button.outline{margin-left:0}.showcase-footer{flex-wrap:wrap;padding:22px}.showcase-footer>span{flex-basis:100%;order:3}.project-page-heading h1{font-size:42px}.project-page-heading{padding-top:32px}}@media(max-width:480px){.showcase-nav{gap:12px;padding:16px}.showcase-brand{font-size:17px}.showcase-brand>span:first-child{width:30px;height:34px}.showcase-nav-cta{font-size:10px;padding:10px;max-width:132px}.showcase-main{padding-inline:18px}.showcase h1{font-size:46px}.showcase-kicker{font-size:8px}.hero-copy>p{font-size:15px}.hero-actions{gap:18px;margin-block:25px}.showcase-button{font-size:12px;gap:12px;padding:13px 16px}.hero-visual-label{font-size:7px;letter-spacing:.6px}.hero-explore strong{font-size:11px}.project-story ol{grid-template-columns:1fr;gap:20px}.project-story li{display:flex;gap:17px}.project-story li>span{margin-top:3px}.project-story p{font-size:13px}.project-story h3{font-size:15px}.showcase h2{font-size:29px}.showcase-demo-icon{display:none}.program-invitation{padding:25px 22px}}.showcase-nav .theme-toggle{flex-shrink:0;white-space:nowrap}html[data-theme=dark] .showcase{color:#f0f2f8;background:#151c30}html[data-theme=dark] .showcase-nav,html[data-theme=dark] .showcase-footer{border-color:#354057}html[data-theme=dark] .showcase-nav nav a,html[data-theme=dark] .showcase-brand-tag,html[data-theme=dark] .showcase-kicker,html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .hero-context>span:last-child,html[data-theme=dark] .hero-visual-label,html[data-theme=dark] .hero-explore span,html[data-theme=dark] .project-story p,html[data-theme=dark] .showcase-section-heading>p,html[data-theme=dark] .project-skill-grid p,html[data-theme=dark] .skill-example,html[data-theme=dark] .showcase-footer>span,html[data-theme=dark] .showcase-footer>a:last-child,html[data-theme=dark] .explorer-heading>p,html[data-theme=dark] .explorer-controls small,html[data-theme=dark] .explorer-detail>p{color:#aab4ca}html[data-theme=dark] .showcase-nav nav a[aria-current=page],html[data-theme=dark] .showcase h1,html[data-theme=dark] .showcase h2,html[data-theme=dark] .showcase h3,html[data-theme=dark] .hero-explore strong,html[data-theme=dark] .project-skill-grid h3,html[data-theme=dark] .explorer-heading h2,html[data-theme=dark] .explorer-detail h3{color:#f0f2f8}html[data-theme=dark] .showcase h1 em,html[data-theme=dark] .explorer-eyebrow,html[data-theme=dark] .explorer-learning>span{color:#c4b4f1}html[data-theme=dark] .showcase-brand>span:first-child{background:#b7a7f2;color:#261d3f}html[data-theme=dark] .showcase-nav-cta,html[data-theme=dark] .hero-visual,html[data-theme=dark] .project-skill-grid article,html[data-theme=dark] .showcase-demo-callout,html[data-theme=dark] .explorer-controls button{background:#202a40;border-color:#354057;color:#e2e6f0}html[data-theme=dark] .hero-visual{box-shadow:0 18px 40px #090e1b40}html[data-theme=dark] .hero-context,html[data-theme=dark] .project-story{border-color:#354057}html[data-theme=dark] .hero-context>span:first-child,html[data-theme=dark] .explorer-part-number{background:#303b54;color:#c4cce0}html[data-theme=dark] .project-skill-grid article:nth-child(2),html[data-theme=dark] .project-skill-grid article:nth-child(3){background:#252f46;border-color:#3a465e}html[data-theme=dark] .skill-example{border-color:#3a465e}html[data-theme=dark] .showcase-demo-icon{background:#302d49;color:#d1c5f2}html[data-theme=dark] .showcase-button.outline{color:#e2e6f0;background:#252f46;border-color:#4a4568}html[data-theme=dark] .explorer{color:#f0f2f8}html[data-theme=dark] .explorer-controls button:hover{background:#303b54;border-color:#71659b}html[data-theme=dark] .explorer-controls button[aria-pressed=true]{background:#302d49;border-color:#8171b5;color:#f0eaff}html[data-theme=dark] .explorer-controls strong{color:#e2e6f0}html[data-theme=dark] .explorer-detail{background:linear-gradient(145deg,#202a40,#252741);border-color:#45405f}html[data-theme=dark] .explorer-detail-top,html[data-theme=dark] .explorer-link{color:#c4b4f1}html[data-theme=dark] .explorer-learning{border-color:#45405f}html[data-theme=dark] .explorer-learning p{color:#d2d8e8}html[data-theme=dark] .showcase .theme-toggle{color:#e2e6f0;background:#252f46;border-color:#3a465e}html[data-theme=dark] .showcase .theme-toggle:hover{background:#303b54}@media(max-width:1100px){.showcase-nav .theme-toggle{margin-left:auto}}@media(max-width:780px){.showcase-nav .theme-toggle{margin-left:0}.program-invitation h2{font-size:28px}.showcase-footer>a:last-child{font-size:10px}.project-page-heading h1{font-size:39px}}@media(prefers-reduced-motion:reduce){.showcase-button{transition:none}.showcase-button:hover{transform:none}}.lab-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;padding:40px;margin:40px 0;border-radius:16px;background:#1b2338;border:1px solid #35415b;color:#fff}.lab-invitation .showcase-kicker{color:#bcade2;font-size:9px}.lab-invitation h2{font-size:36px;line-height:1.2}.lab-invitation h2 em{font-family:Georgia,serif;font-weight:400;color:#c0adee}.lab-invitation p{color:#b6c0d3;font-size:14px;max-width:470px;margin-top:18px}.lab-invitation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}.lab-invitation-actions>a:last-child{font-size:12px;color:#c7cfde;text-decoration:none}.lab-invitation-diagram{align-self:center;border:1px solid #ffffff18;padding:20px;border-radius:12px;background:#ffffff04}.lab-invitation-diagram>span{display:block;font-size:8px;letter-spacing:1.2px;color:#9bacc5;text-align:center}.lab-invitation-node{display:grid;grid-template-columns:26px 1fr;gap:3px 12px;padding:14px 18px;border:1px solid #ffffff20;border-radius:9px;margin:14px 0;background:#2b344d}.lab-invitation-node .icon{grid-row:span 2;align-self:center;color:#b5a3e5}.lab-invitation-node strong{font-size:13px;font-weight:600}.lab-invitation-node small{font-size:10px;color:#b9c4d9}.lab-invitation-wire{text-align:center;position:relative}.lab-invitation-wire>span{font-size:10px;color:#c6acdd;border:1px dashed #72618c;padding:5px 10px;border-radius:20px;display:inline-block}@media(max-width:900px){.lab-invitation{gap:28px;padding:28px}.lab-invitation h2{font-size:30px}.lab-invitation-node{padding:12px}.lab-invitation-diagram{padding:15px}}@media(max-width:650px){.lab-invitation{grid-template-columns:1fr;padding:25px;margin:30px 0;gap:25px}.lab-invitation h2{font-size:29px}.showcase-nav nav{flex-wrap:wrap;gap:12px 20px}.showcase-nav nav a{font-size:12px}}.presentation-view{min-height:100svh;width:100%;color:#f6f4fb;background:radial-gradient(ellipse at 84% -12%,#51417055,transparent 50%),#151c30;font-family:Segoe UI,Arial,sans-serif;overflow:auto}.presentation-view:fullscreen{height:100vh}.presentation-view .presentation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,72px);border-bottom:1px solid #ffffff13}.presentation-brand{display:flex;align-items:center;gap:12px;color:#f7f4ff;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-.8px}.presentation-brand>span{width:38px;height:40px;display:grid;place-items:center;background:#b7a7f2;color:#261d3f;border-radius:11px}.presentation-header-actions{display:flex;align-items:center;gap:24px}.presentation-header-actions>a{font-size:12px;color:#c5c7d8;text-decoration:none}.presentation-header-actions>a:hover{color:#fff;text-decoration:underline}.presentation-fullscreen{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 15px;color:#f3efff;border:1px solid #ffffff35;border-radius:8px;background:#ffffff07;font-size:12px}.presentation-view .presentation-content{margin:0 auto;padding:clamp(24px,4vh,48px) clamp(20px,4vw,72px) 32px;max-width:1800px}.presentation-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.presentation-view .presentation-eyebrow{color:#b5a9dc;font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 9px}.presentation-intro h1{color:#faf8ff;font-size:clamp(30px,3vw,52px);letter-spacing:-1.9px;font-weight:550;margin:0}.presentation-mode{display:flex;border:1px solid #ffffff23;padding:4px;border-radius:10px;background:#ffffff04;gap:4px}.presentation-mode button{border:0;border-radius:6px;background:transparent;color:#c2c6da;padding:11px 16px;min-height:42px;font-size:12px;white-space:nowrap}.presentation-mode button[aria-pressed=true]{background:#c2b4ef;color:#29203e;font-weight:650}.presentation-view .presentation-message{border:1px solid #9b8059;color:#ead8b7;background:#9a713f20;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:15px}.presentation-source{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#adb8cd;font-size:12px;margin-bottom:15px}.presentation-source>span:first-child{display:inline-flex;align-items:center;gap:9px;color:#cdc3ea}.presentation-source>span:first-child:before{content:"";width:6px;height:6px;border-radius:50%;background:#bcaceb}.presentation-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.presentation-measurements{display:grid;grid-template-columns:1fr 1fr;gap:20px}.presentation-measure{padding:clamp(20px,2.4vw,38px);background:#ffffff05;border:1px solid #ffffff1f;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-width:0}.presentation-measure>div{display:flex;gap:10px;align-items:center}.presentation-measure h2{color:#d5d7e3;font-size:clamp(13px,1.1vw,18px);font-weight:500;letter-spacing:0}.presentation-temperature .icon{color:#f0b184}.presentation-humidity .icon{color:#b8a6ef}.presentation-view .presentation-value{color:#faf8ff;font-size:clamp(45px,5.7vw,102px);font-weight:500;letter-spacing:-3px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;margin:24px 0 16px}.presentation-value>span{color:#a3a9c1;font-size:.36em;letter-spacing:-1px;font-weight:400}.presentation-measure-note{color:#9faac2;font-size:11px}.presentation-status{border:1px solid #4c716363;background:linear-gradient(135deg,#28483f,#263541);padding:clamp(24px,2.8vw,42px);border-radius:16px;display:flex;flex-direction:column;justify-content:center}.presentation-status-top{display:flex;align-items:center;justify-content:space-between;color:#bfd6ce;font-size:9px;letter-spacing:1.5px;font-weight:600;margin-bottom:24px}.presentation-status h2{color:#fbf9ff;font-size:clamp(26px,3vw,48px);font-weight:550;line-height:1.13;letter-spacing:-1.2px;margin:0 0 15px}.presentation-view .presentation-status>p{color:#d2dcdd;font-size:clamp(13px,1.15vw,17px);line-height:1.65}.presentation-last-state{color:#c2ccda;border-top:1px solid #ffffff22;padding-top:14px;margin-top:20px;font-size:11px}.presentation-tone-warning{background:linear-gradient(135deg,#655039,#3f3540);border-color:#ab8b4f40}.presentation-tone-danger{background:linear-gradient(135deg,#703f4b,#3d3046);border-color:#b9657540}.presentation-tone-blue{background:linear-gradient(135deg,#3c537f,#30364d);border-color:#628bc440}.presentation-tone-neutral{background:linear-gradient(135deg,#3d435e,#283045);border-color:#8188ac40}.presentation-stage-demo{grid-template-columns:1fr}.presentation-stage-demo .presentation-status{min-height:225px}.presentation-stage-demo .presentation-status-top{margin-bottom:16px}.presentation-stage-demo .presentation-status h2{font-size:clamp(28px,4vw,58px)}.presentation-scenarios{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:17px}.presentation-scenarios button{border:1px solid #ffffff26;border-radius:9px;background:#ffffff04;color:#d4d8e5;text-align:left;padding:14px;font-size:12px;line-height:1.4;min-height:80px}.presentation-scenarios button>span{display:block;color:#9c94b4;font-size:10px;margin-bottom:8px}.presentation-scenarios button[aria-pressed=true]{background:#a38adf21;border-color:#b6a1eb;color:#f0eaff}.presentation-scenarios button[aria-pressed=true]>span{color:#cec0f0}.presentation-signals{margin-top:30px}.presentation-signals-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.presentation-signals-heading h2{color:#e2e2ed;font-size:17px;font-weight:500;letter-spacing:-.3px}.presentation-signals-heading>span{color:#a9afc6;font-size:11px}.presentation-view .signals{background:#ffffff04;border-color:#ffffff1b;margin:0}.presentation-view .signal{border-color:#ffffff1b;padding:20px 17px}.presentation-view .signal strong{color:#e0e4ef;font-size:13px}.presentation-view .signal span:not(.led):not(.sound-icon){color:#b3bed2;font-size:11px}.presentation-view .sound-icon{color:#b6bfda}.presentation-view .led.reference{background:transparent;opacity:.8}.presentation-view .led.on{box-shadow:0 0 0 5px color-mix(in srgb,var(--led-color) 20%,transparent)}.presentation-view button:focus-visible,.presentation-view a:focus-visible{outline:3px solid #d6c8ff;outline-offset:4px}@media(max-width:1100px){.presentation-stage{grid-template-columns:1fr}.presentation-measurements{gap:16px}.presentation-measure{padding:24px}.presentation-view .presentation-value{margin:12px 0;font-size:65px}.presentation-scenarios{grid-template-columns:repeat(3,minmax(0,1fr))}.presentation-intro{align-items:flex-start;flex-direction:column;gap:20px}.presentation-status-top{margin-bottom:15px}}@media(max-width:700px){.presentation-view .presentation-header{padding:18px;flex-wrap:wrap;gap:16px}.presentation-brand{font-size:20px}.presentation-header-actions{gap:18px}.presentation-header-actions>a{font-size:11px}.presentation-fullscreen{font-size:11px;min-height:38px;padding:8px 10px}.presentation-view .presentation-content{padding:26px 18px}.presentation-mode{width:100%}.presentation-mode button{flex:1;padding:10px;font-size:11px}.presentation-source{font-size:10px;flex-wrap:wrap}.presentation-measurements{gap:10px}.presentation-measure{padding:17px 12px;border-radius:12px}.presentation-measure>div{gap:5px}.presentation-measure>div .icon{width:16px;height:16px}.presentation-measure h2{font-size:11px}.presentation-view .presentation-value{font-size:clamp(37px,11vw,62px);letter-spacing:-2px}.presentation-measure-note{font-size:10px}.presentation-status{padding:23px}.presentation-status h2{font-size:30px}.presentation-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presentation-signals-heading{align-items:flex-start;flex-direction:column;gap:7px}.presentation-signals-heading h2{font-size:16px}.presentation-view .signal{padding:17px 12px}.presentation-view .signal strong{font-size:11px}.presentation-view .signal span:not(.led):not(.sound-icon){font-size:10px}.presentation-view .signal.buzzer{border-top-color:#ffffff1b!important}}@media(prefers-reduced-motion:reduce){.presentation-view *,.presentation-view *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.journey{background:#192137;border:1px solid #36405b;border-radius:18px;padding:28px;color:#edf0fa;margin-top:26px;min-width:0}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.journey-eyebrow{display:block;color:#b7a7f2;font-size:9px;letter-spacing:1.6px;margin-bottom:10px}.journey .journey-heading h2{font-size:clamp(24px,2.3vw,34px);color:#f6f5fb;letter-spacing:-.8px}.journey-badge{padding:6px 10px;border:1px solid #514b6b;border-radius:6px;color:#cfc3f6;font-size:11px;white-space:nowrap}.journey-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0 23px}.journey-toolbar>p{color:#bac4d8;font-size:13px;max-width:470px}.journey-actions{display:flex;gap:9px;flex-wrap:wrap}.journey-actions button{border:1px solid #b7a7f2;border-radius:7px;padding:11px 15px;min-height:42px;color:#211b39;background:#b7a7f2;font-size:12px;font-weight:600;white-space:nowrap}.journey-actions button:hover:not(:disabled){background:#d1c4ff}.journey-actions button:disabled{opacity:.6}.journey-actions .journey-reset{border-color:#4e5871;background:transparent;color:#d2d8e8}.journey-actions .journey-reset:hover{background:#2b3650}.journey-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.journey-step{position:relative;text-align:left;padding:15px 12px;min-width:0;color:#c4cde1;border:1px solid #3b465f;background:#222d44;border-radius:10px;transition:background .2s,border-color .2s}.journey-step[aria-pressed=true]{border-color:#b7a7f2;background:#393653;color:#fff;box-shadow:inset 0 0 0 1px #b7a7f2}.journey-step:hover{background:#303b56}.journey-step-number{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:10px;margin-bottom:15px;border:1px solid #66738c;color:#c3cfe4}.journey-reached .journey-step-number{color:#b5e1cd;border-color:#7fb39a;background:#355747}.journey-step strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.journey-technology{display:block;color:#b3bed4;font-size:10px;line-height:1.5}.journey-step-arrow{position:absolute;right:10px;top:16px;color:#9aabbe}.journey-step:last-child .journey-step-arrow{display:none}.journey .journey-progress{font-size:12px;color:#a9d8c3;padding:14px 0;min-height:48px}.journey .journey-blocked{color:#f0c49a}.journey-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;border-top:1px solid #3a455e;padding-top:22px}.journey-detail-label{display:block;font-size:9px;letter-spacing:1.2px;color:#afa0e1;margin-bottom:10px}.journey .journey-explanation h3{font-size:22px;font-weight:600;margin-bottom:12px;letter-spacing:-.5px}.journey-explanation h3>span{font-size:13px;font-weight:400;color:#bac4d9}.journey .journey-explanation p{color:#c0cadc;font-size:13px;line-height:1.8}.journey-takeaway{font-size:12px;color:#d9cfef;margin-top:16px;padding-left:12px;border-left:2px solid #8b7bb6;line-height:1.8}.journey-packet{background:#11192b;border:1px solid #38455c;border-radius:10px;padding:15px 18px;margin:0}.journey-packet>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0}.journey-packet dt{color:#b8c3d7;font-size:12px}.journey-packet dd{margin:0;font-size:14px;font-weight:600;text-align:right;color:#f3f3fa;font-variant-numeric:tabular-nums}.journey-packet dd>span{color:#a5b4cb;font-size:11px;font-weight:400}.journey-packet .journey-packet-title{border-bottom:1px solid #344058;padding:0 0 12px;margin-bottom:3px}.journey-packet-title dt{font-size:8px;letter-spacing:1px;color:#9cacc5}.journey-packet-title dd{color:#b7a7f2;font-size:9px;font-weight:500}.journey button:focus-visible{outline:3px solid #d7ccff;outline-offset:3px}@media(max-width:1000px){.journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.journey-toolbar>p{max-width:100%}}@media(max-width:650px){.journey{padding:20px 16px}.journey-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-detail{grid-template-columns:1fr;gap:20px}.journey-step{padding:14px 12px}.journey-actions{width:100%}.journey-actions button{flex:1}.journey-packet{padding:14px}.journey .journey-progress{line-height:1.7}}@media(prefers-reduced-motion:reduce){.journey-step{transition:none}}.lab-page{padding:36px 0 40px}.lab-hero{padding:34px 38px;background:radial-gradient(ellipse at 100% 0,#393b5b,transparent 70%),#192137;color:#fff;border-radius:18px;display:flex;justify-content:space-between;gap:40px;align-items:center}.lab-hero .showcase-kicker{color:#c4b5eb;margin-bottom:14px}.showcase .lab-hero h1{font-size:46px;letter-spacing:-1.7px;margin-bottom:16px}.showcase .lab-hero h1 em{color:#c4b4f1}.lab-hero p{color:#bdc6d8;font-size:14px}.lab-hero-aside{max-width:335px;padding:22px;border:1px solid #ffffff20;background:#ffffff05;border-radius:12px}.lab-simulation-badge{color:#cbbdf2;font-size:9px;letter-spacing:1.5px}.lab-hero-aside p{margin:10px 0 22px;font-size:13px}.lab-hero-aside>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;color:#c3c9da}.lab-hero-aside>div>span{color:#9e89ce;font-size:9px}.lab-hero-aside .icon{width:12px;height:12px}.lab-section-tabs{display:flex;align-items:center;gap:5px;margin:22px 0;border-bottom:1px solid #dddfe3;padding-bottom:12px}.lab-section-tabs button{display:flex;align-items:center;gap:9px;padding:12px 17px;background:transparent;border:0;border-radius:7px;color:#62697a;font-size:13px;min-height:44px}.lab-section-tabs button[aria-pressed=true]{background:#e8e3f4;color:#594782;font-weight:650}.lab-section-tabs a{margin-left:auto;font-size:12px;text-decoration:none}.lab-section-tabs a:hover{text-decoration:underline}.lab-mission{display:flex;align-items:center;gap:20px;padding:20px 22px;border:1px solid #e1dcec;border-radius:11px;background:#f2eff9;margin-bottom:20px}.lab-mission-progress{display:flex;gap:5px;flex-shrink:0}.lab-mission-progress>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #d6cfdf;border-radius:50%;font-size:11px;color:#7b728a;background:#fff}.lab-mission-progress .current{background:#7a62af;color:#fff;border-color:#7a62af;box-shadow:0 0 0 3px #7a62af12}.lab-mission-progress .done{background:#def0e6;color:#32654c;border-color:#abd0bc}.lab-mission-copy{flex:1}.lab-mission-copy>span{font-size:8px;letter-spacing:1.2px;font-weight:650;color:#796593}.showcase .lab-mission-copy h2{font-size:18px;letter-spacing:-.4px;margin:3px 0}.lab-mission-copy p{font-size:12px;color:#756e7f}.lab-mission button{border:1px solid #d7cde6;border-radius:7px;padding:10px 13px;color:#675577;background:transparent;font-size:11px;min-height:40px;white-space:nowrap}.lab-mission-complete{background:#eef6f0;border-color:#c4dfce}.lab-workbench{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:24px}.lab-controls{padding:25px;border:1px solid #e0e1e5;border-radius:13px;background:#fff}.lab-block-title>span{font-size:8px;letter-spacing:1.3px;color:#8d819e}.showcase .lab-block-title h2{font-size:23px;letter-spacing:-.6px;margin:6px 0 23px}.lab-range{display:block;margin-bottom:25px}.lab-range>span:first-child{display:flex;align-items:center;gap:9px;color:#536077;font-size:13px}.lab-range .icon{width:18px;height:18px;color:#9581b7}.lab-range strong{margin-left:auto;font-size:24px;font-weight:600;color:#242c42;font-variant-numeric:tabular-nums}.lab-range strong small{font-size:13px;font-weight:400;color:#7b8192}.lab-range input{width:100%;accent-color:#8e74be;min-height:40px;cursor:pointer}.lab-range-ends{display:flex;justify-content:space-between;color:#7b8192;font-size:10px}.lab-presets{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 20px}.lab-presets button{background:#f7f5fb;border:1px solid #e3deeb;border-radius:6px;padding:8px 9px;font-size:10px;color:#726087;min-height:36px}.lab-presets button:hover{background:#e9e2f5}.lab-switches{border-top:1px solid #e8e9ed}.lab-switches label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edeef2;font-size:12px}.lab-switches small{display:block;font-size:10px;color:#868b99;margin-top:3px}.lab-switches input,.lab-journey-network input{appearance:none;flex-shrink:0;width:36px;height:21px;background:#b6b9c5;border-radius:20px;padding:3px;margin:0;cursor:pointer;transition:background .15s}.lab-switches input:before,.lab-journey-network input:before{content:"";display:block;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #19213720}.lab-switches input:checked,.lab-journey-network input:checked{background:#8165b2}.lab-switches input:checked:before,.lab-journey-network input:checked:before{transform:translate(15px)}.lab-rules{margin-top:12px}.lab-rules summary{font-size:11px}.lab-rules p{font-size:11px}.lab-outcome{min-width:0}.lab-local{background:#1c2a3a;padding:24px;border:1px solid #304858;border-radius:13px;color:#fff;transition:background .2s}.lab-local.lab-tone-warning{background:#3c332c;border-color:#685544}.lab-local.lab-tone-danger{background:#402936;border-color:#6c4354}.lab-local.lab-tone-blue{background:#29364f;border-color:#485f84}.lab-local-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#c1cadd}.lab-local-top>span:last-child{letter-spacing:0;padding:3px 8px;background:#ffffff0c;border:1px solid #ffffff1f;border-radius:20px}.lab-local-state h3{font-size:27px;font-weight:600;letter-spacing:-.7px;margin:14px 0 9px}.lab-local-state>p{color:#c8c6d2;font-size:12px;min-height:40px}.lab-local .signals{grid-template-columns:repeat(2,minmax(0,1fr));background:#ffffff04;border-color:#ffffff20;margin:18px 0 0}.lab-local .signal{border-color:#ffffff15;padding:14px;border-bottom:1px solid #ffffff15}.lab-local .signal:nth-child(2n){border-right:0}.lab-local .signal.buzzer{grid-column:1/-1;border-bottom:0;border-top:0!important}.lab-local .signal span:not(.led):not(.sound-icon){color:#bcc5d5}.lab-local .led.reference{background:transparent}.lab-remote{background:#fff;border:1px solid #e0e1e5;padding:20px 24px;border-radius:13px;margin-top:16px}.lab-remote-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-remote-heading>span{font-size:9px;color:#8d819e;letter-spacing:1px}.lab-remote-heading strong{font-size:11px;font-weight:500;color:#41735b}.lab-remote-paused .lab-remote-heading strong{color:#a06c33}.lab-remote dl{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 12px;gap:20px}.lab-remote dt{font-size:11px;color:#7c8395}.lab-remote dd{margin:4px 0 0;font-size:26px;letter-spacing:-.8px;font-weight:600;font-variant-numeric:tabular-nums}.lab-remote dd small{font-size:13px;color:#8b91a0;font-weight:400}.lab-remote>p{font-size:11px}.lab-network-lesson{padding:12px 14px;background:#fff5e6;color:#8b6631;font-size:12px;margin-top:14px;border-radius:7px;line-height:1.6}.lab-journey-network{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:14px 0 18px;font-size:12px;color:#6f7785}.lab-journey-network label{display:flex;align-items:center;gap:12px;color:#485169}@media(max-width:1000px){.lab-hero{padding:28px;gap:28px}.showcase .lab-hero h1{font-size:40px}.lab-workbench{gap:18px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.3fr)}.lab-controls,.lab-local{padding:20px}.lab-mission{flex-wrap:wrap}.lab-mission-copy{min-width:240px}.lab-local-state h3{font-size:24px}}html[data-theme=dark] .lab-section-tabs{border-color:#354057}html[data-theme=dark] .lab-section-tabs button{color:#aab4ca}html[data-theme=dark] .lab-section-tabs button[aria-pressed=true]{color:#e2d9fa;background:#302d49}html[data-theme=dark] .lab-mission{color:#e2e6f0;background:#252f46;border-color:#3a465e}html[data-theme=dark] .lab-mission-progress>span{color:#c4cce0;background:#202a40;border-color:#4a5368}html[data-theme=dark] .lab-mission-progress .done{color:#b5e1cd;background:#29483d;border-color:#507a67}html[data-theme=dark] .lab-mission-copy>span{color:#c4b4f1}html[data-theme=dark] .lab-mission-copy p,html[data-theme=dark] .lab-range>span:first-child,html[data-theme=dark] .lab-range-ends,html[data-theme=dark] .lab-journey-network,html[data-theme=dark] .lab-journey-network label{color:#aab4ca}html[data-theme=dark] .lab-mission button,html[data-theme=dark] .lab-controls,html[data-theme=dark] .lab-remote{color:#e2e6f0;background:#202a40;border-color:#354057}html[data-theme=dark] .lab-block-title>span,html[data-theme=dark] .lab-remote-heading>span,html[data-theme=dark] .lab-remote dt,html[data-theme=dark] .lab-remote dd small{color:#aab4ca}html[data-theme=dark] .lab-range strong{color:#f0f2f8}html[data-theme=dark] .lab-presets button{color:#d2c8ef;background:#252f46;border-color:#45405f}html[data-theme=dark] .lab-presets button:hover{background:#302d49}html[data-theme=dark] .lab-switches,html[data-theme=dark] .lab-switches label{border-color:#354057}html[data-theme=dark] .lab-switches small{color:#aab4ca}html[data-theme=dark] .lab-remote dd{color:#f0f2f8}html[data-theme=dark] .lab-network-lesson{color:#efd6a8;background:#41382e}@media(max-width:780px){.lab-page{padding-top:24px}.lab-hero{flex-direction:column;align-items:stretch;gap:20px}.lab-hero-aside{max-width:none;padding:14px 18px}.lab-hero-aside p{margin:6px 0}.lab-hero-aside>div{display:none}.lab-workbench{grid-template-columns:1fr}.lab-mission{gap:14px}.lab-mission-copy{min-width:180px}.lab-mission button{width:100%}.lab-section-tabs{flex-wrap:wrap;gap:8px}.lab-section-tabs button{flex:1;font-size:12px;padding:12px;white-space:nowrap}.lab-section-tabs a{margin:4px 0 0;flex-basis:100%;text-align:right}.lab-block-title h2{font-size:22px}.lab-range input{min-height:44px}.lab-switches label{min-height:60px}.lab-switches input,.lab-journey-network input{height:25px;width:40px}.lab-switches input:before,.lab-journey-network input:before{width:19px;height:19px}.lab-local-state>p{min-height:0}.lab-mission-progress{gap:5px}}@media(max-width:400px){.lab-hero{padding:24px 20px}.showcase .lab-hero h1{font-size:36px}.lab-mission{padding:16px}.lab-mission-progress{flex-basis:100%}.lab-mission-copy{min-width:0}.lab-section-tabs .icon{display:none}.lab-local .signals{grid-template-columns:1fr 1fr}.lab-local .signal{padding:12px 10px;gap:8px}.lab-local,.lab-remote{padding:18px}.lab-remote-heading{align-items:flex-start}.lab-remote-heading strong{max-width:125px;text-align:right}}@media(prefers-reduced-motion:reduce){.lab-local,.lab-switches input,.lab-switches input:before,.lab-journey-network input,.lab-journey-network input:before{transition:none}}.demo-playground{margin:0 0 18px;border-color:#e0d9f4;background:#fdfcff;overflow:hidden}.demo-playground>summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;width:100%;font-size:12px;color:#51436e;font-weight:600}.demo-playground>summary:before{content:"+";font-size:20px;font-weight:400}.demo-playground[open]>summary:before{content:"−"}.demo-badge{font-size:8px;letter-spacing:1px;background:#eeebf9;padding:4px 7px;border-radius:4px}.demo-open-hint{margin-left:auto;font-size:10px;color:#726587;font-weight:400}.demo-content{padding:0 18px 18px;border-top:1px solid #eee9f7}.demo-content>p{font-size:12px;margin-top:12px}.demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.demo-controls label{font-size:12px;font-weight:600}.demo-controls select{font:inherit;font-size:12px;color:#343049;background:#fff;border:1px solid #d6cdeb;border-radius:7px;padding:10px 12px;min-height:42px;max-width:100%}.demo-controls button{border:1px solid #d6cdeb;border-radius:7px;background:#fff;padding:10px 12px;min-height:42px;color:#61517c;font-size:12px}.demo-controls button:disabled{cursor:default}.demo-controls select:focus-visible{outline:3px solid #8571df;outline-offset:3px}.scenario-preview{border-left:3px solid #789687;background:#f1f6f3;border-radius:7px;padding:15px 18px}.scenario-preview.warning{border-color:#b58738;background:#fff7e8}.scenario-preview.danger{border-color:#c76868;background:#fff0ed}.scenario-preview.blue{border-color:#6a95c6;background:#edf3fd}.scenario-preview.neutral{border-color:#8a91a3;background:#f1f2f7}.scenario-label{color:#627080;font-size:9px;letter-spacing:1.2px}.scenario-preview h3{font-size:20px;margin:5px 0}.scenario-preview p{font-size:12px}.scenario-action{margin-top:6px;font-weight:600}.demo-content .signals{margin:16px 0 10px}.demo-content .simulation-disclaimer{font-size:11px}@media(max-width:700px){.demo-open-hint,.demo-badge{display:none}.demo-controls{align-items:stretch}.demo-controls label{flex-basis:100%}.demo-controls select{flex:1;min-width:0}}.event-journal{margin-top:24px;padding:22px 24px}.event-journal .section-heading{margin:0 0 12px}.journal-note,.event-list p{font-size:12px}.event-list{list-style:none;padding:0;margin:18px 0 0;max-height:430px;overflow:auto}.event-list li{display:flex;align-items:baseline;gap:14px;padding:13px 2px;border-top:1px solid var(--border)}.event-list strong{font-size:13px;font-weight:600}.event-list time{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted)}.event-marker{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#8792a7}.event-marker.green{background:#4f9b79}.event-marker.warning{background:#bc933e}.event-marker.danger{background:#cc6f70}.event-marker.blue{background:#6a95c6}.journal-empty{padding:22px 0;font-size:13px}.history-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(max-width:700px){.event-journal{padding:18px}.event-list li{flex-wrap:wrap;gap:8px}.event-list li>div{flex:1;min-width:0}.event-list time{flex-basis:100%;margin-left:17px}.history-actions{width:100%}.history-actions .period{flex:1}}:root{font-family:Segoe UI,Arial,sans-serif;color:#20263b;background:#f6f7fb;font-synthesis:none;line-height:1.5;font-weight:400;--muted: #687187;--border: #e7e9f1;--accent: #6b58cd;--nav: #192137}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}#root{min-height:100vh}button,input{font:inherit}button,a,input,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8571df}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}p{color:var(--muted);font-size:14px;line-height:1.7}.icon{flex-shrink:0;vertical-align:middle}.sidebar{width:244px;background:var(--nav);color:#e4e7f2;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 18px 22px;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.8px;padding:0 8px}.brand-icon{display:grid;place-items:center;width:38px;height:42px;background:#b7a7f2;color:#211941;border-radius:12px}.brand-icon .icon{width:25px;height:25px}.brand-caption{display:block;font-size:8px;letter-spacing:1.3px;font-weight:500;color:#a8b1c9;margin-top:4px}.workspace{display:flex;gap:12px;align-items:center;margin:38px 0 32px;padding:14px 12px;border:1px solid #364058;border-radius:11px;background:#222b43}.workspace-symbol{width:35px;height:35px;border-radius:9px;background:#343e58;color:#c7d0e6;display:grid;place-items:center;font-size:12px}.workspace strong{font-size:13px;font-weight:600}.workspace div>span{display:block;font-size:10px;color:#a6b0c7;margin-top:3px}.nav-label{color:#9da8c2;font-size:9px;font-weight:600;letter-spacing:1.4px;padding:0 14px;margin-bottom:14px}.sidebar nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px;border-radius:8px;font-size:12px;color:#b9c2d8;transition:background .2s,color .2s}.nav-link .icon{width:18px;height:18px}.nav-link:hover,.nav-link:focus-visible{background:#303a53;color:#fff}.overview-link{background:#8070c52b;color:#e1d7ff;border:1px solid #7767b34d}.sidebar-bottom{margin-top:auto;padding-top:34px}.local-note{background:linear-gradient(135deg,#2b3652,#242d45);border:1px solid #3a4560;border-radius:12px;padding:19px 16px}.local-note>.icon{display:block;color:#b6a6f0;margin-bottom:14px;width:26px;height:26px}.local-note strong{font-size:12px;font-weight:600}.local-note p{font-size:11px;color:#b5bed3;margin-top:8px;line-height:1.8}.sidebar-signature{display:flex;justify-content:space-between;font-size:10px;margin:24px 8px 0;color:#b0b9ce}.sidebar-signature span{color:#929eb8}.app-shell{margin-left:244px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:16px}.topbar strong{font-weight:500;color:#333c53}.breadcrumb-slash{color:#c0c5d3}.station-chip{display:flex;align-items:center;gap:9px;text-decoration:none;color:#4c556d;border:1px solid var(--border);border-radius:7px;padding:8px 12px;font-size:11px}.station-chip .icon{width:16px;height:16px}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#4c556d;font-size:11px}.theme-toggle .icon{width:16px;height:16px}main{max-width:1450px;margin:auto;padding:26px 40px 24px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#727c94;margin-bottom:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}h1{font-size:36px;letter-spacing:-1.4px;font-weight:650;line-height:1.25;margin-bottom:9px}.page-heading p{font-size:13px}.refresh{display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 16px;border-radius:8px;border:1px solid #dce0ec;background:#fff;color:#414c65;font-size:12px;font-weight:600;box-shadow:0 2px 3px #20264104;white-space:nowrap}.refresh .icon{width:16px;height:16px}.refresh:hover:not(:disabled){border-color:#a696d9;background:#faf8ff}.notice{display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid;border-radius:9px;font-size:12px;margin-bottom:20px}.notice strong{font-weight:600;flex-shrink:0}.demo{background:#eeebf9;border-color:#e0d9f4;color:#63548e}.demo-symbol{font-size:22px;color:#7e66ba}.demo a{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}.demo a:hover{text-decoration:underline}.demo a .icon{width:15px;height:15px}.problem{background:#fff1ed;border-color:#efd2c7;color:#a04b34}.station-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 15px;color:var(--muted);font-size:11px}.quality{display:inline-flex;align-items:center;gap:7px;color:#397f68;font-weight:500}.quality>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2f0e8}.quality.old{color:#93642e}.quality.old>span{background:#f7eddc}.cards{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px}.panel{border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:0 4px 15px #20264103}.metric{padding:22px 23px 0;min-width:0;position:relative;overflow:hidden}.metric-label{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:1}.metric-label h2{font-size:13px;font-weight:600;letter-spacing:0;color:#59627a}.metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff0e4;color:#c47a41}.humidity .metric-icon{background:#efedfc;color:#7770c9}.metric-icon .icon{width:23px;height:23px}.big-number{font-size:52px;font-weight:600;letter-spacing:-2px;line-height:1.2;margin:12px 0 6px;font-variant-numeric:tabular-nums}.big-number small{font-size:23px;font-weight:400;letter-spacing:0;color:#9299ab;margin-left:3px}.metric p{font-size:11px}.metric-bottom{border-top:1px solid #eceef4;margin-top:14px;padding:10px 0;color:#778198;font-size:10px}.temperature:after,.humidity:after{content:"";position:absolute;width:170px;height:170px;right:-95px;top:63px;border:22px solid #f7ece257;border-radius:50%;pointer-events:none}.humidity:after{border-color:#eeebfc70}.state-card{background:radial-gradient(ellipse at 100% 0%,#3a5267 0%,transparent 65%),#26374a;border-color:#2a3e51;color:#fff}.state-card .metric-label h2{color:#d1dbe6}.status-orbit{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff2b;background:#ffffff0d;color:#c0e1d5}.status-orbit .icon{width:21px;height:21px}.state-title{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:600;margin:24px 0 10px;max-width:250px}.state-card p{color:#c5d1de;min-height:19px}.state-card .metric-bottom{color:#b5c4d3;border-color:#ffffff20}.state-card.danger{background:radial-gradient(ellipse at 100% 0%,#814953,transparent 70%),#4a2f40}.state-card.warning{background:radial-gradient(ellipse at 100% 0%,#7b6645,transparent 70%),#493d34}.state-card.blue{background:radial-gradient(ellipse at 100% 0%,#4d6293,transparent 70%),#2b3858}.state-card.neutral{background:#3e465a}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 14px}h2{font-size:20px;letter-spacing:-.5px;font-weight:600}.section-heading .eyebrow{margin-bottom:5px;font-size:8px}.section-heading p{font-size:11px;margin-top:5px}.period{display:flex;gap:3px;border:1px solid #e3e6ef;border-radius:8px;padding:4px;background:#ebeef5}.period button{border:0;background:transparent;color:#69728a;font-size:11px;border-radius:5px;padding:8px 13px;min-height:34px;white-space:nowrap}.period button[aria-pressed=true]{background:#fff;color:#6251ab;box-shadow:0 1px 4px #34446912;font-weight:600}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart{padding:21px 22px 13px;min-width:0}.chart-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.chart h3{font-size:13px;font-weight:600}.chart-heading>span{background:#f4f5f9;padding:3px 8px;border-radius:4px;color:#737c91;font-size:9px}.unit{font-size:11px;color:#8590a5;font-weight:400}.chart-dot{display:inline-block;height:7px;width:7px;border-radius:50%;margin-right:8px}.chart-readout{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:17px 0 2px}.chart-readout strong{font-size:28px;font-weight:600;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.chart-readout small{font-size:13px;color:#8590a5;font-weight:400}.chart-readout>span{font-size:10px;color:#778198}.chart svg:not(.icon){width:100%;display:block;margin-top:6px}.chart text{font-family:inherit;fill:#727d94;font-size:11px}.point-selector{display:flex;align-items:center;gap:16px;font-size:10px;color:#737d92;margin-top:3px}.point-selector input{min-width:0;flex:1;accent-color:#8c7dc7;height:26px;cursor:pointer}.data-table{border-top:1px solid #eef0f5;margin-top:8px}.data-table summary{font-size:10px}.empty{min-height:250px;display:grid;place-items:center;font-size:12px;text-align:center}.behavior{padding:24px 26px;margin-top:28px}.behavior .section-heading{margin:0 0 10px}.behavior h2{font-size:19px}.tag{border:1px solid #e1def0;border-radius:5px;background:#f6f4fc;color:#77659e;font-size:10px;padding:5px 10px;white-space:nowrap}.behavior-intro{font-size:11px;max-width:760px}.signals{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;border:1px solid var(--border);border-radius:10px;margin:22px 0;overflow:hidden;background:#fafbfe}.signal{display:flex;align-items:center;gap:13px;padding:20px 17px;min-width:0;border-right:1px solid var(--border)}.signal:last-child{border:0}.signal strong{display:block;font-size:11px;font-weight:600}.signal span:not(.led):not(.sound-icon){display:block;color:#778198;font-size:10px;margin-top:3px}.led{width:18px;height:18px;flex-shrink:0;border:2px solid var(--led-color);border-radius:50%;background:repeating-linear-gradient(135deg,#fff,#fff 3px,#dfe3ec 3px 4px)}.led-0{--led-color: #4f9b79}.led-1{--led-color: #bc933e}.led-2{--led-color: #cc6f70}.led-3{--led-color: #6a95c6}.led.on{background:var(--led-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--led-color) 13%,transparent),inset 0 2px 3px #fff5}.sound-icon{color:#8d96ac}.action{display:flex;align-items:baseline;gap:12px;background:#f4f6fb;border-radius:7px;padding:12px 15px;margin-bottom:10px}.action strong{font-size:11px;font-weight:600;white-space:nowrap;color:#485573}.action p{font-size:11px}details{font-size:11px;color:#6a748c}summary{cursor:pointer;width:fit-content;padding:9px 0;min-height:34px}details p{font-size:12px;margin-top:8px;max-width:900px;line-height:1.8}.table-scroll{max-height:220px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:8px;border-bottom:1px solid var(--border)}caption{text-align:left;padding:8px 0}footer{display:flex;justify-content:space-between;gap:15px;margin-top:22px;padding-bottom:12px;font-size:10px;color:#758099}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:#fff;z-index:20}.skip-link:focus{top:12px}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.spin{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1650px){main{padding-top:42px}.metric{padding-top:26px}.big-number{font-size:60px}.state-title{font-size:28px}}@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{font-size:18px;gap:8px}.brand-caption{font-size:7px}.app-shell{margin-left:210px}main{padding:30px 26px}.topbar{padding:0 26px}.cards{gap:14px}.metric{padding:18px 17px 0}.big-number{font-size:44px}.state-title{font-size:21px}.signals{grid-template-columns:repeat(4,1fr)}.buzzer{grid-column:1/-1;border-top:1px solid var(--border)!important}.signal:nth-child(4){border-right:0}.signal{padding:18px 12px}.demo{flex-wrap:wrap}.demo a{display:none}.chart{padding:20px 17px 12px}.charts{gap:14px}}@media(max-width:950px){.sidebar{position:static;width:auto;display:block;padding:18px 24px}.sidebar .brand{display:inline-flex}.brand-caption,.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.nav-link{padding:10px 13px;font-size:11px}.app-shell{margin:0}.topbar{height:60px}.cards{grid-template-columns:1fr 1fr 1.1fr}.state-title{font-size:22px}.behavior h2{font-size:18px}.nav-link .icon{width:16px;height:16px}}@media(max-width:700px){.sidebar{padding:18px}.sidebar nav{gap:5px;margin-top:16px;flex-wrap:nowrap}.nav-link{padding:9px 7px;font-size:10px;gap:6px;flex:1}.nav-link .icon{display:none}.topbar{padding:0 20px;font-size:10px;height:53px}.topbar>div{gap:10px}.station-chip{font-size:10px;padding:6px 8px}.station-chip .icon{display:none}main{padding:26px 18px 16px}.eyebrow{font-size:8px}h1{font-size:31px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-heading p{font-size:12px;max-width:290px}.refresh{font-size:11px;min-height:40px}.notice{gap:7px 10px;font-size:11px;padding:12px}.demo>span:last-of-type{flex-basis:100%;padding-left:27px}.demo-symbol{font-size:18px}.station-strip{font-size:10px;flex-wrap:wrap;gap:8px;margin-top:21px}.cards{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:16px 15px 0}.metric-label{gap:5px}.metric-label h2{font-size:11px}.metric-icon{width:30px;height:30px;border-radius:9px}.metric-icon .icon{width:19px;height:19px}.big-number{font-size:39px;margin:18px 0 7px}.big-number small{font-size:17px;margin-left:0}.metric p{font-size:10px}.metric-bottom{font-size:9px;margin-top:17px;padding:11px 0}.state-card{grid-column:1/-1;padding-top:17px}.state-title{font-size:25px;max-width:none;margin:12px 0 7px}.state-card p{font-size:12px}.state-card .metric-bottom{margin-top:16px}.status-orbit{width:32px;height:32px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin:26px 0 15px}h2{font-size:19px}.period{width:100%}.period button{flex:1}.charts{grid-template-columns:1fr;gap:16px}.chart{padding:20px 17px 13px}.chart h3{font-size:13px}.chart text{font-size:12px}.chart-readout>span{font-size:10px}.behavior{padding:20px 17px;margin-top:22px}.behavior .section-heading{gap:10px}.behavior h2{font-size:19px;line-height:1.4}.signals{grid-template-columns:1fr 1fr;gap:0}.signal{padding:18px 14px;border-bottom:1px solid var(--border)}.signal:nth-child(2){border-right:0}.signal:nth-child(4){border-right:0}.buzzer{border-top:0!important}.action{display:block;padding:12px}.action p{margin-top:5px}.point-selector{font-size:10px;gap:10px}.point-selector input{max-width:55%}footer{flex-direction:column;font-size:9px;gap:6px}.behavior-intro{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.overview-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.overview-links a{padding:22px;display:grid;gap:10px;text-decoration:none;transition:border-color .2s}.overview-links a:hover{border-color:#a696d9}.overview-links strong{font-size:14px}.overview-links span{font-size:12px;color:var(--muted)}.overview-links .icon{color:#7765b5}#page-title:focus{outline:none}#behavior+.demo-playground{margin-top:20px}@media(max-width:700px){.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.nav-link{min-height:42px;font-size:12px}.overview-links{grid-template-columns:1fr;gap:12px}.overview-links a{padding:16px}}.led.reference{background:color-mix(in srgb,var(--led-color) 12%,white)}html[data-theme=dark]{color-scheme:dark;min-height:100%;background:#151c30;--muted: #aab4ca;--border: #354057;--accent: #b7a7f2}html[data-theme=dark] body{min-height:100vh;color:#f0f2f8;background:#151c30}html[data-theme=dark] .app-shell{color:#f0f2f8;background:#151c30}html[data-theme=dark] .topbar{color:#b6bfd2;background:#1d263b;border-color:#354057}html[data-theme=dark] .topbar strong,html[data-theme=dark] .station-chip,html[data-theme=dark] .theme-toggle{color:#e2e6f0;background:#252f46;border-color:#3a465e}html[data-theme=dark] .theme-toggle:hover{background:#303b54}html[data-theme=dark] .app-shell .eyebrow{color:#a7b0c6}html[data-theme=dark] .app-shell p,html[data-theme=dark] .app-shell .unit,html[data-theme=dark] .app-shell .chart-readout>span,html[data-theme=dark] .app-shell .point-selector,html[data-theme=dark] .app-shell details{color:#aab4ca}html[data-theme=dark] .app-shell .panel{background-color:#202a40;border-color:#354057;box-shadow:none}html[data-theme=dark] .app-shell .metric-label h2,html[data-theme=dark] .app-shell .chart h3,html[data-theme=dark] .app-shell .action strong,html[data-theme=dark] .app-shell .signal strong{color:#e2e6f0}html[data-theme=dark] .app-shell .big-number,html[data-theme=dark] .app-shell .chart-readout strong,html[data-theme=dark] .app-shell h1,html[data-theme=dark] .app-shell h2,html[data-theme=dark] .app-shell h3{color:#f0f2f8}html[data-theme=dark] .app-shell .big-number small,html[data-theme=dark] .app-shell .chart-readout small,html[data-theme=dark] .app-shell .metric-bottom,html[data-theme=dark] .app-shell .signal span:not(.led):not(.sound-icon),html[data-theme=dark] .app-shell footer,html[data-theme=dark] .app-shell .data-table summary{color:#aab4ca}html[data-theme=dark] .app-shell .metric-bottom,html[data-theme=dark] .app-shell .data-table,html[data-theme=dark] .app-shell th,html[data-theme=dark] .app-shell td{border-color:#354057}html[data-theme=dark] .app-shell .period,html[data-theme=dark] .app-shell .signals,html[data-theme=dark] .app-shell .action,html[data-theme=dark] .app-shell .chart-heading>span{background:#252f46;border-color:#354057}html[data-theme=dark] .app-shell .period button{color:#c4cce0}html[data-theme=dark] .app-shell .period button[aria-pressed=true]{background:#39445e;color:#f0eaff}html[data-theme=dark] .app-shell .tag{color:#d1c5f2;background:#302d49;border-color:#4a4568}html[data-theme=dark] .app-shell .demo{color:#d9d0f0;background:#302d49;border-color:#4a4568}html[data-theme=dark] .app-shell .problem{color:#f0c4b8;background:#402d39;border-color:#69444e}html[data-theme=dark] .app-shell .refresh{color:#e2e6f0;background:#252f46;border-color:#3a465e}html[data-theme=dark] .app-shell .refresh:hover:not(:disabled){background:#303b54}html[data-theme=dark] .app-shell .demo-playground{background:#202a40;border-color:#45405f}html[data-theme=dark] .app-shell .demo-playground>summary{color:#ded5f5}html[data-theme=dark] .app-shell .demo-badge{color:#d1c5f2;background:#302d49}html[data-theme=dark] .app-shell .demo-open-hint,html[data-theme=dark] .app-shell .scenario-label{color:#b5bed3}html[data-theme=dark] .app-shell .demo-content{border-color:#354057}html[data-theme=dark] .app-shell .demo-controls select,html[data-theme=dark] .app-shell .demo-controls button{color:#e2e6f0;background:#252f46;border-color:#45405f}html[data-theme=dark] .app-shell .scenario-preview{color:#e2e6f0;background:#293a37}html[data-theme=dark] .app-shell .scenario-preview.warning{background:#41382e}html[data-theme=dark] .app-shell .scenario-preview.danger{background:#402d39}html[data-theme=dark] .app-shell .scenario-preview.blue{background:#29364f}html[data-theme=dark] .app-shell .scenario-preview.neutral{background:#30384a}html[data-theme=dark] .app-shell .skip-link{color:#f0f2f8;background:#202a40}@media(max-width:700px){.topbar-actions{gap:6px}.theme-toggle{gap:5px;padding:6px 8px;font-size:10px}}