body{--viewer-paper: #fbfdfd;--viewer-ink: #163340;--viewer-muted: #526b76;--viewer-border: #d4e1e5;--viewer-accent: #006d78;--viewer-tint: #e1f2f2;--viewer-bottom: max(12px, env(safe-area-inset-bottom));--viewer-top: max(12px, env(safe-area-inset-top));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body [hidden],.a-enter-vr,.a-enter-ar{display:none!important}body:not(.admin-mode) .admin-only,body.website-launch .model-library{display:none}#participantColor{width:16px;height:16px;border-radius:50%}.identity-row{display:grid;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:8px}.model-library-content,.model-group,#cifUpload{display:grid;gap:10px}.model-group-actions,#moleculePicker,#reactionControls,.selection-actions{display:flex;flex-wrap:wrap;gap:8px}.model-group{padding:10px 0;border-top:1px solid var(--viewer-border)}.model-group-title{font-weight:600}.model-library-hint{display:none}#cifUpload label{display:grid;gap:6px}#crystalLegend{display:flex;flex-wrap:wrap;gap:8px}#crystalLegend span{display:inline-flex;align-items:center;gap:5px}#crystalLegend i{display:inline-block;width:12px;height:12px;border-radius:50%}.viewer-sheet p,.viewer-sheet li{overflow-wrap:anywhere}.viewer-sheet input[type=file],.viewer-sheet #molecularControls select{max-width:100%}.viewer-sheet #molecularSelection,.viewer-sheet #sceneSelection{flex-basis:100%}.viewer-sheet #sceneControls .section-label{flex-basis:100%;color:var(--viewer-muted);font-size:12px}.viewer-sheet #sceneControls fieldset input[type=number]{width:90px}.viewer-sheet .activity-playback{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.viewer-sheet .activity-playback input[type=range]{width:100%}.viewer-sheet #quickInteractionControls:empty{display:none}#viewerHeader{position:fixed;z-index:12;top:var(--viewer-top);left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);pointer-events:none}#roomLabel{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;border-radius:20px;background:var(--viewer-paper);color:var(--viewer-ink);font:600 13px/1.4 system-ui,sans-serif;letter-spacing:0}#viewerToolbar{position:fixed;z-index:14;left:50%;bottom:var(--viewer-bottom);transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid var(--viewer-border);border-radius:16px;background:var(--viewer-paper);color:var(--viewer-ink);box-shadow:0 5px 22px #14384724}#viewerToolbar button,#viewerSelection button,.viewer-sheet button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:44px;min-height:44px;border:1px solid var(--viewer-border);border-radius:10px;padding:9px 12px;background:var(--viewer-paper);color:var(--viewer-ink);font:600 14px/1.25 system-ui,sans-serif;cursor:pointer;transition:background .12s}#viewerToolbar button{border-color:transparent}#viewerTools[data-question]:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--viewer-accent);margin-left:5px;vertical-align:middle}#viewerToolbar button:hover,.viewer-sheet button:hover:not(:disabled){background:var(--viewer-tint);border-color:var(--viewer-accent)}#viewerToolbar button[aria-expanded=true],.viewer-sheet button[aria-pressed=true]{color:var(--viewer-accent);background:var(--viewer-tint);border-color:var(--viewer-accent);outline:none}#viewerToolbar button:disabled,.viewer-sheet button:disabled{opacity:.5;cursor:default}body button:focus-visible,.viewer-sheet input:focus-visible,.viewer-sheet select:focus-visible,.viewer-sheet summary:focus-visible,.viewer-sheet a:focus-visible{outline:3px solid var(--viewer-accent);outline-offset:2px}#quickViewerControls,#quickViewerControls #zoomControls{display:flex;align-items:center;gap:0;margin:0}#quickViewerControls #zoomReadout{min-width:40px;text-align:center;font-size:12px;color:var(--viewer-muted);font-variant-numeric:tabular-nums}#quickViewerControls #zoomIn,#quickViewerControls #zoomOut{font-size:22px;font-weight:400;padding:4px}body #overlay.viewer-sheet,body #reactionQuickControls.viewer-sheet{position:fixed;inset:auto auto calc(var(--viewer-bottom) + 70px) 50%;transform:translate(-50%);z-index:13;width:min(420px,calc(100vw - 24px));max-height:min(60dvh,calc(100dvh - var(--viewer-top) - var(--viewer-bottom) - 118px));display:block;overflow:auto;box-sizing:border-box;padding:0 16px 16px;border:1px solid var(--viewer-border);border-radius:18px;background:var(--viewer-paper);color:var(--viewer-ink);box-shadow:0 8px 24px #14384726;-webkit-backdrop-filter:none;backdrop-filter:none;font:14px/1.45 system-ui,sans-serif;overscroll-behavior:contain;scroll-padding-top:65px}.viewer-sheet .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:var(--viewer-paper);padding:10px 0;border-bottom:1px solid var(--viewer-border);margin-bottom:12px}.sheet-heading h2{margin:0;font-size:16px}.viewer-sheet .sheet-heading button{border:0;font-weight:400;font-size:24px;padding:4px}#toolsBody{display:grid;gap:12px}#toolsBody #editorControls{display:flex;flex-wrap:wrap;gap:10px;max-width:none;align-items:center;margin:0}body.admin-mode #toolsBody #editorControls{display:none}#editorLockLabel,#sceneSelection,#molecularSelection{color:var(--viewer-muted);font-size:12px}#sceneSelection:empty{display:none}#sceneControls,#molecularControls,#quickInteractionControls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--viewer-ink)}body #sceneControls.activity-room-controls{max-height:none;overflow:visible;flex-basis:auto}#sceneControls fieldset{display:flex;flex-wrap:wrap;width:100%;gap:8px;padding:10px 0;margin:0;border:0;border-top:1px solid var(--viewer-border);min-width:0}#sceneControls legend{font-size:13px;font-weight:600}#sceneControls label{font-size:14px;min-height:44px}.viewer-sheet input:not([type=checkbox]):not([type=range]):not([type=file]),.viewer-sheet select,#sceneControls .activity-model-fields input,#sceneControls .activity-model-fields select{min-height:44px;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--viewer-border);border-radius:8px;background:#fff;color:var(--viewer-ink);font:16px/1.3 system-ui,sans-serif;padding:8px}.viewer-sheet input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;accent-color:var(--viewer-accent)}.viewer-sheet input[type=range]{min-height:44px;accent-color:var(--viewer-accent)}#sceneControls details,#sceneControls .activity-model-fields{width:100%}#sceneControls .model-display-options label,#sceneControls .activity-state-picker{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;overflow-wrap:anywhere}#sceneControls .model-display-options>label,#sceneControls .activity-state-picker{flex-direction:column;align-items:stretch}#sceneControls .model-display-options select,#sceneControls .activity-state-picker select{width:100%}#sceneControls [data-activity-disclosure=playback] input[type=range]{display:block;width:100%}#sceneControls .model-display-options [hidden]{display:none!important}#overlay details{margin:10px 0;border:0;border-top:1px solid var(--viewer-border);padding:0;border-radius:0}#overlay summary,#sceneControls summary{min-height:44px;box-sizing:border-box;padding:12px 0;font-size:14px;cursor:pointer}#overlay .identity-row{margin:4px 0 12px}#overlay .identity-row label,#overlay #modeLabel{color:var(--viewer-muted)}#overlay #participantName{height:44px}#overlay a,#websiteLaunch a{color:var(--viewer-accent)!important}#overlay #websiteLaunch{display:grid;gap:12px;margin:0}#websiteLaunch p{max-height:none;overflow:visible;margin:0}#overlay #status,#overlay .debug-status{display:block;color:var(--viewer-muted);overflow-wrap:anywhere;margin:8px 0}#overlay .model-library-content{color:var(--viewer-ink)}#overlay .selection-actions:has(button[hidden]):not(:has(button:not([hidden]))){display:none}#viewerSelection{position:fixed;z-index:12;right:max(12px,env(safe-area-inset-right));top:calc(var(--viewer-top) + 42px)}#viewerSelection button{font-size:12px;box-shadow:0 3px 12px #14384718}#viewerNotice,#viewerTracking{position:fixed;z-index:15;left:50%;top:calc(var(--viewer-top) + 40px);transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:12px;background:#fff0d6;color:#623a08;font:14px/1.4 system-ui,sans-serif;box-shadow:0 3px 12px #14384718}#viewerNotice a{display:block;padding:8px 0;color:inherit;font-weight:600}#viewerTracking{z-index:11;top:auto;bottom:calc(var(--viewer-bottom) + 76px);background:var(--viewer-paper);color:var(--viewer-ink);pointer-events:none}body:has(.viewer-sheet:not([hidden])) #viewerTracking{display:none}@media(min-width:900px){body #overlay.viewer-sheet,body #reactionQuickControls.viewer-sheet{left:auto;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--viewer-bottom) + 70px);transform:none;max-height:calc(100dvh - var(--viewer-top) - var(--viewer-bottom) - 118px)}}@media(orientation:landscape)and (max-height:540px){body #overlay.viewer-sheet,body #reactionQuickControls.viewer-sheet{left:auto;right:max(12px,env(safe-area-inset-right));transform:none;max-height:calc(100dvh - var(--viewer-bottom) - 140px)}}@media(prefers-reduced-motion:reduce){#viewerToolbar button,.viewer-sheet button{transition:none}}
