:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080d18;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#080d18;min-height:100vh;overflow-x:hidden}button{font:inherit}canvas{display:block}*{box-sizing:border-box}body{color:#eaf3ff;background:#070b16;margin:0;font-family:Inter,Arial,sans-serif}.office{background:radial-gradient(at top,#172d50 0%,#070b16 70%);flex-direction:column;min-height:100vh;padding:20px;display:flex}.topbar,.footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.topbar h1{letter-spacing:3px;margin:0;font-size:25px}.topbar h1 span{color:#5af}.topbar p{color:#7189ac;letter-spacing:2px;margin:7px 0 0;font-size:10px}.status{color:#7dfac1;white-space:nowrap;font-size:11px}.status i{background:#43e6a0;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #43e6a0}.scene{background:#0a1425;border:1px solid #24466f;border-radius:18px;flex:1;min-height:560px;margin:22px 0;position:relative;overflow:hidden;box-shadow:0 0 35px #1264a522}.scene canvas{width:100%;height:100%}.scene-label{color:#83a5cc;letter-spacing:1px;pointer-events:none;font-size:10px;position:absolute;bottom:15px;left:18px}.footer{color:#7189ac;letter-spacing:1px;font-size:10px}@media (width<=600px){.office{padding:12px}.topbar h1{font-size:18px}.status{font-size:9px}.scene{min-height:65vh}.footer{font-size:8px}}