:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#18181c;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}body,#canvas-container,#look-area,#joystick-base,#joystick-handle,#contentPanel,#imagePreviewView{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body{min-width:0;min-height:0}h1{font-size:3.2em;line-height:1.1}#app{display:none}#canvas-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1;background:#18181c}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;touch-action:manipulation}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#joystick-container{position:fixed;left:24px;bottom:32px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:auto}#joystick-base{width:64px;height:64px;background-color:#e1e1e640;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 3px 8px #0000001f,0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:auto;touch-action:none}#joystick-handle{width:32px;height:32px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 1.5px 6px #0000002e;touch-action:none;transition:background .15s;pointer-events:auto}#joystick-base:active #joystick-handle{background:#ffffffb3}#look-area{position:fixed;right:0;top:0;width:100vw;height:100vh;z-index:9;touch-action:none;background:transparent}#takePhotoBtn,#selectGalleryBtn,#captureBtn{margin:0 8px 8px 0;font-size:1em}#cameraPreview,#imagePreview{max-width:90vw;max-height:60vh;border:1px solid #555;background:#111;border-radius:12px;box-shadow:0 2px 8px #00000026;margin:0 auto;display:block}#imageControlsUI{text-align:center;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:20;background:#282828cc;padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:340px;width:90vw}#initialButtons,#cameraModeUI,#previewModeUI{display:flex;flex-direction:column;align-items:center;gap:5px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;line-height:1;color:#2d6bff;user-select:none;-webkit-user-select:none;-moz-user-select:none}#addContentBtn{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background-color:#b4b4b433;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;z-index:100;cursor:pointer;outline:none;box-shadow:0 4px 12px #0003;transition:background-color .3s ease,transform .2s ease}#addContentBtn .material-symbols-outlined{font-size:42px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48;color:#ffffffe6;text-shadow:0 2px 6px rgba(0,0,0,.2);transition:color .18s,transform .3s ease-in-out;position:absolute}#addContentBtn:active .material-symbols-outlined{color:#fff;transform:scale(.92)}#addContentBtn:hover .material-symbols-outlined,#addContentBtn:focus-visible .material-symbols-outlined{color:#fff}#addContentBtn .icon-close{transform:rotate(45deg) scale(0);transition:transform .3s ease-in-out,opacity .2s ease-in-out;opacity:0}#addContentBtn .icon-plus{transform:rotate(0) scale(1);transition:transform .3s ease-in-out,opacity .2s ease-in-out;opacity:1}#addContentBtn.is-close-icon .icon-plus{transform:rotate(-45deg) scale(0);opacity:0}#addContentBtn.is-close-icon .icon-close{transform:rotate(0) scale(1);opacity:1}#contentPanel{position:fixed;width:95vw;max-width:400px;background-color:#28282dd9;color:#fff;border-radius:20px;left:50%;bottom:32px;transform:translate(-50%) scale(0);transform-origin:bottom center;z-index:90;display:flex;flex-direction:column;box-shadow:0 0 15px #00000026;opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease,visibility 0s linear .3s,border-radius .4s ease,padding .4s ease,width .4s ease,max-width .4s ease,height .4s ease,max-height .4s ease,bottom .4s ease;max-height:min(60vh,calc(100vh - 110px));min-height:200px;overflow:hidden;padding:20px 20px 88px;will-change:transform,opacity,visibility}#contentPanel.panel-active{transform:translate(-50%) scale(1);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease,visibility 0s linear 0s,border-radius .4s ease,padding .4s ease,width .4s ease,max-width .4s ease,height .4s ease,max-height .4s ease,bottom .4s ease;height:auto;overflow:hidden;pointer-events:auto}#contentPanel.fullscreen-panel{width:100vw;max-width:100vw;height:100vh;max-height:100vh;bottom:0;border-radius:0;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%) scale(1);transform-origin:bottom center;overflow:auto}#imagePreviewView label,#imagePreviewView span{color:#fff!important}.view{display:none;flex-direction:column;align-items:center;gap:20px;width:100%}.view.active{display:flex}#contentPanel button{padding:12px 20px;border-radius:10px;border:none;background:transparent;color:#fff;font-size:16px;cursor:pointer;width:100%;box-sizing:border-box;margin:.2em 0;transition:background .2s;text-align:center}#contentPanel button:hover{background:#ffffff1a}#contentPanel button:disabled{color:#fff6;cursor:not-allowed}#reviewCreatorViewpointsBtn{color:#fff;border:none;transition:background .2s}#reviewCreatorViewpointsBtn:hover{background:#ffffff1a}#reviewCreatorViewpointsBtn:active{background:#fff3}#closePanelBtn,#backToTypesBtn{background:transparent}#contentPanel.panel-active:after{content:"";position:absolute;display:none;bottom:-34px;left:50%;transform:translate(-50%);width:68px;height:68px;background:#28282dd9;border-radius:50%;z-index:-1}#addContentBtn{z-index:100;transition:background-color .3s ease,box-shadow .3s ease}#contentPanel.panel-active~#addContentBtn{background-color:#28282dd9;box-shadow:none}#joystick-container{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s;pointer-events:auto}#contentPanel.panel-active~#joystick-container{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;pointer-events:none}.camera-control-row{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:18px;width:100%;margin-top:10px;margin-bottom:24px}.camera-control-icon-btn{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#464646b3;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:background .2s}#captureFromCamBtn{width:72px;height:72px;border-radius:50%;background-color:#fffc;border:3px solid rgba(0,0,0,.2);color:#222;font-size:40px;display:flex;align-items:center;justify-content:center}#infoPanel{background:#28283c61;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 2px 12px #0000001a;color:#fff;padding:24px 32px;max-width:420px;margin:32px auto;font-size:1.1em;z-index:50}#infoPanel h2,#infoPanel p,#infoPanel ul,#infoPanel li{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}#recordBtn,#flipCameraBtn,#galleryBtn{width:56px;height:56px;border-radius:50%;background:#ffffff2e;color:#2d6bff;border:none;display:flex;align-items:center;justify-content:center;margin:0 8px;box-shadow:0 2px 8px #0000001a;transition:background .18s,box-shadow .18s,transform .12s;cursor:pointer;outline:none}#recordBtn:active,#flipCameraBtn:active,#galleryBtn:active{background:#2d6bff1f;transform:scale(.96)}#recordBtn:hover,#flipCameraBtn:hover,#galleryBtn:hover,#recordBtn:focus-visible,#flipCameraBtn:focus-visible,#galleryBtn:focus-visible{background:#2d6bff2e;box-shadow:0 6px 20px #2d6bff1a,0 2px 8px #0000001f}#recordBtn svg,#flipCameraBtn svg,#galleryBtn svg{width:28px;height:28px;display:block}#stageIndicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:10px 18px;border-radius:16px;z-index:100;font-weight:600;font-size:16px;box-shadow:0 1px 3px #0003;text-align:center}.collapsible-panel{position:fixed;bottom:0;width:100%;height:33vh;max-height:280px;background-color:#28282dd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);border-radius:18px 18px 0 0;box-shadow:0 -4px 15px #00000040;transition:height .3s ease-in-out;z-index:101;display:flex;flex-direction:column;overflow:hidden;display:none}.panel-handle{width:100%;padding:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-height:24px}.handle-indicator{width:40px;height:4px;background-color:#ffffff80;border-radius:2px}.panel-content{flex:1;overflow-y:auto;padding:0 15px 15px;display:flex;flex-direction:column}.tab-buttons{display:flex;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:15px}.tab-button{flex:1;margin:0 5px;padding:8px 12px;background-color:#3c3c3c66;color:#ffffffb3;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:first-child{margin-left:0}.tab-button:last-child{margin-right:0}.tab-button.active-tab{background-color:#508cdc99;color:#fff;font-weight:600}.tab-content{display:none;flex-direction:column;gap:15px;padding-bottom:10px}.tab-content.active-tab-content{display:flex}.control-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-group span{flex:1;color:#ffffffe6;font-size:15px}.control-group div{display:flex;gap:8px}.control-btn-small{width:44px;height:44px;border-radius:8px;background-color:#3c3c3cb3;color:#fff;font-size:18px;font-weight:700;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s}.control-btn-small:active{background-color:#508cdccc}.scale-control-container{display:flex;align-items:center;gap:12px;width:80%}.scale-control-container input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff4d;border-radius:2px}.scale-control-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4e8cff;cursor:pointer}.scale-control-container input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4e8cff;cursor:pointer}.scale-control-container span{width:40px;text-align:right;color:#ffffffe6;font-size:14px}.preset-btn{width:100%;padding:12px;background-color:#3c3c3cb3;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .15s;margin-bottom:10px}.preset-btn:active{background-color:#508cdccc}.action-button-green{width:calc(100% - 30px);margin:0 15px 15px;padding:14px;background-color:#28a745;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .15s;box-shadow:0 2px 5px #0003}.action-button-green:active{background-color:#218838}#addContentBtn[data-mode=pinning] .material-symbols-outlined{color:#ff5050e6}#cancelPinningBtn{transition:transform .2s,background-color .2s}#cancelPinningBtn:hover{background-color:#dc3545f2!important}#cancelPinningBtn:active{transform:scale(.92)}#cancelPinningBtn .material-symbols-outlined{font-size:28px;color:#fff}@keyframes button-flash{0%{background-color:#28282dd9}50%{background-color:#dc3545d9}to{background-color:#28282dd9}}.button-flash{animation:button-flash .3s ease-in-out}#selectSettingsBtn{background:transparent;color:#fff;border:none;transition:background .2s}#selectSettingsBtn:hover{background:#ffffff1a}#adminLoginPromptBtn,#signOutBtn,#backToContentTypesFromSettingsBtn,#adminLoginExecuteBtn,#backToSettingsFromLoginBtn{padding:12px 20px;border-radius:10px;background:transparent;color:#fff;font-size:16px;width:100%;margin:5px 0;transition:background .2s;border:none}#adminLoginPromptBtn:hover,#signOutBtn:hover,#backToContentTypesFromSettingsBtn:hover,#adminLoginExecuteBtn:hover,#backToSettingsFromLoginBtn:hover{background:#ffffff1a}#adminLoginPromptBtn:active,#signOutBtn:active,#backToContentTypesFromSettingsBtn:active,#adminLoginExecuteBtn:active,#backToSettingsFromLoginBtn:active{background:#fff3}#adminLoginExecuteBtn{background:#2d6bff33;margin-top:15px}#adminLoginExecuteBtn:hover{background:#2d6bff4d}#adminLoginExecuteBtn:active{background:#2d6bff66}#adminEmailInput,#adminPasswordInput{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;margin:8px 0;font-size:16px;box-sizing:border-box}#adminEmailInput::placeholder,#adminPasswordInput::placeholder{color:#fff9}#adminEmailInput:focus,#adminPasswordInput:focus{outline:none;border-color:#2d6bff80;box-shadow:0 0 0 2px #2d6bff4d}#adminLoginErrorMsg{color:#ff5252;font-size:14px;margin:5px 0;text-align:center;padding:5px;border-radius:5px;background-color:#ff52521a}.admin-pins-list{border-radius:8px;background-color:#0003;overflow:hidden}.admin-pins-list table{width:100%;border-collapse:collapse}.admin-pins-list th{text-align:left;padding:12px 15px;background-color:#0000004d;color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.2)}.admin-pins-list td{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.admin-pins-list button{background-color:#dc3545cc;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}#adminManagePinsBtn{background-color:#007bffcc;color:#fff;margin-bottom:15px}.frosted-glass{background-color:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}#settingsView{display:flex;flex-direction:column;padding:20px;gap:15px}#settingsView h2{color:#fff;text-align:center;margin-bottom:15px}#settingsView h3{color:#fff;margin:5px 0 10px}.settings-separator{width:100%;height:1px;background-color:#fff3;margin:10px 0}.segmented-control{display:flex;background-color:#0000004d;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 15px;height:40px;width:100%}.segmented-control-label{font-size:14px;font-weight:500;margin-bottom:8px;color:#ffffffe6}.segmented-control-option{flex:1;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;z-index:1;transition:color .3s ease;font-weight:500;padding:8px 0}.segmented-control-option.active{color:#000}.segmented-control-indicator{position:absolute;height:calc(100% - 6px);top:3px;left:3px;width:calc(50% - 6px);background-color:#fff;border-radius:8px;transition:transform .3s ease}.segmented-control[data-active=shared] .segmented-control-indicator{transform:translate(100%)}.section-selector{margin:20px 0;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0 5px}.section-selector-label{color:#fff;font-weight:500;margin-bottom:5px}.section-selector select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;font-size:16px;transition:opacity .3s ease,border-color .3s ease}.section-selector select:focus{outline:none;border-color:#2d6bff80}.section-selector.disabled .section-selector-label,.section-selector.disabled select{opacity:.5;cursor:not-allowed}#refreshSharedPinsBtn{position:fixed;bottom:40px;right:31px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:85;padding:0;transition:transform .2s ease,background-color .2s ease;background-color:#e1e1e640;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 3px 8px #0000001f,0 1px 3px #0000001a}#refreshSharedPinsBtn:hover{background-color:#e1e1e659;box-shadow:0 4px 10px #00000026,0 1px 3px #0000001a}#refreshSharedPinsBtn:active{transform:scale(.95)}#refreshSharedPinsBtn .refresh-icon{font-size:30px;color:#fff;transition:transform .2s ease}#refreshSharedPinsBtn.is-loading .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#adminBadge{position:fixed;top:20px;right:20px;background-color:#646464b3;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;font-size:12px;z-index:1000}#notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;color:#fff;font-weight:500;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;background-color:#6464644d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003;max-width:90%;word-wrap:break-word}#adminPinsListView{display:flex;flex-direction:column;padding:20px;overflow-y:auto}#adminPinsListView h2{color:#fff;text-align:center;margin-bottom:15px}.admin-pins-list{border-radius:10px;background-color:#0003;overflow:hidden;width:100%;margin-top:10px}.admin-pins-list table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-pins-list th{text-align:left;padding:12px 15px;background-color:#0000004d;color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.2);word-wrap:break-word}.admin-pins-list td{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;word-wrap:break-word;vertical-align:middle}.admin-pins-list tr:hover{background-color:#ffffff0d}.admin-pins-list th:nth-child(1),.admin-pins-list td:nth-child(1){width:60px}.admin-pins-list th:nth-child(2),.admin-pins-list td:nth-child(2){width:25%}.admin-pins-list th:nth-child(3),.admin-pins-list td:nth-child(3){width:25%}.admin-pins-list th:nth-child(4),.admin-pins-list td:nth-child(4){width:25%}.admin-pins-list th:nth-child(5),.admin-pins-list td:nth-child(5){width:80px}.admin-pins-list button{background-color:#dc3545cc;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;width:100%}.admin-pins-list button:hover{background-color:#dc3545}#adminManagePinsBtn{background-color:#007bffcc;color:#fff;margin-bottom:10px;padding:12px;border-radius:8px}#adminManagePinsBtn:hover{background-color:#007bff}@media (max-width: 600px){.admin-pins-list th,.admin-pins-list td{padding:8px;font-size:14px}.admin-pins-list th:nth-child(1),.admin-pins-list td:nth-child(1){width:50px}.admin-pins-list th:nth-child(2),.admin-pins-list td:nth-child(2){width:20%}.admin-pins-list th:nth-child(3),.admin-pins-list td:nth-child(3){width:20%}.admin-pins-list th:nth-child(4),.admin-pins-list td:nth-child(4){width:20%}.admin-pins-list th:nth-child(5),.admin-pins-list td:nth-child(5){width:70px}.admin-pins-list button{padding:4px 8px;font-size:12px}}.fullscreen-transition{transition:transform .3s ease,width .3s ease,height .3s ease,border-radius .3s ease,opacity .3s ease,padding .3s ease;opacity:1;visibility:visible}#contentPanel.fullscreen-panel{position:fixed;border-radius:20px 20px 0 0;transform:translate(-50%) scale(1);transform-origin:bottom center;width:100%;max-width:100%;height:90vh;max-height:90vh;bottom:0;padding:20px;overflow-y:auto;opacity:1;visibility:visible;pointer-events:auto}#contentPanel.returning-to-bubble{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease,visibility 0s linear 0s,border-radius .4s ease,padding .4s ease,width .4s ease,max-width .4s ease,height .4s ease,max-height .4s ease,bottom .4s ease!important;transform-origin:bottom center!important;opacity:1;visibility:visible}