*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#fff;overflow:hidden}.hidden{display:none!important}.screen{width:100vw;height:100vh}.center-screen{display:flex;align-items:center;justify-content:center}.card{width:620px;max-width:90vw;padding:40px;background:#1e293b;border-radius:20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}.card h1{font-size:42px;margin:0 0 20px}.card p{font-size:22px;line-height:1.35}.pairing-code{margin:30px 0;padding:25px;font-size:64px;font-weight:700;letter-spacing:8px;background:#020617;border-radius:16px;color:#38bdf8}.muted{color:#94a3b8}.error{color:#ef4444!important}.small-muted{color:#94a3b8;font-size:16px!important}#panelScreen{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.header{flex:0 0 100px;height:100px;padding:10px 30px;background:#1e293b;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.brand-area{display:flex;align-items:center;min-width:0}.brand-area>*+*{margin-left:18px}.header h1{margin:0;font-size:38px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header p{margin:8px 0 0;font-size:20px}.online{color:#22c55e}.offline{color:#ef4444}.reconnecting{color:#facc15}.clock{text-align:right;flex:0 0 auto}#dateText{font-size:24px}#timeText{font-size:42px;font-weight:700}.main{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;width:100%}.current-call{flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:15px 30px 15px;text-align:center}.current-call .label{font-size:32px;color:#94a3b8;margin:0}.current-call h2{font-size:76px;line-height:1.08;margin:15px 0;overflow-wrap:break-word}.call-info{display:flex;justify-content:center;min-height:0}.call-info>div+div{margin-left:32px}.call-info div{min-width:240px;padding:20px 24px;background:#1e293b;border-radius:18px}.call-info span{display:block;font-size:22px;color:#94a3b8;margin-bottom:10px}.call-info strong{font-size:34px;overflow-wrap:break-word}.history{flex:0 0 420px;min-height:0;overflow:hidden;background:#020617;padding:0;display:flex;flex-direction:column}.main-history{flex:1 1 auto;min-height:0;overflow:hidden;padding:10px}.footer-bar-history{flex:0 0 78px;height:78px;border-top:1px solid rgba(148,163,184,.25);background:rgba(30,41,59,.9);overflow:hidden}.footer-bar-history .footer-brand{height:100%;width:100%;min-width:0;padding:0 18px;border-left:none;justify-content:flex-end}.history h3{font-size:28px;margin:0 0 15px}.history ul{list-style:none;padding:0;margin:0}.history li{padding:16px 18px;margin-bottom:14px;background:#1e293b;border-radius:14px}.history li strong{display:block;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history li span{display:block;margin-top:6px;font-size:20px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-description{max-width:760px;margin:24px auto 0;padding:22px 30px;background:#1e293b;border-radius:18px;text-align:center;overflow:hidden}.room-description span{display:block;font-size:22px;color:#94a3b8;margin-bottom:10px}.room-description strong{display:block;font-size:30px;line-height:1.25;overflow-wrap:break-word}.footer-bar{flex:0 0 78px;height:78px;position:relative;width:100%;display:flex;align-items:center;background:rgba(2,6,23,.98);border-top:1px solid rgba(148,163,184,.25);z-index:1;overflow:hidden}.footer-bar-history{flex:0 0 78px;height:78px;position:relative;width:100%;display:flex;align-items:center;background:rgba(2,6,23,.98);border-top:1px solid rgba(148,163,184,.25);z-index:1;overflow:hidden}.news-logo{height:100%;width:96px;padding:10px 18px;display:flex;align-items:center;justify-content:center;background:#1e293b;flex:0 0 96px}.news-logo img{max-width:54px;max-height:54px;object-fit:contain}.news-marquee{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}#newsText{display:inline-block;padding-left:100%;font-size:24px;color:#e2e8f0;animation:news-scroll 45s linear infinite}.history ul{overflow:hidden}.footer-brand{height:100%;padding:0 22px;display:flex;align-items:center;justify-content:flex-end;background:#0f172a}.footer-brand>*+*{margin-left:12px}.footer-brand-text{display:flex;flex-direction:column;text-align:right}.footer-brand-text span{font-size:12px;color:#94a3b8}.footer-brand-text strong{font-size:19px;color:#fff}.footer-brand-text small{font-size:22px;color:#38bdf8}.footer-brand-logo{max-width:56px;max-height:56px;object-fit:contain}@keyframes news-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}@media (max-width:1280px){.header h1{font-size:32px}#timeText{font-size:34px}.current-call h2{font-size:60px}.call-info strong{font-size:28px}.room-description strong{font-size:26px}#newsText{font-size:20px}}@media (max-width:900px){.history{display:none}.call-info div{min-width:180px}.footer-brand{flex:0 0 240px}.header h1{font-size:26px}.header p{font-size:16px}#dateText{font-size:18px}#timeText{font-size:30px}.current-call .label{font-size:22px}.current-call h2{font-size:46px}.call-info span{font-size:18px}.call-info strong{font-size:26px}.room-description span{font-size:18px}.room-description strong{font-size:24px}#newsText{font-size:18px}}