:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#071719;color:#e8ffff}*{box-sizing:border-box}body{margin:0}main{min-height:calc(100vh - 65px);display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:min(100vw,calc((100vh - 65px)*1.833333));aspect-ratio:1650/900;isolation:isolate;overflow:hidden;box-shadow:0 0 90px #0009}.office{display:block;width:100%;height:100%;object-fit:fill;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.stage.zoom .office{transform:scale(1.055)}.dim{position:absolute;inset:0;background:#001619;opacity:0;pointer-events:none;transition:opacity .5s}.stage.zoom .dim{opacity:.2}.hit{position:absolute;border:1px solid transparent;background:transparent;border-radius:12px;cursor:pointer;z-index:2;transition:background .2s,box-shadow .2s,border-color .2s}.hit:hover,.hit:focus-visible{background:#00c7cc20;border-color:#5df7ff;box-shadow:0 0 24px #00f6ff88;outline:none}.website{left:20.5%;top:3.5%;width:16%;height:7%}.airvideo{left:46%;top:3%;width:25%;height:33%}.van{left:90%;top:34%;width:9%;height:11%}.rack{left:2%;top:55%;width:13%;height:10%}.pull{left:18%;top:49%;width:17%;height:13%}.clock{left:20%;top:65%;width:12%;height:12%}.deskpc{left:55%;top:67%;width:13%;height:11%}.usb{position:absolute;left:65%;top:87%;width:16%;height:9%;border:0;background:none;cursor:pointer;z-index:4;display:flex;align-items:center;gap:7px;transform-origin:50% 50%;transition:filter .25s,transform .25s}.usb:hover,.usb:focus-visible{filter:drop-shadow(0 0 12px #25f8fa);transform:translateY(-4px);outline:none}.usb-shell{display:flex;align-items:center;filter:drop-shadow(2px 6px 4px #000a);transform:rotate(-17deg)}.usb-tip{width:20px;height:15px;background:linear-gradient(#cbd9dd,#6d8e95);border:2px solid #b7c8ce;border-radius:2px}.usb-body{background:linear-gradient(135deg,#162d33,#087d88);border:1px solid #45ebef;border-radius:5px;padding:9px 15px;font-size:14px;font-weight:900;color:#aaffff;box-shadow:inset 0 0 10px #00dddf66}.usb-label{font-weight:800;font-size:clamp(8px,1vw,14px);color:#e4ffff;text-shadow:0 2px 5px #000,0 0 12px #00e0e0}.usb-label small{display:block;font-size:.7em;letter-spacing:.14em;color:#74faff}.usb.insert{animation:plug 1.45s ease-in forwards}.usb.insert .usb-label{opacity:0}@keyframes plug{0%{left:65%;top:87%;transform:scale(1) rotate(0)}30%{left:68%;top:76%;transform:scale(1.05) rotate(-25deg)}75%{left:69%;top:63%;transform:scale(.45) rotate(-75deg)}100%{left:69%;top:63%;transform:scale(.1) rotate(-75deg);opacity:0}}.pulse{position:absolute;left:65%;top:45%;width:20%;aspect-ratio:1;border-radius:50%;border:3px solid #4dffff;opacity:0;pointer-events:none}.stage.connected .pulse{animation:ping .6s ease-out}.toast{position:absolute;left:42%;top:42%;padding:13px 22px;background:#06252ee8;border:1px solid #38eff4;box-shadow:0 0 30px #18efff88;opacity:0;font-size:clamp(10px,1.2vw,18px);font-weight:800;letter-spacing:.1em;pointer-events:none}.stage.connected .toast{animation:flash 1s ease}@keyframes ping{0%{transform:scale(.2);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes flash{0%,100%{opacity:0}25%,80%{opacity:1}}nav{height:65px;padding:10px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#06191d;border-top:1px solid #2b7e84}nav span{font-weight:800;letter-spacing:.07em}nav small{display:block;font-size:10px;color:#7bd6d8}button{font:inherit}nav button,.action{cursor:pointer;background:#0c343a;color:#eff;border:1px solid #42b8bf;padding:9px 14px;border-radius:8px;margin:3px}.action:hover,nav button:hover{background:#17626a}.overlay{position:fixed;inset:0;z-index:10;background:#000b;display:grid;place-items:center;padding:18px}.overlay[hidden]{display:none}.modal{position:relative;background:#0a242b;border:1px solid #42bfc5;border-radius:15px;padding:28px;width:min(560px,100%);max-height:85vh;overflow:auto;box-shadow:0 20px 80px #000}.modal h2{margin:0 40px 18px 0}.modal label{display:block;margin:12px 0;color:#b8edef;font-size:14px}.modal input{display:block;width:100%;padding:11px;background:#06171b;border:1px solid #39838b;border-radius:6px;color:#fff;margin-top:5px}.close{position:absolute;right:16px;top:12px;font-size:28px;background:none;color:white;border:0;cursor:pointer}.modal .action{display:inline-block;text-decoration:none}.modal p{line-height:1.55;color:#c1d7da}@media(max-width:650px){main{min-height:calc(100vh - 90px)}nav{height:auto;min-height:90px;flex-wrap:wrap;padding:9px}nav span{font-size:12px}.usb-body{padding:4px 6px;font-size:9px}.usb-tip{width:10px;height:10px}.usb-label{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}