:root{--bg:#061221;--panel:rgba(4,22,45,.94);--panel2:rgba(6,38,72,.94);--line:#235f93;--gold:#f1b51c;--cyan:#55d7ff;--green:#5ee58a;--red:#ff6f68;--text:#f3f8ff;--muted:#a9bfd2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:"Segoe UI",Arial,sans-serif}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#164c70,#03101c 70%)}.player-stage,.player-layer,.video-fallback{position:absolute;inset:0;width:100%;height:100%}.player-layer{border:0;object-fit:contain;background:#000;transition:opacity .12s linear}.video-fallback{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#06172b,#0c3456 55%,#03101b);text-shadow:0 2px 3px #000}.player-input-shield{position:absolute;inset:0;z-index:6;background:transparent;outline:none;cursor:default}.fallback-title{font-size:4vw;letter-spacing:.12em;color:#dcefff}.fallback-sub{margin-top:1rem;color:#9fc3dc;font-size:1.5vw}.hidden{display:none!important}.topbar{position:absolute;top:0;left:0;right:0;height:64px;background:linear-gradient(#123e6b,#061a31);border-bottom:2px solid #477aa3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 5px 18px rgba(0,0,0,.55);z-index:20;transition:transform .42s ease,opacity .42s ease}.topbar.chrome-hidden{transform:translateY(-110%);opacity:0}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:bold;text-shadow:0 2px 2px #000}.brand-mark{display:inline-flex;width:34px;height:24px;justify-content:center;align-items:center;background:#c7212a;border-radius:6px;color:#fff;font-size:14px}.top-status{display:flex;align-items:center;gap:14px;font-size:12px}.status{padding:6px 9px;border:1px solid #356c96;border-radius:4px;background:#07182a}.status.ok{color:var(--green)}.status.warn{color:var(--gold)}.status.err{color:var(--red)}#clock{font-size:24px;color:var(--gold);font-weight:bold}.channel-osd{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:80%;max-width:1800px;display:grid;grid-template-columns:150px minmax(0,1fr);background:linear-gradient(90deg,rgba(3,18,35,.97),rgba(7,40,73,.92));border:2px solid #316d9f;border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.65);z-index:15}.channel-no{display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:bold;color:var(--gold);border-right:2px solid #35698d}.channel-meta{padding:14px 20px;min-width:0}.channel-name{font-size:17px;color:var(--cyan);font-weight:bold}.video-title{font-size:28px;font-weight:bold;margin:3px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-row{display:grid;grid-template-columns:65px 1fr 65px;gap:10px;align-items:center;color:#d6e8f7;font-size:12px}.progress{height:9px;background:#13263a;border:1px solid #42667f;border-radius:8px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#e08b13,#ffd04a)}.source-note{margin-top:8px;font-size:12px;color:#b9d5e9}.number-osd{position:absolute;top:20%;left:50%;transform:translateX(-50%);z-index:30;width:min(520px,80%);text-align:center;padding:24px;border-radius:12px;border:2px solid #568bb5;background:rgba(3,24,48,.96);box-shadow:0 16px 60px rgba(0,0,0,.7)}.number-label{color:var(--cyan);letter-spacing:.12em}.number-value{font-size:86px;color:var(--gold);font-weight:bold;text-shadow:0 0 18px rgba(241,181,28,.3)}.number-hint{color:var(--muted)}.menu-overlay{position:absolute;inset:78px 2.5% 62px 2.5%;z-index:25;display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.main-menu,.screen-panel{background:var(--panel);border:2px solid #315f83;border-radius:9px;box-shadow:0 14px 40px rgba(0,0,0,.55);overflow:hidden}.menu-title{padding:14px 18px;color:var(--gold);font-weight:bold;border-bottom:1px solid #315f83;background:linear-gradient(#123a62,#0a2847)}.menu-item{width:100%;height:46px;border:0;border-bottom:1px solid #173953;background:transparent;color:#eef7ff;text-align:left;padding:0 18px;font-size:16px;cursor:pointer}.menu-item.active,.menu-item:focus,.menu-item:hover{outline:none;background:linear-gradient(90deg,#134c7e,#0e3358);color:var(--gold);box-shadow:inset 4px 0 var(--gold)}.screen-panel{padding:18px;overflow:auto}.screen-title{font-size:25px;color:var(--gold);font-weight:bold;margin-bottom:14px}.screen-subtitle{color:var(--muted);margin-top:-8px;margin-bottom:18px}.receiver-table{width:100%;border-collapse:collapse;background:rgba(6,29,53,.8)}.receiver-table th{color:var(--cyan);text-align:left;background:#0a2c50;padding:10px;border-bottom:1px solid #326184}.receiver-table td{padding:10px;border-bottom:1px solid #173a56}.receiver-table tr.selected{outline:2px solid var(--gold);background:#103e68}.receiver-table tr:hover{background:#0d3559}.btn{border:1px solid #4d799a;background:linear-gradient(#17486f,#0b2d4d);color:#fff;border-radius:5px;padding:9px 13px;cursor:pointer;margin:3px}.btn.primary{border-color:#b78312;color:#ffe8a0}.btn.good{border-color:#2d8d55;color:#8df4af}.btn.danger{border-color:#9d4545;color:#ff9b97}.btn:disabled{opacity:.45;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:11px 16px;align-items:center}.form-grid label{color:#cce5f6}.input,.select{width:100%;padding:9px;border:1px solid #427395;border-radius:4px;background:#06192c;color:#fff;font-size:15px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#071d34;border:1px solid #2b5b7c;border-radius:7px;padding:14px}.card h3{margin:0 0 10px;color:var(--cyan)}.metric{font-size:26px;color:var(--gold);font-weight:bold}.badge{display:inline-block;padding:3px 7px;border-radius:10px;background:#18374f;color:#cde1ef;font-size:11px}.badge.ok{color:#86f0a8}.badge.err{color:#ff908b}.badge.warn{color:#ffd36b}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}.footer-hints{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:22;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(#0b2c4d,#06182b);border-top:1px solid #3f6d90;color:#cde4f4;font-size:12px;transition:transform .42s ease,opacity .42s ease}.footer-hints.chrome-hidden{transform:translateY(110%);opacity:0}.toast{position:absolute;right:24px;bottom:66px;z-index:50;max-width:520px;background:#081c31;border:2px solid #5282a6;color:#fff;padding:13px 16px;border-radius:6px;box-shadow:0 8px 24px #000}.small{font-size:12px;color:var(--muted)}.empty{padding:30px;text-align:center;color:#8daabd}.watch-bar{height:5px;margin-top:4px;background:#112b40;border-radius:4px;overflow:hidden}.watch-bar>div{height:100%;background:var(--gold)}.video-grid{display:grid;gap:18px;padding-bottom:20px}.video-grid.large{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.video-grid.small{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.video-card{min-width:0;background:#071d34;border:2px solid #2b5b7c;border-radius:8px;overflow:hidden;cursor:pointer;outline:none}.video-card.selected,.video-card:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,181,28,.28)}.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.video-card-body{padding:12px}.video-card h3{font-size:20px;line-height:1.25;margin:0 0 8px;color:#fff;min-height:2.5em}.video-grid.small .video-card h3{font-size:16px}.video-card-channel{font-size:13px;color:var(--cyan);margin-bottom:8px}.video-card-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:#b8d0e2;font-size:12px}.confirm-overlay,.standby-overlay{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78)}.confirm-box{width:min(620px,86%);padding:24px;border:2px solid #4b84ad;border-radius:10px;background:linear-gradient(#0e3459,#061a30);box-shadow:0 18px 60px #000;text-align:center}.confirm-title{color:var(--gold);font-size:24px;font-weight:bold;margin-bottom:14px}.confirm-message{font-size:18px;line-height:1.45}.standby-overlay{z-index:65;background:#000;color:#37617f;font-size:32px;letter-spacing:.2em}.standby-overlay .standby-inner{text-align:center}.standby-overlay .standby-hint{font-size:12px;letter-spacing:.08em;margin-top:14px;color:#24445c}@media(max-width:1100px){.top-status .status{display:none}.menu-overlay{grid-template-columns:220px minmax(0,1fr)}.channel-osd{grid-template-columns:110px minmax(0,1fr);width:90%}.channel-no{font-size:38px}.video-title{font-size:20px}.footer-hints{gap:10px;font-size:10px}.panel-grid{grid-template-columns:1fr}.video-grid.large{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}


/* v0.1.9: TV ölçek, oturum ve profil ekranları */
:root{--ui-scale:1.12}html[data-ui-scale="small"]{--ui-scale:.88}html[data-ui-scale="medium"]{--ui-scale:1}html[data-ui-scale="large"]{--ui-scale:1.12}
.topbar{height:calc(64px * var(--ui-scale));padding-left:calc(24px * var(--ui-scale));padding-right:calc(24px * var(--ui-scale))}.brand{font-size:calc(22px * var(--ui-scale))}.top-status{font-size:calc(12px * var(--ui-scale));gap:calc(14px * var(--ui-scale))}.status{padding:calc(6px * var(--ui-scale)) calc(9px * var(--ui-scale))}#clock{font-size:calc(24px * var(--ui-scale))}
.menu-overlay{inset:calc(78px * var(--ui-scale)) 2.5% calc(62px * var(--ui-scale)) 2.5%;grid-template-columns:calc(280px * var(--ui-scale)) minmax(0,1fr);gap:calc(14px * var(--ui-scale))}.menu-title{padding:calc(14px * var(--ui-scale)) calc(18px * var(--ui-scale));font-size:calc(16px * var(--ui-scale))}.menu-item{height:calc(46px * var(--ui-scale));padding:0 calc(18px * var(--ui-scale));font-size:calc(16px * var(--ui-scale))}.screen-panel{padding:calc(18px * var(--ui-scale))}.screen-title{font-size:calc(25px * var(--ui-scale));margin-bottom:calc(14px * var(--ui-scale))}.screen-subtitle,.small{font-size:calc(12px * var(--ui-scale))}.receiver-table th,.receiver-table td{padding:calc(10px * var(--ui-scale));font-size:calc(14px * var(--ui-scale))}.btn{padding:calc(9px * var(--ui-scale)) calc(13px * var(--ui-scale));font-size:calc(14px * var(--ui-scale))}.input,.select{padding:calc(9px * var(--ui-scale));font-size:calc(15px * var(--ui-scale))}.form-grid{grid-template-columns:minmax(calc(180px * var(--ui-scale)),calc(260px * var(--ui-scale))) 1fr;gap:calc(11px * var(--ui-scale)) calc(16px * var(--ui-scale))}.card{padding:calc(14px * var(--ui-scale))}.card h3{font-size:calc(17px * var(--ui-scale))}.metric{font-size:calc(26px * var(--ui-scale))}.footer-hints{height:calc(48px * var(--ui-scale));gap:calc(24px * var(--ui-scale));font-size:calc(12px * var(--ui-scale))}.channel-osd{bottom:calc(70px * var(--ui-scale));grid-template-columns:calc(150px * var(--ui-scale)) minmax(0,1fr)}.channel-no{font-size:calc(52px * var(--ui-scale))}.channel-meta{padding:calc(14px * var(--ui-scale)) calc(20px * var(--ui-scale))}.channel-name{font-size:calc(17px * var(--ui-scale))}.video-title{font-size:calc(28px * var(--ui-scale))}.progress-row,.source-note{font-size:calc(12px * var(--ui-scale))}.video-grid{gap:calc(18px * var(--ui-scale))}.video-grid.large{grid-template-columns:repeat(auto-fill,minmax(calc(330px * var(--ui-scale)),1fr))}.video-grid.small{grid-template-columns:repeat(auto-fill,minmax(calc(235px * var(--ui-scale)),1fr))}.video-card-body{padding:calc(12px * var(--ui-scale))}.video-card h3{font-size:calc(20px * var(--ui-scale))}.video-grid.small .video-card h3{font-size:calc(16px * var(--ui-scale))}.video-card-channel{font-size:calc(13px * var(--ui-scale))}.video-card-meta{font-size:calc(12px * var(--ui-scale))}
.recent-progress{min-width:210px;display:flex;align-items:center;gap:10px}.recent-progress-track{height:12px;min-width:130px;flex:1;background:#102a40;border:1px solid #355d78;border-radius:8px;overflow:hidden}.recent-progress-track>div{height:100%;background:linear-gradient(90deg,#d48314,#ffd04a)}
.login-overlay{position:absolute;inset:0;z-index:100;background:radial-gradient(circle at 50% 30%,#164c70,#020912 70%);display:flex;align-items:center;justify-content:center}.login-box{width:min(560px,88%);padding:34px;border:2px solid #396f99;border-radius:12px;background:linear-gradient(#0c3154,#06182c);box-shadow:0 24px 70px #000;display:grid;gap:12px}.login-brand{font-size:24px;font-weight:bold}.login-title{font-size:30px;color:var(--gold);font-weight:bold;margin-top:8px}.login-hint{color:#bad5e8;line-height:1.45;margin-bottom:10px}.login-box label{color:var(--cyan);font-size:15px}.login-submit{margin-top:10px;min-height:48px}.login-error{min-height:20px;color:#ff9b97}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 8px;border-bottom:1px solid #244b68}.profile-row.selected{background:#0c3559;border-left:4px solid var(--gold);padding-left:12px}
@media(max-width:1100px){.menu-overlay{grid-template-columns:calc(220px * var(--ui-scale)) minmax(0,1fr)}}


/* v0.1.14 - hesap oluşturuldu bildirimi */
.account-created-overlay{
  position:absolute;inset:0;z-index:260;display:flex;align-items:center;justify-content:center;
  background:rgba(2,8,18,.82);backdrop-filter:blur(5px)
}
.account-created-overlay.hidden{display:none}
.account-created-box{
  min-width:min(560px,86vw);padding:34px 42px;text-align:center;
  background:linear-gradient(180deg,rgba(12,37,69,.98),rgba(5,19,39,.98));
  border:2px solid rgba(76,172,255,.72);border-radius:14px;
  box-shadow:0 18px 60px rgba(0,0,0,.55)
}
.account-created-title{font-size:clamp(24px,2.2vw,38px);font-weight:800;letter-spacing:.05em}
.account-created-username{
  margin:26px 0 30px;font-size:clamp(30px,3vw,52px);font-weight:750;
  color:#ffd35c;word-break:break-word
}
.account-created-ok{min-width:180px;font-size:1.15em}