*{box-sizing:border-box}:root{--color-bg: #1a1e2f;--color-primary: #03e7ae;--color-primary-soft: #00c994;--color-secondary: #ea3a87;--color-surface-elevated: rgba(0, 0, 0, .9);--color-surface-muted: rgba(28, 28, 28, .95);--color-border-subtle: rgba(255, 255, 255, .1);--color-border-strong: #ffffff;--color-text: #ffffff;--color-text-subtle: rgba(255, 255, 255, .7);--color-control-track: rgba(255, 255, 255, .3);--color-control-track-strong: rgba(255, 255, 255, .5);--color-control-hover: rgba(255, 255, 255, .2);--color-control-active: rgba(255, 255, 255, .3);--shadow-elevated: 0 6px 20px rgba(0, 0, 0, .4)}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-bg);background-image:url(../../img/logo.png);background-size:contain;background-position:center;background-repeat:no-repeat}#player-container{width:100%;height:100%;position:relative;background:#000;overflow:hidden}#player-container canvas{display:block;outline:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ytp-chrome-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1000;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 50%,transparent 100%);opacity:0;transition:opacity .25s cubic-bezier(.4,0,1,1);pointer-events:none}#player-container:hover .ytp-chrome-bottom,.ytp-chrome-bottom:hover,.ytp-chrome-bottom.show-controls{opacity:1;pointer-events:all}.ytp-progress-bar-container{height:20px;margin-bottom:4px;display:flex;align-items:center;cursor:pointer;padding:0}.ytp-progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-control-track);outline:none;border:none;border-radius:2px;cursor:pointer;transition:height .2s ease;position:relative;z-index:10}.ytp-progress-bar:hover{height:6px}.ytp-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:1px solid var(--color-border-strong);box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.ytp-progress-bar:hover::-webkit-slider-thumb{transform:scale(1.2)}.ytp-progress-bar::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:1px solid var(--color-border-strong)}.ytp-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ytp-left-controls,.ytp-right-controls{display:flex;align-items:center;gap:8px}.ytp-button{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.ytp-button:hover{background-color:var(--color-control-hover)}.ytp-button:active{background-color:var(--color-control-active);transform:scale(.9)}.ytp-button svg{fill:var(--color-text);width:24px;height:24px}.ytp-volume-area{display:flex;align-items:center;gap:6px}.ytp-volume-slider{-webkit-appearance:none;appearance:none;width:60px;height:4px;background:var(--color-control-track-strong);outline:none;border:none;border-radius:2px;cursor:pointer;transition:all .2s ease}.ytp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-text);border-radius:50%;cursor:pointer;border:none;transition:transform .2s ease}.ytp-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.ytp-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.ytp-time-display{color:var(--color-text);font-size:13px;font-weight:500;padding:0 6px;white-space:nowrap}.ytp-playback-rate{color:var(--color-text);font-size:13px;font-weight:500;padding:6px 10px;min-width:30px;text-align:center;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.ytp-playback-rate:hover{background-color:var(--color-control-hover)}.ytp-settings-menu{position:absolute;bottom:60px;right:15px;z-index:1001;background:var(--color-surface-muted);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:var(--shadow-elevated);min-width:250px;max-height:calc(100vh - 120px);overflow-y:auto;display:none}.ytp-settings-menu.show{display:block}.ytp-panel{padding:8px 0}.ytp-panel-hidden{display:none}.ytp-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);font-size:15px;font-weight:500}.ytp-panel-back-button{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.ytp-panel-back-button:hover{background-color:var(--color-control-hover)}.ytp-menuitem{display:flex;align-items:center;padding:10px 14px;color:var(--color-text);font-size:14px;cursor:pointer;transition:background-color .15s ease;min-height:40px}.ytp-menuitem:hover{background-color:#ffffff26}.ytp-menuitem-label{flex:1;line-height:1.4}.ytp-menuitem-content{color:var(--color-text-subtle);font-size:13px;margin-right:8px}.ytp-menuitem-toggle-checkbox svg{fill:#fffc;width:18px;height:18px}.ytp-menuitem-selected{background-color:#ffffff1a}.ytp-playback-rate.disabled,.ytp-menuitem.disabled{opacity:.4!important;cursor:not-allowed!important;pointer-events:none}.ytp-menuitem.disabled:hover{background-color:transparent!important}#web4dv-waiter{position:absolute;top:50%;left:50%;width:150px;height:150px;margin-top:-75px;margin-left:-75px;opacity:.6;z-index:2;display:none}#web4dv-waiter img{width:100%;height:100%;object-fit:contain}.player-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface-elevated);color:var(--color-text);padding:20px;border-radius:10px;text-align:center;max-width:350px;z-index:1000;border:1px solid var(--color-border-subtle);user-select:text}.player-error h3{margin-top:0;color:var(--color-secondary);font-size:1.1rem}.player-error p{margin-bottom:0;line-height:1.5}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}#ARButton{position:absolute;bottom:80px;left:15px;z-index:1001;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:4px;background:#0000001a;color:var(--color-text);font:normal 12px inherit;text-align:center;opacity:.5;outline:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}#ARButton:hover{opacity:1;background-color:#0003}.player-error-divider{width:100%;height:1px;background:#ffffff26;margin:1rem 0}.player-browse-btn{display:inline-block;margin-top:.25rem;padding:.55rem 1.4rem;font-size:.95rem;font-weight:600;color:var(--color-bg);background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:background .18s ease,transform .12s ease}.player-browse-btn:hover{background:var(--color-primary-soft);transform:translateY(-1px)}.player-browse-btn:active{transform:translateY(0)}.player-browse-error{margin-top:.6rem;font-size:.85rem;color:var(--color-secondary)}.ytp-button:focus-visible,.ytp-playback-rate:focus-visible,.ytp-panel-back-button:focus-visible,.ytp-menuitem:focus-visible,.ytp-progress-bar:focus-visible,.ytp-volume-slider:focus-visible,#ARButton:focus-visible,.player-browse-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.ytp-menuitem{border:none;background:transparent;text-align:left;width:100%}.ytp-playback-rate{border:none;background:transparent}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.ytp-chrome-bottom{padding:5px 10px calc(5px + env(safe-area-inset-bottom,0))}.ytp-button{width:44px;height:44px}.ytp-button svg{width:22px;height:22px}.ytp-volume-slider{display:none}.ytp-time-display,.ytp-playback-rate{font-size:12px;padding:0 5px}}@media(max-width:480px){.ytp-left-controls,.ytp-right-controls{gap:4px}.ytp-button{width:44px;height:44px}.ytp-button svg{width:20px;height:20px}.ytp-time-display,.ytp-playback-rate{display:none}}