/* Build theme by Suryo Dwijayanto */
:root{--bg-main:#1a1a1a;--accent:#e65c00;--text-main:#ffffff;--text-muted:#a2a2a2}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Poppins',sans-serif;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;min-height:100vh}header{padding:30px 4% 15px 4%;display:flex;justify-content:space-between;align-items:flex-end}.logo{font-family:'Segoe UI','Montserrat',sans-serif;font-size:38px;font-weight:300;letter-spacing:-.5px;color:var(--text-main);display:flex;align-items:center;gap:15px}.source-tabs{display:flex;gap:10px;transition:opacity 0.3s ease}.tab-btn{padding:8px 20px;border:2px solid #fff0;background:rgb(255 255 255 / .1);color:var(--text-main);font-weight:400;font-size:14px;cursor:pointer;transition:all 0.2s}.tab-btn:hover{background:rgb(255 255 255 / .2);border-color:rgb(255 255 255 / .4)}.tab-btn.active{background:var(--accent);border-color:#fff}.view{padding:20px 4% 40px 4%;transition:all 0.3s ease-in-out;width:100%}.hidden{display:none!important;opacity:0;pointer-events:none}.search-container{margin-bottom:35px;position:relative;max-width:500px}.search-container input{width:100%;padding:12px 15px 12px 45px;background:#1f1f1f;border:2px solid #3d3d3d;color:#fff;font-size:15px;outline:none;transition:all 0.2s}.search-container input:focus{border-color:var(--accent);background:#1a1a1a}.search-container i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:140px;grid-auto-flow:dense;gap:10px;animation:fadeIn 0.4s ease}.tile-card{padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;cursor:pointer;transition:transform 0.1s ease,outline 0.1s ease;position:relative;overflow:hidden;border:none}.tile-card:hover{transform:scale(.97);outline:3px solid rgb(255 255 255 / .8);z-index:2}.tile-card:nth-child(5n+1){grid-column:span 2;grid-row:span 1}.tile-card:nth-child(7n+3){grid-column:span 1;grid-row:span 2}.tile-logo{width:45px;height:45px;object-fit:contain;position:absolute;top:15px;right:15px;background:rgb(255 255 255 / .15);padding:4px}.tile-title{font-size:15px;font-weight:400;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-tag{font-size:11px;color:rgb(255 255 255 / .7);margin-bottom:2px;text-transform:uppercase}.pagination-container{margin-top:40px;display:flex;align-items:center;gap:10px;animation:fadeIn 0.4s ease}.page-btn{background:#1f1f1f;border:2px solid #3d3d3d;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;transition:all 0.2s}.page-btn:hover:not(:disabled){background:var(--accent);border-color:#fff}.page-btn:disabled{background:#0f0f0f;border-color:#222;color:#555;cursor:not-allowed}.page-info{font-size:15px;color:var(--text-muted);font-weight:300;margin-left:10px}.player-layout{display:grid;grid-template-columns:3fr 1fr;gap:20px;animation:slideIn 0.3s ease}.action-bar{grid-column:span 2;display:flex;align-items:center}.btn-back{background:#1f1f1f;border:1px solid #3d3d3d;color:#fff;padding:10px 20px;cursor:pointer;font-weight:400;display:flex;align-items:center;gap:10px;transition:0.2s}.btn-back:hover{background:var(--accent);border-color:#fff}.video-cinema{position:relative;padding-top:56.25%;background:#000;border:2px solid #1f1f1f;overflow:hidden}.video-cinema video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.custom-controls{position:absolute;bottom:0;left:0;right:0;background:rgb(15 15 15 / .85);border-top:2px solid #3d3d3d;padding:12px 20px;display:flex;flex-direction:column;gap:8px;z-index:5;backdrop-filter:blur(5px);transition:transform 0.3s cubic-bezier(.4,0,.2,1),opacity 0.3s ease;opacity:1;transform:translateY(0)}.custom-controls.hide-controls{opacity:0;transform:translateY(100%);pointer-events:none}.video-cinema.hide-cursor{cursor:none}.slider-container{display:flex;align-items:center;width:100%;gap:10px}.time-slider{flex-grow:1;height:4px;-webkit-appearance:none;appearance:none;background:#444;outline:none;cursor:pointer;transition:height 0.1s}.time-slider:hover{height:6px}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border:2px solid #fff}.time-display{font-size:12px;color:var(--text-muted);min-width:85px;text-align:right}.control-buttons{display:flex;justify-content:space-between;align-items:center}.ctrl-left,.ctrl-right{display:flex;align-items:center;gap:15px}.ctrl-btn{background:#fff0;border:none;color:#fff;font-size:16px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s}.ctrl-btn:hover{background:rgb(255 255 255 / .1);color:var(--accent)}.quality-select{background:#252525;border:1px solid #444;color:#fff;padding:4px 8px;font-size:12px;outline:none;cursor:pointer}.quality-select:focus{border-color:var(--accent)}.video-cinema:fullscreen{padding-top:0;width:100vw;height:100vh;border:none}.video-cinema:-webkit-full-screen{padding-top:0;width:100vw;height:100vh;border:none}.stream-details{margin-top:15px;background:#1f1f1f;padding:20px}.stream-details h2{font-size:26px;font-weight:300;margin-bottom:5px}.stream-details p{color:var(--text-muted);font-size:14px}.remote-panel{background:#1f1f1f;padding:25px 15px;display:flex;flex-direction:column;align-items:center;border:1px solid #3d3d3d;height:fit-content}.remote-title{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:20px}.remote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.remote-btn{background:#2d2d2d;border:1px solid #fff0;color:#fff;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:12px;transition:all 0.1s}.remote-btn:hover{border-color:rgb(255 255 255 / .5)}.remote-btn:active{background:var(--accent)}.osd-alert{position:absolute;top:20px;left:20px;background:rgb(0 120 215 / .9);padding:8px 16px;font-weight:400;font-size:14px;z-index:10;opacity:0;transition:opacity 0.2s;pointer-events:none}.center-msg{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid rgb(255 255 255 / .1);border-top-color:var(--accent);border-radius:50%;margin:0 auto 15px auto;animation:spin 1s infinite linear}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}#ad-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(14 14 14 / 20%);z-index:100;display:flex;justify-content:center;align-items:center;color:#fff;transition:opacity 0.3s ease;text-shadow:1px 1px 2px rgb(0 0 0 / .5)}@media (max-width:1024px){.player-layout{grid-template-columns:1fr}.action-bar{grid-column:span 1}.remote-panel{flex-direction:row;justify-content:space-around;padding:15px}.remote-grid{grid-template-columns:repeat(4,1fr)}.remote-title{display:none}}@media (max-width:480px){header{flex-direction:column;align-items:center;gap:15px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:110px}.remote-grid{grid-template-columns:repeat(2,1fr)}.pagination-container{justify-content:center;flex-wrap:wrap}}