:root{--panel-bg: rgba(10, 16, 26, .78);--panel-border: rgba(56, 224, 255, .28);--text: #e6f6ff;--text-dim: #7fa6bd;--accent: #22d3ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:#0a0e14}.app-root{position:relative;height:100%;width:100%}.dev-card{display:flex;align-items:center;gap:6px;background:#060c14b8;border:1px solid rgba(56,224,255,.55);border-radius:8px;padding:5px 9px;color:#e6f6ff;font:500 12px/1.2 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;letter-spacing:.2px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000073,0 0 0 1px #38e0ff14}.m-sheet{position:absolute;z-index:150;left:8px;right:8px;display:flex;flex-direction:column;max-height:64vh;background:#060c14eb;border:1px solid rgba(56,224,255,.35);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 40px #0009;overflow:hidden;color:var(--text);-webkit-user-select:none;user-select:none}.m-sheet-tabs{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid rgba(120,140,170,.2);flex:0 0 auto}.m-sheet-tabs .tab{flex:1;padding:9px;border-radius:9px;border:1px solid var(--panel-border);background:#38e0ff0f;color:var(--text);font-size:14px;cursor:pointer}.m-sheet-tabs .tab.active{background:var(--accent);color:#04141c;font-weight:600;border-color:var(--accent)}.m-sheet-tabs .m-close{width:42px;height:40px;border-radius:9px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text);font-size:18px;cursor:pointer;flex:0 0 auto}.m-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px}.dim-label{background:#060c14b3;border:1px solid rgba(42,147,176,.7);border-radius:6px;padding:2px 7px;color:#cdeefb;font:500 11px/1.15 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;letter-spacing:.2px;white-space:nowrap;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dim-label--total{border-color:#3fb6d6e6;color:#e6f6ff;box-shadow:0 0 8px #3fb6d640}.dim-room{text-align:center;white-space:nowrap;background:#060c14bd;border:1px solid rgba(63,182,214,.55);border-radius:9px;padding:5px 11px;color:#cdeefb;font:500 11px/1.4 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px #0006}.dim-room-name{font-size:12.5px;font-weight:700;color:#7fe3ff;letter-spacing:.5px}.dim-room-area{color:#66d9b0}.dim-open{white-space:nowrap;background:#060c14a8;border:1px solid rgba(120,150,170,.55);border-radius:5px;padding:1px 5px;color:#b9d6e6;font:500 9.5px/1.1 ui-monospace,Menlo,monospace}.dev-icon{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid currentColor;border-radius:8px;background:#060c14a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.dev-icon:hover{box-shadow:0 0 12px currentColor}