@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Montserrat:wght@400;500;600;700&display=swap";:root{--gold: #c9a962;--gold-light: #e8d5a3;--gold-dim: rgba(201, 169, 98, .35);--primary: var(--gold);--accent: var(--gold-light);--bg: #1c1c1e;--bg-deep: #121214;--panel: rgba(36, 36, 40, .92);--panel-border: rgba(201, 169, 98, .22);--surface: #2a2a2e;--surface2: #35353a;--text: #f5f3ef;--muted: #a8a4a0;--focus: var(--gold);--radius: 4px;--header-h: 88px;--footer-h: 52px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-deep);color:var(--text);font-family:Montserrat,Segoe UI,system-ui,sans-serif;overflow:hidden}button,.nav-tile,.channel-item,.sidebar-link{cursor:pointer;border:none;outline:none;font:inherit;color:inherit;background:transparent}button:focus-visible,.nav-tile:focus-visible,.channel-item:focus-visible{box-shadow:0 0 0 3px var(--gold-dim)}.tv-app{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(201,169,98,.06) 0%,transparent 60%),linear-gradient(180deg,#252528 0%,var(--bg-deep) 45%)}.tv-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--header-h);padding:12px 28px;border-bottom:1px solid var(--panel-border);background:#00000059}.tv-header-left{display:flex;align-items:center;gap:28px}.weather-block,.time-block{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--muted)}.weather-block strong,.time-block strong{display:block;font-size:1.05rem;color:var(--text);font-weight:600}.weather-icon{font-size:1.6rem}.tv-header-center{display:flex;align-items:center;gap:14px;text-align:center}.brand-mark{width:52px;height:52px;color:var(--gold);flex-shrink:0}.brand-mark svg,.brand-logo-img{width:100%;height:100%;object-fit:contain}.brand-text h1{font-family:Cormorant Garamond,Georgia,serif;font-size:1.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}.brand-text p{font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-top:2px}.tv-header-right{text-align:right;font-size:.85rem}.guest-welcome{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;color:var(--gold-light)}.guest-sub{color:var(--muted);font-size:.78rem}.guest-room{color:var(--gold);font-size:.8rem;margin-top:4px;font-weight:600}.tv-main{flex:1;overflow:auto;padding:20px 28px 12px}.tv-footer{display:grid;grid-template-columns:140px 1fr 120px;align-items:center;min-height:var(--footer-h);padding:0 20px;background:#00000080;border-top:1px solid var(--panel-border);font-size:.75rem;color:var(--muted)}.tv-footer-ticker{overflow:hidden}.ticker-track{white-space:nowrap;animation:scroll-ticker 45s linear infinite}.ticker-track span{display:inline-block;padding-left:100%;color:var(--gold-light);font-weight:500;letter-spacing:.04em}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}.tv-footer-actions{display:flex;justify-content:flex-end;gap:8px}.footer-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--radius)}.footer-btn svg{width:22px;height:22px}.footer-icon-wrap{position:relative;display:flex}.footer-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;background:#c0392b;color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center}.home-screen{display:flex;flex-direction:column;gap:28px;max-width:1200px;margin:0 auto}.promo-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}.promo-card{position:relative;aspect-ratio:16/9;max-height:220px;overflow:hidden;border:1px solid var(--panel-border);border-radius:var(--radius)}.promo-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(transparent 40%,#000000bf)}.promo-overlay h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;letter-spacing:.08em;color:var(--gold-light)}.promo-cta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:6px}.promo-dots{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);display:flex;gap:8px}.promo-dots span{width:8px;height:8px;border-radius:50%;background:var(--surface2);border:1px solid var(--gold-dim)}.promo-dots span.active{background:var(--gold)}.nav-icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:8px 0 24px}.nav-tile{width:110px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;transition:transform .15s,color .15s}.nav-tile:hover,.nav-tile:focus-visible{transform:translateY(-3px);color:var(--gold-light)}.nav-tile-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--radius);background:#00000040}.nav-tile-icon svg{width:36px;height:36px}.nav-tile-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--muted)}.nav-tile:hover .nav-tile-label{color:var(--gold-light)}.page-frame{display:grid;grid-template-columns:200px 1fr;gap:0;min-height:calc(100vh - var(--header-h) - var(--footer-h) - 48px);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.page-sidebar{background:#00000059;border-right:1px solid var(--panel-border);padding:16px 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-left:3px solid transparent;text-align:left}.sidebar-link:hover,.sidebar-link.active{color:var(--gold-light);background:#c9a96214;border-left-color:var(--gold)}.sidebar-link svg{width:20px;height:20px;color:var(--gold);flex-shrink:0}.page-content{display:flex;flex-direction:column;overflow:hidden}.page-toolbar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--panel-border)}.page-toolbar h2{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}.gold-btn{padding:8px 18px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:var(--radius);background:transparent}.gold-btn.ghost:hover{background:#c9a9621f}.gold-btn.solid{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.page-body{flex:1;overflow:auto;padding:16px 20px}.split-view{display:grid;grid-template-columns:280px 1fr;gap:16px;height:100%;min-height:400px}.channel-list{background:#0000004d;border:1px solid var(--panel-border);border-radius:var(--radius);overflow-y:auto}.channel-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;text-align:left;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem}.channel-item.active,.channel-item:hover{background:#c9a96226;color:var(--gold-light)}.channel-item img{width:36px;height:36px;object-fit:contain;border-radius:4px;background:#fff}.player-area{background:#000;border:1px solid var(--panel-border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;min-height:320px}.player-area video,.player-area audio{width:100%;flex:1;background:#000}.now-playing{padding:12px 16px;background:#00000080;font-size:.85rem;color:var(--gold-light);border-top:1px solid var(--panel-border)}.epg-grid{display:flex;flex-direction:column;gap:10px}.epg-row{display:grid;grid-template-columns:130px 1fr;gap:10px}.epg-channel{font-weight:600;font-size:.82rem;padding:10px;background:#00000059;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--gold)}.epg-programs{display:flex;gap:8px;overflow-x:auto}.epg-prog{min-width:150px;padding:10px 12px;background:#00000040;border:1px solid var(--panel-border);border-radius:var(--radius);font-size:.78rem}.epg-prog strong{display:block;margin-bottom:4px;color:var(--text)}.vod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.vod-card{background:#0000004d;border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s;text-align:left}.vod-card:hover{transform:scale(1.03);border-color:var(--gold)}.vod-poster{aspect-ratio:2/3;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2rem}.vod-poster img{width:100%;height:100%;object-fit:cover}.vod-card h3{padding:10px;font-size:.82rem;font-weight:500}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gallery-grid figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--panel-border)}.gallery-grid figcaption{margin-top:6px;font-size:.78rem;color:var(--muted)}.clock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.clock-card{padding:24px;text-align:center;border:1px solid var(--panel-border);border-radius:var(--radius);background:#00000040}.clock-city{color:var(--gold);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.clock-time{font-size:1.75rem;font-weight:300;font-variant-numeric:tabular-nums;color:var(--gold-light)}.message-list{display:flex;flex-direction:column;gap:12px}.message-card{padding:16px 20px;background:#0000004d;border:1px solid var(--panel-border);border-left:3px solid var(--gold);border-radius:var(--radius)}.message-card.warning{border-left-color:#e67e22}.message-card h3{margin-bottom:8px;color:var(--gold-light);font-size:.95rem}.message-card p{font-size:.85rem;color:var(--muted);line-height:1.5}.empty-hint{color:var(--muted);font-size:.88rem;padding:20px 0}.music-player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;min-height:360px}.music-disc{width:160px;height:160px;border-radius:50%;border:3px solid var(--gold-dim);background:radial-gradient(circle at 30% 30%,var(--surface2),#111);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:3rem}.music-meta{text-align:center}.music-meta h3{color:var(--gold-light);margin-bottom:6px}.music-meta p{color:var(--muted);font-size:.85rem}.room-setup{display:flex;align-items:center;justify-content:center;height:100vh;padding:32px;background:radial-gradient(ellipse at center,rgba(201,169,98,.08) 0%,transparent 70%),var(--bg-deep)}.setup-card{background:var(--panel);border:1px solid var(--panel-border);padding:48px 40px;border-radius:var(--radius);max-width:440px;width:100%;text-align:center}.setup-card h1{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;color:var(--gold-light);letter-spacing:.1em;margin-bottom:8px}.setup-card>p{color:var(--muted);margin-bottom:28px;font-size:.9rem}.setup-card input{width:100%;padding:14px 16px;margin-bottom:12px;border-radius:var(--radius);border:1px solid var(--panel-border);background:#00000059;color:var(--text);font-size:1rem}.setup-card input:focus{outline:none;border-color:var(--gold)}.setup-card button[type=submit]{width:100%;padding:14px;margin-top:8px;background:var(--gold);color:var(--bg-deep);border-radius:var(--radius);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.error{color:#e74c3c;margin-top:12px;font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--panel);border:1px solid var(--gold);padding:40px 48px;border-radius:var(--radius);text-align:center;max-width:480px}.modal h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.8rem;color:var(--gold-light);margin-bottom:12px}.modal button{margin-top:24px;padding:12px 32px;background:var(--gold);color:var(--bg-deep);border-radius:var(--radius);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-overlay video,.ad-overlay img{max-width:100%;max-height:80vh}.ad-skip{position:absolute;bottom:32px;right:32px;padding:12px 24px;background:#c9a96233;border:1px solid var(--gold);color:var(--gold-light);border-radius:var(--radius)}.alarm-form{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.alarm-form input,.alarm-form button{padding:12px 16px;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0000004d;color:var(--text)}.alarm-form button{background:var(--gold);color:var(--bg-deep);font-weight:600;border-color:var(--gold)}@media(max-width:900px){.tv-header{grid-template-columns:1fr;gap:12px;text-align:center}.tv-header-left,.tv-header-right{justify-content:center;text-align:center}.tv-header-center{justify-content:center}.promo-duo,.page-frame{grid-template-columns:1fr}.page-sidebar{display:none}.split-view{grid-template-columns:1fr}.tv-footer{grid-template-columns:1fr;gap:8px;text-align:center}}