.app{width:100%;height:100vh;display:flex;flex-direction:column;background:#111}.main-row{display:flex;flex:1;min-height:0;width:100%}.left-area{flex:0 0 81.25%;max-width:81.25%;display:flex;flex-direction:column;min-width:0}.header{flex:0 0 80px;min-height:80px;display:flex;align-items:center;background:#fff;padding:0 8px;border-bottom:1px solid #eee}.app-logo-slot{width:174px;min-width:174px;height:100%;background:linear-gradient(135deg,#0a3d2e,#1a5c47);border-radius:8px;margin-right:12px;display:flex;align-items:center;justify-content:center}.app-logo-slot:after{content:"App";color:#ffffff80;font-size:12px;font-weight:600}.hospital-logo-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.hospital-name{font-size:clamp(18px,2.2vw,28px);font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2}.hospital-sub{font-size:clamp(12px,1.2vw,14px);color:#555;font-weight:500;margin-top:2px}.header-date{font-size:14px;color:#666;font-weight:600;white-space:nowrap;padding-left:12px}.news-ticker-wrap{flex:0 0 48px;min-height:48px;background:#222;overflow:hidden;display:flex;align-items:center}.news-ticker{display:flex;white-space:nowrap;animation:ticker 45s linear infinite}.news-ticker-text{padding-right:4em;font-size:20px;color:#fff;font-weight:500}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.video-frame{flex:1;min-height:0;background:#000;position:relative}.live-stream-wrap{position:absolute;inset:0;width:100%;height:100%}.live-stream-video{width:100%;height:100%;object-fit:contain;background:#000}.stream-error-overlay{position:absolute;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.unmute-btn{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:.9rem}.unmute-btn:hover{background:#000000d9}.stream-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-label{color:#fff;font-size:24px;font-weight:700}.loading-progress-wrap{width:320px;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.loading-progress-bar{height:100%;width:40%;background:#fff;border-radius:4px;animation:loading-pulse 1.2s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(120px)}}.stream-disabled-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;text-align:center;padding:32px}.take-token-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10}.take-token-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;background:#ffffff14;border-radius:16px;border:2px solid rgba(255,255,255,.3)}.take-token-title{color:#fff;font-size:clamp(24px,3vw,42px);font-weight:700}.take-token-sub{color:#fffc;font-size:clamp(16px,1.5vw,22px)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d1117,#161b22)}.video-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff80;font-size:clamp(14px,1.5vw,18px)}.video-icon{font-size:48px;opacity:.6}.video-demo-hint{font-size:12px;opacity:.7}.right-area{flex:0 0 18.75%;max-width:18.75%;min-width:180px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 5px;border-left:1px solid #eee}.token-counters-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px}.token-counter{width:100%;min-height:120px;border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;flex:1;max-height:214px}.token-counter-header{width:100%;display:flex;justify-content:center;align-items:center}.token-label{font-size:clamp(16px,1.4vw,24px);font-weight:600;color:#e0e0e0;text-align:center}.token-number{font-size:clamp(36px,4.5vw,82px);font-weight:700;color:#fff;line-height:1;margin-top:-4px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.token-counter.token-blink{animation:token-blink .4s ease-out 2}@keyframes token-blink{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.4)}}@media(max-width:900px){.main-row{flex-direction:column}.left-area{flex:1 1 auto;max-width:100%}.right-area{flex:0 0 auto;max-width:100%;min-width:100%;padding:12px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.token-counters-container{flex-direction:row;flex-wrap:wrap;max-width:none;justify-content:center}.token-counter{min-width:140px;max-width:200px;max-height:140px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}