: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}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box;position:relative}#root{width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;position:relative}@media(max-width:768px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}@media(orientation:landscape){body{overflow-x:hidden}}@media(max-width:1024px)and (orientation:landscape){html{height:-webkit-fill-available}body{min-height:-webkit-fill-available;min-height:100vh}}h1{font-size:3.2em;line-height:1.1}@media(max-width:768px){h1{font-size:2em;line-height:1.2}}@media(max-width:480px){h1{font-size:1.75em;line-height:1.2}}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}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}}.flashphoner-player{max-width:1200px;margin:0 auto;padding:20px;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 6px #0000004d;width:100%;max-width:100vw;box-sizing:border-box;overflow:visible;position:relative}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #333}.player-header h2{margin:0;color:#fff;font-size:1.5em}.status-indicator{display:flex;align-items:center}.status{padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:500;text-transform:capitalize}.status.connected{background-color:#10b981;color:#fff}.status.playing{background-color:#3b82f6;color:#fff}.status.stopped{background-color:#6b7280;color:#fff}.status.disconnected{background-color:#ef4444;color:#fff}.status.connecting{background-color:#f59e0b;color:#fff}.status.connection-failed,.status.stream-failed{background-color:#dc2626;color:#fff}.video-container{position:relative;width:100%;max-width:80%;max-height:60vh;background:#000;border-radius:8px;overflow:hidden;margin:0 auto 20px;min-height:300px;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;box-sizing:border-box}.video-container.landscape-fullscreen{position:fixed;top:0;left:120px;bottom:80px;width:calc(100vw - 120px);height:calc(100vh - 80px);margin:0;padding:0;border-radius:0;aspect-ratio:auto;max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);z-index:9999;background:#000;min-height:0}.video-container.landscape-fullscreen .video-display{width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain}@media(orientation:portrait){.video-container.landscape-fullscreen{transform:rotate(90deg);width:calc(100vh - 80px);height:calc(100vw - 120px);transform-origin:center center;position:fixed;top:50%;left:50%;margin-top:calc(-50vw + 40px);margin-left:calc(-50vh + 60px);z-index:9999}.video-container.landscape-fullscreen .video-display{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}}.video-display{width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain;overflow:hidden}.video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;text-align:center;pointer-events:none}.video-placeholder p{margin:0;font-size:1.2em}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px}.error-message p{margin:0}.player-controls{display:flex;flex-direction:column;gap:15px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#e5e7eb;font-weight:500;font-size:.9em}.control-input{padding:10px;border:1px solid #374151;border-radius:6px;background:#111;color:#fff;font-size:1em}.control-input:disabled{opacity:.6;cursor:not-allowed}.button-group{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.ads-container{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:10px}.ads-left{left:0;top:0;width:120px;height:100vh;padding:10px;background:#00000080;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.ads-bottom{left:120px;bottom:0;width:calc(100vw - 120px);height:80px;padding:10px;background:#00000080;display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;align-items:center;justify-content:center}.ad-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ads-left .ad-item{width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.ads-bottom .ad-item{height:100%}.ad-link{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}.ads-left .ad-link{width:100%;height:auto;display:block;text-align:center}.ads-bottom .ad-link{width:auto;height:100%}.ad-image{max-width:100%;max-height:100%;width:100%;height:auto;object-fit:contain;border-radius:4px;cursor:pointer;transition:transform .2s ease;display:block;background:#ffffff0d}.ad-image:hover{transform:scale(1.05);opacity:.9}.ads-left .ad-image{width:100%;height:auto;min-height:80px;display:block;visibility:visible;opacity:1;max-width:100%}.ads-bottom .ad-image{height:100%;width:auto;min-width:120px;display:block;visibility:visible;opacity:1;max-height:100%}.landscape-fullscreen-btn,.exit-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:20;background:#000000b3;border:2px solid rgba(255,255,255,.8);border-radius:8px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;flex-shrink:0}.landscape-fullscreen-btn:hover,.exit-fullscreen-btn:hover{background:#000000e6;border-color:#fff;transform:scale(1.1)}.landscape-fullscreen-btn:active,.exit-fullscreen-btn:active{transform:scale(.95)}.landscape-fullscreen-btn svg,.exit-fullscreen-btn svg{width:20px;height:20px;stroke:#fff}@media(max-width:768px){.flashphoner-player{padding:12px;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden;margin:0;position:relative}.flashphoner-player.landscape-fullscreen-active{padding:0;margin:0;border-radius:0;background:transparent;box-shadow:none;max-width:100vw;width:100vw}.player-header{flex-direction:column;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box}.video-container{min-height:0;max-height:50vh;width:100%;max-width:80%;box-sizing:border-box;aspect-ratio:16 / 9;position:relative;overflow:hidden}.video-container:not(.landscape-fullscreen){max-width:calc(100vw - 24px)}.video-display{width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;aspect-ratio:16 / 9;object-fit:contain;overflow:hidden}.control-input{width:100%;box-sizing:border-box;word-break:break-all;font-size:.9em}.button-group{flex-direction:column;width:100%}.btn{width:100%;min-height:44px;touch-action:manipulation}.landscape-fullscreen-btn,.exit-fullscreen-btn{width:40px;height:40px;top:8px;right:8px;z-index:10000}.landscape-fullscreen-btn svg,.exit-fullscreen-btn svg{width:18px;height:18px}.video-container.landscape-fullscreen .exit-fullscreen-btn{position:fixed;top:10px;right:10px;z-index:10000}.video-container.landscape-fullscreen{position:fixed;top:0;left:100px;bottom:60px;width:calc(100vw - 100px);height:calc(100vh - 60px);z-index:9999;background:#000}.video-container.landscape-fullscreen .video-display{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.ads-left{width:100px;padding:8px}.ads-bottom{left:100px;width:calc(100vw - 100px);height:60px;padding:8px}@media(orientation:portrait){.video-container.landscape-fullscreen{transform:rotate(90deg);width:calc(100vh - 60px);height:calc(100vw - 100px);transform-origin:center center;top:50%;left:50%;margin-top:calc(-50vw + 30px);margin-left:calc(-50vh + 50px)}.video-container.landscape-fullscreen .video-display{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}}@media(orientation:landscape){.video-container.landscape-fullscreen{transform:none;width:calc(100vw - 100px);height:calc(100vh - 60px);top:0;left:100px;bottom:60px;margin:0}.video-container.landscape-fullscreen .video-display{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}}}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;position:relative}.app-header{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a}.app-header h1{margin:0 0 .5rem;font-size:2.5em;font-weight:700}.app-header p{margin:0;font-size:1.1em;opacity:.9}.app-main{flex:1;padding:2rem;display:flex;align-items:center;justify-content:center;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;position:relative}@media(max-width:768px){.app-main{padding:1rem;align-items:flex-start;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;position:relative}.app-main .hls-player.landscape-fullscreen-active{width:100vw;max-width:100vw}.app-header{padding:1.5rem 1rem}.app-header h1{font-size:1.8em}.app-header p{font-size:1em}}@media(max-width:480px){.app-main{padding:.5rem;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.app-header{padding:1rem .75rem}.app-header h1{font-size:1.5em}.app-header p{font-size:.9em}}@media(max-width:1024px)and (orientation:landscape){.app-main{padding:.75rem 1rem;align-items:flex-start}.app-header{padding:1rem 1.5rem}.app-header h1{font-size:1.5em}.app-header p{font-size:.95em}}@media(max-width:768px)and (orientation:landscape){.app-main{padding:.5rem .75rem}.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.3em}.app-header p{font-size:.85em}}@media(max-width:667px)and (orientation:landscape){.app-main{padding:.4rem .6rem}.app-header{padding:.6rem .8rem}.app-header h1{font-size:1.2em}.app-header p{font-size:.8em}}@media(max-width:568px)and (orientation:landscape){.app-main{padding:.3rem .5rem}.app-header{padding:.5rem .6rem}.app-header h1{font-size:1.1em}.app-header p{font-size:.75em}}