.oqia-shell{--bg:oklch(15% .005 260);--panel:oklch(18% .006 260);--edge:oklch(27% .008 260);--muted:oklch(68% .014 260);--ink:oklch(96% .003 260);background:var(--bg);color:var(--ink);min-height:100vh;font:14px/1.5 Segoe UI Variable Text,Segoe UI,Arial,sans-serif}.oqia-shell *{box-sizing:border-box}.oqia-shell a{color:inherit;text-decoration:none}.oqia-shell button,.oqia-shell input{font:inherit}.oqia-shell button{cursor:pointer}.oqia-shell button:disabled{opacity:.55;cursor:wait}.oqia-shell :focus-visible{outline-offset:4px;outline:2px solid oklch(72% .17 264)}.connection-sidebar{border-right:1px solid var(--edge);z-index:2;background:oklch(12.5% .005 260);flex-direction:column;width:234px;padding:38px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.oqia-brand{letter-spacing:-1.5px;align-items:center;gap:13px;padding-left:10px;font-size:31px;font-weight:650;display:flex}.brand-dot{color:oklch(70% .17 264)}.mini-label{letter-spacing:1.2px;color:var(--muted);font-size:10px;font-weight:550}.sidebar-workspace{margin:45px 10px 33px}.sidebar-workspace>div{align-items:center;gap:11px;margin-top:15px;font-size:13px;font-weight:550;display:flex}.workspace-icon{border:1px solid var(--edge);background:oklch(21% .01 260);border-radius:9px;padding:9px}.sidebar-workspace small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.connection-nav{border-radius:8px;align-items:center;gap:13px;margin-bottom:8px;padding:12px 14px;font-size:13px;transition:background .15s;display:flex;color:oklch(76% .01 260)!important}.connection-nav.active{background:oklch(24% .014 260);color:var(--ink)!important}.connection-nav:hover{background:oklch(22% .01 260)}.connection-nav>svg:last-child:not(:first-child){margin-left:auto}.nav-dot{background:oklch(70% .17 264);border-radius:100%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{color:var(--muted);z-index:1;align-items:center;gap:10px;margin-top:auto;padding:120px 10px 0;font-size:10px;display:flex}.sidebar-bottom svg{color:oklch(70% .13 264)}.sidebar-bottom p{margin:0;line-height:1.8}.sidebar-bottom strong{color:oklch(80% .01 260);font-weight:400}.sidebar-waves{pointer-events:none;opacity:.4;position:absolute;inset:auto 0 46px}.sidebar-waves svg{width:100%;height:auto}.sidebar-waves path{fill:oklch(23% .1 264);stroke:oklch(48% .15 264);stroke-width:.6px}.sidebar-waves path+path{fill:oklch(19% .07 264)}.connection-main{margin-left:234px}.connection-topbar{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;height:75px;padding:0 43px;font-size:12px;display:flex}.connection-topbar>div,.browser-label{align-items:center;gap:12px;display:flex}.muted,.browser-label{color:var(--muted)}.connection-content{max-width:1300px;margin:0 auto;padding:51px 55px 24px}.eyebrow{letter-spacing:2px;color:oklch(74% .12 264);margin-bottom:12px;font-size:10px;font-weight:550}.connection-heading h1{letter-spacing:-1.2px;margin:0 0 12px;font-size:34px;font-weight:560;line-height:1.2}.connection-heading>p{color:var(--muted);margin:0;font-size:14px}.connection-grid{grid-template-columns:minmax(340px,1.22fr) minmax(240px,1fr);align-items:center;gap:50px;margin-top:36px;display:grid}.connection-card{border:1px solid var(--edge);background:linear-gradient(155deg,oklch(20% .01 260),oklch(17% .006 260));border-radius:16px;padding:24px 28px 0;overflow:hidden;box-shadow:0 12px 40px oklch(5% 0 0/.12)}.card-topline{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.card-topline>span:first-child{color:oklch(84% .01 260);align-items:center;gap:9px;display:flex}.status-pill{white-space:nowrap;color:var(--muted);background:oklch(25% .008 260);border:1px solid oklch(32% .008 260);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;display:flex}.status-pill i{background:var(--muted);border-radius:50%;width:5px;height:5px}.status-pill.online{color:oklch(78% .14 155);background:oklch(25% .04 155);border-color:oklch(36% .06 155)}.status-pill.online i{background:oklch(78% .14 155)}.connection-orbit{place-items:center;width:210px;height:190px;margin:15px auto 0;display:grid;position:relative}.orbit-line{border:1px solid oklch(32% .04 264/.6);border-radius:50%;width:140px;height:140px;position:absolute}.orbit-two{opacity:.5;border-style:dashed;width:190px;height:190px}.power-symbol{color:oklch(78% .12 264);background:linear-gradient(135deg,oklch(37% .14 264),oklch(23% .07 264));border-radius:25px;place-items:center;width:91px;height:91px;display:grid;box-shadow:inset 0 0 0 1px oklch(52% .14 264/.4),0 0 50px oklch(40% .17 264/.12)}.orbit-node{background:oklch(64% .16 264);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 5px oklch(29% .04 264)}.node-one{top:34px;left:43px}.node-two{opacity:.6;width:5px;height:5px;bottom:28px;right:32px}.is-connected .power-symbol{color:oklch(80% .12 155);background:linear-gradient(135deg,oklch(36% .09 155),oklch(23% .035 155));box-shadow:inset 0 0 0 1px oklch(52% .12 155/.4)}.connection-card-copy{text-align:center;max-width:350px;margin:15px auto 25px}.connection-card-copy h2{letter-spacing:-.5px;margin:0 0 10px;font-size:21px;font-weight:550}.connection-card-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.connection-primary{background:oklch(58% .2 264);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:550;transition:background .15s,transform .15s;display:flex;color:oklch(99% 0 0)!important;font-size:12px!important}.connection-primary:hover:not(:disabled){background:oklch(64% .2 264);transform:translateY(-1px)}.connection-card>.connection-primary{width:100%;margin-bottom:0}.connection-primary svg:last-child{margin-left:auto}.connection-card>.connection-primary svg:first-child:last-child{margin-left:10px}.connection-card-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:15px 0 24px;font-size:9px;display:flex}.paired-device{border-top:1px solid var(--edge);background:oklch(17% .005 260);justify-content:space-between;align-items:center;gap:12px;margin:0 -28px;padding:13px 20px;font-size:10px;display:flex}.paired-device>span{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;display:inline-flex;font-size:11px!important}.text-button:hover{color:var(--ink)}.connection-guide>h2{letter-spacing:-.7px;margin:14px 0 27px;font-size:26px;font-weight:520;line-height:1.3}.connection-steps{margin:0;padding:0;list-style:none}.connection-steps li{align-items:flex-start;gap:16px;margin:0 0 24px;display:flex}.connection-steps li>span{color:oklch(77% .12 264);border:1px solid var(--edge);background:oklch(20% .01 260);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.connection-steps h3{margin:1px 0 5px;font-size:12px;font-weight:550}.connection-steps p{color:var(--muted);max-width:260px;margin:0;font-size:11px;line-height:1.8}.connection-steps code{overflow-wrap:anywhere;background:oklch(23% .01 260);border-radius:4px;padding:2px 3px;font-family:inherit;font-size:10px}.connection-callout{border-top:1px solid var(--edge);color:var(--muted);gap:12px;padding-top:20px;display:flex}.connection-callout svg{color:oklch(72% .1 264);flex-shrink:0;margin-top:4px}.connection-callout p{max-width:280px;margin:0;font-size:10px;line-height:1.8}.connection-details{border-top:1px solid var(--edge);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;padding-top:28px;display:grid}.connection-details svg{color:oklch(71% .035 264);margin-bottom:12px}.connection-details h3{margin:0 0 8px;font-size:11px;font-weight:550}.connection-details p{color:var(--muted);margin:0;font-size:10px;line-height:1.9}.connection-footer{color:var(--muted);border-top:1px solid var(--edge);justify-content:space-between;gap:20px;margin-top:37px;padding-top:20px;font-size:9px;display:flex}.help-toggle{margin-top:23px}.connection-help{border:1px solid var(--edge);color:var(--muted);border-radius:9px;margin-top:15px;padding:16px 20px;font-size:11px;line-height:1.9}.connection-help p{margin:0 0 10px}.connection-error{color:oklch(85% .07 35);background:oklch(25% .035 35);border:1px solid oklch(40% .06 35);border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:22px;padding:15px 20px;font-size:12px;display:flex}.pair-panel{background:oklch(20% .018 264);border:1px solid oklch(42% .09 264);border-radius:12px;margin-top:22px;padding:24px}.pair-panel>div{gap:14px;display:flex}.pair-panel>div>svg{color:oklch(75% .12 264);flex-shrink:0;margin-top:4px}.pair-panel h2{margin:0 0 6px;font-size:16px;font-weight:550}.pair-panel p,.pair-panel small{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.pair-panel form{margin-top:20px}.auth-panel form{gap:10px;max-width:520px;display:grid}.auth-panel form label{margin:0}.auth-panel input{border:1px solid var(--edge);width:100%;min-width:0;color:var(--ink);font:inherit;background:oklch(15% .01 260);border-radius:8px;padding:12px 14px}.auth-panel .connection-primary{margin-top:8px}.pair-panel label{margin-bottom:8px;font-size:11px;display:block}.pair-input-row{gap:12px;margin-bottom:8px;display:flex}.pair-input-row input{min-width:0;color:var(--ink);letter-spacing:1px;background:oklch(15% .01 260);border:1px solid oklch(35% .025 264);border-radius:8px;flex:1;padding:11px 14px;font-family:Consolas,monospace;font-size:12px}.spin{animation:1s linear infinite oqia-spin}@keyframes oqia-spin{to{transform:rotate(360deg)}}@media (width>=1600px){.connection-content{padding-top:70px}.connection-grid{gap:70px;margin-top:45px}.connection-card{padding-top:30px}.connection-orbit{margin-top:30px}.connection-card-copy{margin-bottom:30px}}@media (width<=1150px){.connection-content{padding:35px 28px 24px}.connection-grid{grid-template-columns:minmax(310px,1.15fr) minmax(210px,1fr);gap:28px}.connection-sidebar{width:210px}.connection-main{margin-left:210px}.connection-card{padding-left:20px;padding-right:20px}.paired-device{margin:0 -20px}.card-topline{flex-wrap:wrap}.connection-guide>h2{font-size:23px}.connection-details{gap:20px}}@media (width<=900px){.connection-grid{grid-template-columns:1fr;gap:35px}.connection-guide{border:1px solid var(--edge);border-radius:12px;padding:24px}.connection-guide>h2 br{display:none}.connection-steps p,.connection-callout p{max-width:none}.connection-details{grid-template-columns:1fr;gap:22px}.connection-details>div{grid-template-columns:25px 1fr;column-gap:13px;display:grid}.connection-details svg{grid-row:span 2}.connection-details p{grid-column:2}.connection-topbar{padding:0 28px}.connection-heading h1{font-size:30px}}@media (width<=600px){.connection-sidebar{border-bottom:1px solid var(--edge);border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:auto;height:auto;padding:17px 20px;position:relative;overflow:visible}.oqia-brand{gap:9px;padding:0;font-size:25px}.oqia-brand img{width:31px;height:31px}.sidebar-workspace,.sidebar-bottom,.sidebar-waves{display:none}.connection-sidebar nav{display:flex}.connection-sidebar nav a:last-child{display:none}.connection-nav{margin:0;padding:8px 12px;font-size:11px}.connection-main{margin:0}.connection-topbar{height:54px;padding:0 20px;font-size:10px}.browser-label{font-size:10px}.connection-content{padding:30px 20px 22px}.connection-heading h1{font-size:28px}.connection-heading>p{font-size:12px}.connection-grid{gap:24px;margin-top:25px}.connection-card{padding-top:18px}.connection-guide{padding:22px}.connection-details{margin-top:28px}.pair-panel{padding:20px}.pair-input-row{flex-direction:column}.pair-input-row input{font-size:11px}.connection-footer{align-items:flex-start;font-size:8px}.connection-footer>span:last-child{max-width:100px}.paired-device{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.oqia-shell *{transition:none!important;animation:none!important}}