body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{display:flex;flex-direction:column;min-height:100vh;width:100%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#banner{flex-direction:column;gap:1.5rem;max-width:400px;width:100%}#banner,.snapshare{align-items:center;display:flex}.snapshare{gap:.5rem;margin-bottom:.5rem}.snapshare img{height:50px;object-fit:contain;width:50px}.snapshare h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38ef7d,#11998e);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,system-ui,sans-serif;font-size:2rem;font-weight:600;margin:0}.qr-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;padding:1.5rem}.qr-container svg{display:block}.status{font-size:.9rem;margin:.5rem 0}.connected,.status{border-radius:20px;padding:.5em 1.5em}.connected{background:#38ef7d1a;color:#38ef7d;font-weight:600}.waiting{animation:pulse 2s infinite;color:#ffffffb3}.error{color:#ff6b6b}.connecting{color:#ffd93d}.intro{color:#fffc;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem;line-height:1.6;text-align:center;white-space:pre-line}footer{margin-top:1.5rem}footer a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:inline-flex;height:45px;justify-content:center;text-decoration:none;transition:background .2s,transform .2s;width:45px}footer a:hover{background:#fff3;transform:scale(1.1)}footer a .icons{font-size:20px}.notes-overlay{animation:slideUp .3s ease;background:#000000e6;border-radius:16px;bottom:40px;box-shadow:0 8px 32px #0000004d;color:#fff;font-size:1.5rem;left:50%;max-width:80%;padding:1.5rem 2.5rem;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.liquid-container{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.liquid-blob{animation:blob-float 10s ease-in-out infinite alternate;filter:blur(80px);opacity:.6;position:absolute;z-index:0}.liquid-blob:first-child{animation-delay:0s;background:#11998e;border-radius:40% 60% 70% 30%/40% 50% 60% 50%;height:300px;left:20%;top:20%;width:300px}.liquid-blob:nth-child(2){animation-delay:-2s;background:#38ef7d;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:20%;height:350px;right:20%;width:350px}.liquid-blob:nth-child(3){animation-delay:-4s;background:#00b4db;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes blob-float{0%{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:translate(0) rotate(0deg) scale(1)}33%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%;transform:translate(30px,-50px) rotate(120deg) scale(1.1)}66%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate(-20px,20px) rotate(240deg) scale(.9)}to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:translate(0) rotate(1turn) scale(1)}}.glass-panel{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px 0 #0000005e;color:#fff;display:flex;flex-direction:column;max-width:90%;padding:3rem;position:relative;text-align:center;transition:transform .3s ease;width:400px;z-index:1}.liquid-spinner{height:60px;margin-bottom:2rem;position:relative;width:60px}.liquid-spinner:after,.liquid-spinner:before{animation:liquid-spin 2s linear infinite;background:linear-gradient(45deg,#0000,#0000 40%,#38ef7d);border-radius:50%;content:"";height:100%;position:absolute;width:100%}.liquid-spinner:before{filter:blur(5px)}.liquid-spinner:after{filter:blur(15px)}@keyframes liquid-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.liquid-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#b2fefa);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.liquid-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.glass-panel.error{background:#ff6b6b0d;border-color:#ff6b6b4d}.glass-panel.error .liquid-spinner:after,.glass-panel.error .liquid-spinner:before{background:linear-gradient(45deg,#0000,#0000 40%,#ff6b6b)}.panel-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.desktop-environment{animation:fade-in-up .8s ease-out;background:#ffffff05;display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:10}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.desktop-icons-area{align-items:flex-start;flex:1 1;gap:20px;padding:20px}.desktop-icon,.desktop-icons-area{display:flex;flex-direction:column}.desktop-icon{align-items:center;border-radius:8px;cursor:pointer;padding:10px;transition:background .2s;width:80px}.desktop-icon:hover{background:#ffffff1a}.icon-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:40px;margin-bottom:5px}.icon-label{color:#fff;font-size:12px;text-align:center;text-shadow:0 1px 2px #000c}.window-frame{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff9;border-radius:12px;box-shadow:0 15px 35px #0003,0 5px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:box-shadow .2s,opacity .2s,transform .2s}.window-frame.minimized{background:#ffffffe6;border-radius:8px;cursor:pointer;transition:all .3s ease}.resize-handle{bottom:0;cursor:se-resize;height:20px;position:absolute;right:0;width:20px;z-index:20}.resize-handle:after{border-bottom:2px solid #0003;border-right:2px solid #0003;bottom:4px;content:"";height:6px;position:absolute;right:4px;width:6px}.window-browser{height:80%;left:15%;top:5%;width:80%;z-index:10}.window-history{height:500px;left:10%;top:10%;width:600px;z-index:20}.window-header{align-items:center;background:#e0e0e0;border-bottom:1px solid #ccc;display:flex;height:36px;justify-content:space-between;padding:0 10px;-webkit-user-select:none;user-select:none}.window-title{color:#333;font-size:13px;font-weight:500}.window-controls{display:flex;gap:6px}.control-btn{border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.btn-close{background:#ff5f56}.btn-min{background:#ffbd2e}.btn-max{background:#27c93f}.window-content{background:#fff;flex:1 1;overflow:auto;position:relative}.history-list{display:flex;flex-direction:column}.history-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:10px;transition:background .2s}.history-item:hover{background:#f0f7ff}.file-icon{font-size:24px;margin-right:12px}.file-info{display:flex;flex-direction:column}.file-name{color:#333;font-size:14px;font-weight:500}.file-meta{color:#888;font-size:11px}.taskbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0006;border-radius:20px;border-top:1px solid #ffffff1a;bottom:20px;box-shadow:0 5px 20px #0003;height:48px;left:20px;padding:0 16px;position:absolute;right:20px;width:auto;z-index:100}.start-btn,.taskbar{align-items:center;display:flex}.start-btn{background:#fff;border-radius:50%;cursor:pointer;font-size:18px;height:30px;justify-content:center;margin-right:15px;width:30px}.browser-iframe{border:none;height:100%;width:100%}.virtual-cursor{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;margin-left:-5px;margin-top:-2px;pointer-events:none;position:absolute;transform:translate(-2px,-2px);transition:transform .05s ease-out;width:24px;z-index:9999}.notes-overlay{background-color:#ffffffe6;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;font-size:16px;line-height:1.5;max-width:300px;padding:15px;position:absolute;right:20px;top:20px;white-space:pre-wrap;z-index:1001}.panel-body{background-image:linear-gradient(to bottom right,#002f4b,#11998e);background-position:0 0 0 0;background-position:initial initial;background-repeat:repeat;background-repeat:initial initial;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.player-wrapper{padding-top:56.25%;position:relative}.react-player{left:0;position:absolute;top:0}.controller-container{box-sizing:border-box;gap:1.25rem;min-height:100vh;padding:1.5rem}.controller-container,.controller-header{align-items:center;display:flex;flex-direction:column}.controller-header{gap:.5rem;margin-bottom:.25rem}.controller-header img{filter:drop-shadow(0 4px 12px rgba(56,239,125,.3));height:50px;width:50px}.controller-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38ef7d,#11998e);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;margin:0}.controller-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem}.controller-status.connected{background:#38ef7d26;border:1px solid #38ef7d4d;color:#38ef7d}.controller-status.connecting{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107}.controller-status.error{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:#ff6b6b}.spinner{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.mode-tabs{background:#0003;border-radius:16px;display:flex;gap:.5rem;padding:.4rem}.mode-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffff80;cursor:pointer;display:flex;font-size:1.3rem;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.mode-tab:hover{background:#ffffff1a;color:#fff}.mode-tab.active{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #38ef7d4d;color:#fff}.presentation-mode{display:flex;flex-direction:column;gap:1rem;max-width:320px;width:100%}.presentation-label{color:#ffffff80;font-size:.85rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.nav-buttons{display:flex;gap:1rem}.nav-btn{align-items:center;aspect-ratio:1;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:600;gap:.5rem;justify-content:center;transition:all .2s ease}.nav-btn.prev{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66}.nav-btn.next{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 6px 20px #38ef7d66}.nav-btn:active{transform:scale(.95)}.nav-icon{font-size:2.5rem}.nav-text{font-size:.9rem;opacity:.9}.presentation-actions{display:flex;gap:.75rem}.action-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:1rem;transition:all .2s ease}.action-btn.fullscreen{background:#ffffff1a;border:1px solid #fff3}.action-btn.fullscreen:hover{background:#ffffff26}.action-btn.escape{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.action-btn.escape:hover{background:#ff6b6b4d}.action-btn:active{transform:scale(.97)}.quick-keys{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.quick-label{color:#fff6;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.quick-btns{display:flex;gap:.5rem}.quick-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;padding:0;transition:all .2s ease;width:48px}.quick-btn:hover{background:#ffffff1f;color:#fff}.quick-btn:active{transform:scale(.9)}.mouse-mode{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.mouse-hint{color:#ffffffb3;font-size:.9rem}.trackpad{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;height:300px;justify-content:center;touch-action:none;width:100%}.trackpad-icon{font-size:3rem;opacity:.2}.mouse-actions{margin-top:1rem}.draw-mode{gap:1rem;height:100%;max-width:320px;width:100%}.draw-mode,.tool-palette{display:flex;flex-direction:column}.tool-palette{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;gap:.8rem;padding:1rem}.color-picker{display:flex;justify-content:space-between}.color-btn{border:3px solid #fff3;border-radius:50%;cursor:pointer;height:36px;padding:0;transition:all .2s ease;width:36px}.color-btn.active{border-color:#fff;box-shadow:0 0 10px #ffffff4d;transform:scale(1.1)}.width-picker{background:#0003;border-radius:12px;display:flex;justify-content:space-between;padding:.5rem}.width-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.6;transition:all .2s ease;width:40px}.width-btn.active{background:#ffffff1a;opacity:1}.touch-pad{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:20px;cursor:crosshair;display:flex;height:300px;justify-content:center;position:relative;touch-action:none;width:100%}.pad-hint,.touch-pad{-webkit-user-select:none;user-select:none}.pad-hint{color:#fff3;font-size:.9rem;pointer-events:none}.draw-actions{margin-top:auto}.form-container{max-width:320px;width:100%}.form__group{margin-top:10px;padding:20px 0 0;position:relative;width:100%}.form__field{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;outline:0;padding:1rem;transition:all .3s ease;width:100%}.form__field::placeholder{color:#fff6}.form__field:focus{background:#ffffff1f;border-color:#38ef7d;box-shadow:0 0 0 3px #38ef7d26}.form__label{color:#fff9;display:block;font-size:.85rem;margin-bottom:.5rem;position:absolute;top:0}.btn{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#11998e,#38ef7d);border:0;border-radius:12px;box-shadow:0 4px 15px #38ef7d4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;outline:0;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn:hover{box-shadow:0 6px 20px #38ef7d66;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn.secondary{background:#ffffff1a;border:1px solid #fff3;box-shadow:none}.btn.secondary:hover{background:#ffffff26;box-shadow:none}.sent-message{animation:fadeInUp .3s ease;background:#38ef7d1a;border-radius:8px;color:#38ef7d;font-weight:500;margin:.5rem 0;padding:.75rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-mode{max-width:320px;width:100%}.notes-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.notes-input::placeholder{color:#fff6}.notes-input:focus{background:#ffffff1f;border-color:#38ef7d;box-shadow:0 0 0 3px #38ef7d26;outline:none}.notes-buttons{display:flex;gap:.75rem;margin-top:1rem}.notes-buttons .btn{flex:1 1;margin-top:0}.status-page{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.status-page .icon{font-size:3rem;margin-bottom:.5rem}.status-page h3{font-size:1.25rem;font-weight:600;margin:0}.status-page p{color:#fff9;font-size:.95rem;margin:0}.status-page .error-detail{background:#ff6b6b1a;border-radius:8px;color:#ff6b6bcc;font-size:.85rem;max-width:280px;padding:.5rem 1rem;word-break:break-all}.pulse-ring{align-items:center;background:#ffc1071a;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.pulse-ring:before{animation:pulse 1.5s ease-out infinite;border:2px solid #ffc10766;border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.pulse-ring .spinner{border-width:3px;color:#ffc107;height:28px;width:28px}form{display:contents}
/*# sourceMappingURL=main.be641279.css.map*/