:root{font-family:Arial,Helvetica,sans-serif;color:#17212b;background:#151b22;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:clamp(16px,1.04vw,40px);--orange: #fa801b;--ink: #151b22;--muted: #586574;--line: #d9dfe5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #1574cd;outline-offset:5px}h1:focus,h2:focus{outline:none}button{border:0}button svg,a svg{flex-shrink:0}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;line-height:1.12}button:disabled{cursor:default}img{max-width:100%}.app{min-height:100dvh}.theme-dark{background:radial-gradient(ellipse at 90% 0%,#28313b 0,transparent 42%),#151b22;color:#f8fafb}.theme-light{background:#f4f6f7}.app-header{min-height:106px;padding:1.55rem 4.5%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#151b22;color:#fff;border-bottom:1px solid #343c45}.brand{display:flex;align-items:center;gap:1.6rem}.brand img{width:225px;height:auto;display:block}.brand-divider{width:1px;height:2.1rem;background:#4c535b}.app-name{font-size:1.2rem;letter-spacing:-.025em;font-weight:600}.header-end{display:flex;align-items:center;gap:1.5rem}.room-label{font-size:.68rem;letter-spacing:.16em;color:#c3cbd2;font-weight:700}.header-home{display:flex;align-items:center;gap:.7rem;background:#28323d;color:#fff;padding:.8rem 1.2rem;border:1px solid #59616a;border-radius:8px;min-height:56px}.main-shell{max-width:3200px;width:91%;margin:0 auto;padding:2.6rem 0 1.3rem}.welcome-intro{margin-bottom:2.2rem}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:750;margin-bottom:1rem;line-height:1.5}.welcome-intro .eyebrow{color:#ff9d4f;display:flex;align-items:center;gap:.65rem}.eyebrow>span{width:7px;height:7px;background:var(--orange);border-radius:50%}.welcome-intro h1{font-size:clamp(2.1rem,3.7vw,3.8rem);font-weight:700;margin-bottom:1rem}.welcome-intro>p:last-child{color:#c0c8d0;font-size:1.1rem;margin-bottom:0;line-height:1.5}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.05rem}.scenario-card{text-align:left;color:inherit;background:#222b35;border:1px solid #424d58;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;min-height:224px;position:relative}.scenario-card:hover{border-color:var(--orange);background:#29343f}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-icon{display:grid;place-items:center;width:52px;height:52px;background:#38352f;color:#ff9b4c;border:1px solid #6a4b31;border-radius:10px}.card-number{font-size:.72rem;font-weight:700;color:#aeb8c2;letter-spacing:.13em}.card-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.55rem}.card-description{font-size:.93rem;line-height:1.45;color:#c4cdd6}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.2rem;font-size:.75rem;color:#b7c1cc}.card-bottom svg{color:#ff9b4c}.support-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.05rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #39434d}.support-nav button{display:flex;align-items:center;gap:1rem;text-align:left;background:transparent;color:#e8edf2;padding:.6rem .4rem;min-height:72px;border-radius:8px}.support-nav button:hover{background:#26313b}.support-nav button>svg:first-child{color:#b8c3ce}.support-nav button>svg:last-child{margin-left:auto;width:20px;color:#b8c3ce}.support-nav strong{display:block;font-size:.96rem;margin-bottom:.4rem}.support-nav small{font-size:.78rem;color:#b9c4ce;line-height:1.4;display:block}.support-nav .cleanup-link>svg:first-child{color:#ffa257}.welcome-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#a8b4c0;margin-top:2.1rem;font-size:.72rem;padding-bottom:.3rem}.welcome-footer>span:first-child{display:flex;align-items:center;gap:.5rem}.skip-link{position:fixed;top:-100px;left:20px;z-index:5;padding:20px;background:#fff;color:#111}.skip-link:focus{top:10px}.guide-heading{margin-bottom:1.4rem}.theme-light .eyebrow{color:#805018}.guide-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.guide-title-row h1{font-size:1.8rem;margin:0}.text-button,.return-button,.need-help,.resolved-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:56px;background:transparent;color:#334454;font-weight:600;padding:.6rem .9rem;border-radius:8px}.text-button:hover,.return-button:hover,.need-help:hover,.resolved-button:hover{background:#e4e9ed}.return-button{margin-bottom:1rem;border:1px solid #b9c4cd}.progress-row{display:flex;justify-content:space-between;gap:1rem;font-size:.83rem;margin-bottom:.7rem;color:#4b5b68}.progress-row>span:first-child{font-weight:700;color:#253746}.step-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:6px;border:0;border-radius:4px;overflow:hidden;margin-bottom:2rem;background:#dce2e7}.step-progress::-webkit-progress-bar{background:#dce2e7}.step-progress::-webkit-progress-value{background:#df6410}.step-progress::-moz-progress-bar{background:#df6410}.step-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:3rem;align-items:center;min-height:400px}.step-visual{margin:0;border-radius:14px;min-height:400px;background:#e5eaee;border:1px solid #d1d9e0;padding:1.4rem;display:flex;flex-direction:column;align-items:center;overflow:hidden}.visual-topline{width:100%;display:flex;justify-content:space-between;gap:.5rem;font-size:.58rem;font-weight:700;letter-spacing:.15em;color:#5c6b78}.visual-topline>span:last-child{background:#f4f6f8;border:1px solid #ccd5dc;border-radius:4px;padding:.25rem .4rem;margin-top:-.25rem}.device{width:94%;margin:1.8rem auto 1.4rem;background:#fff;border:8px solid #28323c;border-radius:13px;box-shadow:0 14px 22px #1d2b3714;padding:1.4rem;min-height:210px;display:flex;flex-direction:column;justify-content:center;gap:1.3rem}.device-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;font-weight:600;line-height:1.4;color:#50616f;text-align:center}.visual-controls{display:flex;flex-direction:column;gap:.8rem}.concept-board{width:94%;margin:1.8rem auto 1.4rem;background:#fff;border:1px solid #cad4dd;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.3rem}.connection-diagram{width:100%;padding:1.5rem 0 .7rem}.connection-diagram h3{font-size:1.1rem;color:#243b4d;line-height:1.4;margin-bottom:1.2rem}.connection-path{background:#fff;border:1px solid #b9c8d3;border-radius:10px;padding:1rem;margin-bottom:1rem}.connection-emphasized{border:2px solid #cc5b09;background:#fff8ef}.connection-path-label{color:#465a6a;font-size:.75rem;font-weight:700;margin-bottom:1rem}.connection-emphasized .connection-path-label{color:#87400e}.connection-nodes{list-style:none;padding:0;margin:0;display:flex;align-items:stretch;gap:.35rem}.connection-nodes li{display:flex;align-items:center;flex:1;min-width:0;gap:.35rem}.connection-nodes li:first-child{flex:.85}.connection-node{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;font-size:.82rem;font-weight:600;color:#243b4d;line-height:1.45;overflow-wrap:anywhere}.connection-node svg{color:#87501e;flex-shrink:0}.connection-arrow{width:1rem;flex-shrink:0;color:#526d81}.connection-description{font-size:.8rem;color:#405767;line-height:1.6;margin:0}@media(max-width:700px){.concept-board{width:100%;padding:1rem}.connection-path{padding:.85rem .6rem}.connection-node{font-size:.76rem}.connection-arrow{width:14px}}.visual-control{border:2px solid #d8e0e7;background:#f2f5f7;border-radius:8px;min-height:58px;display:flex;align-items:center;gap:.7rem;padding:.7rem;font-weight:600;font-size:.9rem;color:#445564}.visual-control.highlighted{border:3px solid #dd630b;box-shadow:0 0 0 4px #ffdeb7;background:#fff4e7;color:#813800}.visual-control>svg:last-child:not(:first-child){margin-left:auto}.device-remote{max-width:230px;background:#26303a;border-color:#15212d;border-radius:32px;min-height:275px;margin-top:1rem;padding:1.3rem}.device-remote .device-label{color:#edf2f6}.remote-pad{border:2px solid #607080;border-radius:50%;width:75px;height:75px;margin:auto;display:grid;place-items:center;color:#d1dbe2;font-size:.7rem}.step-visual figcaption{margin-top:auto;text-align:center;font-size:.76rem;color:#485a6b;line-height:1.6}.highlight-key{display:inline-block;height:9px;width:9px;border-radius:3px;background:#df6410;margin-right:.2rem}.step-visual figcaption small{display:block;font-size:.66rem;color:#5b6876;margin-top:.3rem}.instruction{padding:.3rem 0}.step-badge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffebd9;color:#90410d;font-size:.9rem;font-weight:700;margin-bottom:1.4rem}.instruction h2{font-size:clamp(1.9rem,2.6vw,2.7rem);margin-bottom:1.25rem}.instruction-text{font-size:1.2rem;line-height:1.65;margin-bottom:1.5rem;color:#314251}.step-note{display:flex;align-items:flex-start;gap:.8rem;background:#e8eef3;border-left:3px solid #758b9e;padding:1rem;border-radius:0 8px 8px 0;color:#405363;font-size:.85rem;line-height:1.6}.step-note>svg{flex-shrink:0;margin-top:.1rem}.step-note p{margin:0}.step-navigation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d5dde3}.primary-button,.secondary-button,.help-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:64px;padding:1rem 1.6rem;font-weight:700;border-radius:8px;font-size:1rem;text-decoration:none}.primary-button{background:var(--orange);color:#20170e;border:2px solid #db6b12}.primary-button:hover{background:#ff9c44}.secondary-button{background:#fff;border:1px solid #aab8c4;color:#273d50}.secondary-button:hover{background:#e8edf1}.step-navigation>.secondary-button{justify-self:start;min-width:160px}.step-navigation>.primary-button{justify-self:end;min-width:205px}.help-button{font-size:.9rem;padding:.75rem 1rem;margin-top:1rem;border:1px solid #aab8c4;background:#fff;color:#273d50}.external{margin-top:1rem;flex-wrap:wrap}.external small{font-size:.65rem;width:100%;text-align:center;font-weight:400}.guide-footer{padding:1.3rem 4.5%;display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:#526574;border-top:1px solid #d7dfe5;margin-top:1rem;line-height:1.5}.section-intro h1{font-size:2.5rem;margin-bottom:1rem}.section-intro>p:last-child{font-size:1.1rem;line-height:1.5;color:#526574}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.theme-light .scenario-card{background:#fff;color:#233647;border-color:#ccd5dc;min-height:220px}.theme-light .scenario-card:hover{border-color:#c65a0b;background:#fffaf5}.theme-light .card-icon{background:#fff0e3;border-color:#edcfb3;color:#a64b09}.theme-light .card-description,.theme-light .card-bottom{color:#536775}.theme-light .card-bottom svg{color:#a94b06}.pending-section{background:#fff;border:1px solid #d6dde3;border-radius:12px;padding:1.7rem;margin-top:2rem}.pending-section h2{font-size:1.5rem}.pending-section p{line-height:1.5;color:#526574}.pending-section ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 2rem}.pending-section li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #e1e7eb;line-height:1.4;font-size:.9rem}.pending-label{font-size:.62rem;color:#71521b;background:#fff2d3;border:1px solid #e2c681;border-radius:4px;padding:.25rem .45rem;align-self:start;max-width:120px}.support-note{display:flex;align-items:flex-start;gap:1rem;margin-top:2rem;background:#e6ecf1;border-radius:10px;padding:1.5rem;line-height:1.6}.support-note p{margin:.4rem 0 0}.completion{max-width:850px;text-align:center;margin:1.5rem auto 2rem;border:1px solid #d0dce3;border-radius:16px;background:#fff;padding:2.5rem}.success-icon{width:86px;height:86px;background:#e2f1e8;color:#25704b;display:grid;place-items:center;border-radius:50%;margin:0 auto 1.5rem}.completion h2{font-size:2.8rem}.completion>p:not(.eyebrow){color:#48606f;font-size:1.15rem;line-height:1.65}.completion>.primary-button{margin:1rem auto}.completion>strong{display:block;margin-bottom:1rem}.related{margin-top:2rem;border-top:1px solid #dce3e9;padding-top:1.5rem}.related h3{font-size:.9rem;text-align:left;color:#526574}.related button{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;background:#f2f5f7;border:1px solid #d2dce3;padding:1rem;margin-top:.7rem;border-radius:8px;min-height:60px;color:#2a4255}.related button>svg:last-child{margin-left:auto}.related button:hover{background:#e6edf2}.idle-notice{background:#263d4a;border:1px solid #537082;border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.7rem;line-height:1.5;font-size:.9rem}.idle-notice svg{flex-shrink:0}.sample-document{height:100px;background:#f3f5f7;padding:14px;position:relative}.sample-document>div{height:5px;width:80%;margin:8px;background:#c8d1d9}.sample-document>div:nth-child(2){width:65%}.sample-mark{position:absolute;right:10px;bottom:5px;font-style:italic;border-bottom:3px solid #2877b5;color:#1d6397;font-size:.9rem}.device-toolbar{padding:1rem}.device-toolbar .visual-controls{flex-direction:row}.device-toolbar .visual-control{flex:1;font-size:.73rem;flex-wrap:wrap}.photo-wrap{position:relative;width:100%}.photo-wrap img{display:block;width:100%}.photo-highlight{position:absolute;border:4px solid #e16b13;background:#ff9d3030;color:#17212b}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff;text-align:center;background:#151b22}.loading-screen img{width:300px;margin-bottom:3rem}.loading-screen p{line-height:1.6}.resolved-button{display:flex;margin:1rem auto 0}@media(min-width:1800px){.main-shell{padding-top:3rem}.scenario-card{min-height:260px}.step-layout,.step-visual{min-height:500px}.device{min-height:290px}.device-remote{min-height:350px;max-width:280px}.app-header{min-height:130px}.brand img{width:280px}.card-icon{width:64px;height:64px}.card-icon svg{width:34px;height:34px}}@media(max-width:1000px){.brand img{width:185px}.room-label{display:none}.main-shell{width:92%;padding-top:2rem}.scenario-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-nav{gap:.6rem}.support-nav button{gap:.55rem}.support-nav small{display:none}.step-layout{gap:1.5rem}.step-visual{min-height:360px;padding:1rem}.device{width:100%;padding:1rem}.instruction h2{font-size:2rem}.instruction-text{font-size:1.1rem}.pending-section ul{grid-template-columns:1fr}.guide-footer{flex-direction:column;gap:.3rem}.device-label{font-size:.68rem}.visual-control{font-size:.78rem}.brand{gap:1rem}}@media(max-width:700px){.app-header{padding:1.2rem 5%;min-height:88px}.brand img{width:150px}.brand-divider{height:1.5rem}.app-name{font-size:1rem}.header-home{min-height:48px;padding:.6rem}.header-home svg{width:20px}.theme-light .brand-divider,.theme-light .app-name{display:none}.main-shell{width:90%;padding-top:1.8rem}.welcome-intro h1{font-size:2.3rem;max-width:500px}.welcome-intro>p:last-child{font-size:1rem}.welcome-intro .eyebrow{font-size:.62rem}.scenario-grid{grid-template-columns:1fr;gap:.8rem}.scenario-card{min-height:180px;padding:1.25rem}.card-top{margin-bottom:1rem}.card-icon{height:46px;width:46px}.card-title{font-size:1.25rem}.card-description{font-size:.95rem}.card-bottom{padding-top:1rem}.support-nav{grid-template-columns:1fr;padding-top:1rem;gap:.5rem}.support-nav small{display:block}.support-nav button{padding:.9rem .4rem;gap:1rem}.welcome-footer{align-items:flex-start;flex-direction:column;line-height:1.5;margin-top:1.5rem}.guide-title-row{align-items:flex-start}.guide-title-row h1{font-size:1.45rem}.text-button{font-size:.8rem;padding:0;min-height:44px;white-space:nowrap}.text-button svg{width:18px}.guide-heading .eyebrow{font-size:.65rem;margin-bottom:.7rem}.step-layout{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.step-visual{min-height:300px}.device{max-width:430px;margin-top:1.3rem;min-height:175px}.device-remote{max-width:200px;min-height:250px}.instruction h2{font-size:1.9rem}.step-badge{margin-bottom:1rem}.instruction-text{font-size:1.15rem}.step-note{font-size:.9rem}.step-navigation{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem;padding-top:1rem}.step-navigation>.secondary-button,.step-navigation>.primary-button{width:100%;min-width:0}.need-help{grid-column:1/-1;grid-row:2;min-height:52px}.progress-row{font-size:.78rem}.step-progress{margin-bottom:1.5rem}.topic-grid{grid-template-columns:1fr}.section-intro h1{font-size:2rem}.pending-section{padding:1.2rem}.pending-section li{font-size:.85rem}.completion{padding:1.8rem 1.2rem}.completion h2{font-size:2.2rem}.completion>p:not(.eyebrow){font-size:1rem}.guide-footer{padding:1rem 5%;font-size:.7rem}.visual-control{font-size:.85rem}.visual-topline{font-size:.55rem}.step-visual figcaption{font-size:.72rem}.step-visual figcaption small{font-size:.65rem}.return-button{font-size:.85rem}.support-note{padding:1rem}.support-note>svg{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(min-width:2500px){.brand img{width:450px}.app-header{min-height:190px}.card-icon{width:96px;height:96px}.card-icon svg{width:48px;height:48px}.step-visual{min-height:24rem}.device{min-height:15rem}.device-remote{max-width:15rem}.step-badge{width:76px;height:76px}.completion{max-width:1500px}}