/* A room, a remote, a channel guide. Mobile changes stay inside this theme. */
.room-stage{position:absolute;inset:0}
.tv-mode-label,.tv-channel-name,#tv-settings{display:none}
@media(max-width:700px){
 body[data-theme=television]{background:#211c18}
 body[data-theme=television] .site-header{height:76px;padding:16px 18px;gap:10px;background:linear-gradient(#211c18,#211c18ee 80%,#211c1800);align-items:center}
 body[data-theme=television] .wordmark>span{font-size:25px}
 body[data-theme=television] .wordmark i{font-size:11px}
 body[data-theme=television] .theme-button{min-height:36px;padding:0 9px;font-size:10px;gap:5px}
 body[data-theme=television] .header-music{width:36px;height:36px;min-width:36px}
 body[data-theme=television] .header-music>svg:not(.music-state){width:20px;height:20px}
 body[data-theme=television] .music-hint{position:fixed;top:76px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);font-size:11px;z-index:35}
 body[data-theme=television] .about-button{min-width:24px}
 body[data-theme=television] .tv-view{inset:76px 0 84px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 18px 20px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 50% 25%,#59433233,transparent 70%),#211c18;scrollbar-width:none}
 body[data-theme=television] .tv-view[hidden]{display:none}
 body[data-theme=television] .tv-caption{position:static;inset:auto;order:-1;flex-shrink:0;text-shadow:none;padding:7px 2px 0;pointer-events:none}
 body[data-theme=television] .tv-caption>span{font:8px/1.5 monospace;letter-spacing:.18em;color:#bba583;opacity:1}
 body[data-theme=television] .tv-caption p{max-width:none;font-size:18px;line-height:1.5;margin:5px 0 0;letter-spacing:.04em}
 body[data-theme=television] .tv-caption small{display:none}
 body[data-theme=television] .room-stage{position:relative;inset:auto;width:100%;height:var(--room-height,290px);flex:none;border:1px solid #c6a67c40;border-radius:18px;overflow:hidden;background:#30271f;box-shadow:0 12px 28px #0004,inset 0 0 0 1px #ead2a00a}
 body[data-theme=television] #room-canvas{width:100%;height:100%;touch-action:pan-y}
 body[data-theme=television] #room-status{font-size:11px;width:85%;max-width:none;padding:12px;line-height:1.7;text-align:center;z-index:3}
 body[data-theme=television] .tv-remote,body[data-theme=television] .channel-expanded .tv-remote{position:relative;inset:auto;transform:none;width:100%;max-width:none;max-height:none;overflow:visible;flex:none;margin:0;padding:16px;border-radius:17px;background:linear-gradient(140deg,#363a32,#262c25 65%);border:1px solid #9b927457;box-shadow:0 3px 0 #141911,0 12px 25px #0003;color:#e8dfca}
 body[data-theme=television] .remote-label{position:absolute;top:14px;right:14px;min-height:0}
 body[data-theme=television] .remote-label>span{display:none}
 body[data-theme=television] .remote-label button{width:36px;height:36px}
 body[data-theme=television] .remote-label svg{width:15px;height:15px}
 body[data-theme=television] .tv-remote .channel-info{position:static;inset:auto;padding:0 0 13px;margin:0 0 13px;border:0;border-bottom:1px solid #b5a28530;border-radius:0;background:none;box-shadow:none;width:auto;max-height:none;overflow:visible;backdrop-filter:none}
 body[data-theme=television] .channel-info-top{min-height:26px;margin:0;padding-right:43px;gap:8px}
 body[data-theme=television] .channel-info-top>span{font:9px/1.5 monospace;letter-spacing:.04em;color:#bea985}
 body[data-theme=television] .channel-info-top button{min-height:32px;padding:0 7px;font-size:10px;opacity:1;color:#e7d6b5}
 body[data-theme=television] .channel-info h2{font:400 19px/1.4 'Songti SC',Georgia,serif;letter-spacing:0;margin:5px 0 7px;padding-right:8px}
 body[data-theme=television] .channel-info-headline{white-space:normal;overflow:visible;text-overflow:clip;font-size:11px;line-height:1.65;margin:0;color:#bfb9a4}
 body[data-theme=television] #channel-info-body{display:block}
 body[data-theme=television] #channel-info-body[hidden]{display:none}
 body[data-theme=television] .channel-info-reading{overflow:visible;padding:0}
 body[data-theme=television] .channel-info-meta{font-size:10px;margin:14px 0}
 body[data-theme=television] .channel-info-summary>p{font:12px/1.9 system-ui,sans-serif;margin:8px 0 12px}
 body[data-theme=television] .channel-info-format span{font-size:9px}
 body[data-theme=television] .channel-info-detail{min-height:44px;font-size:12px}
 body[data-theme=television] .channel-info-source{min-height:40px;font-size:11px}
 body[data-theme=television] #tv-now{display:none}
 body[data-theme=television] .tv-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 body[data-theme=television] .tv-channels button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;padding:5px 2px;font-size:13px;border-radius:6px;line-height:1.15}
 body[data-theme=television] .tv-channel-name{display:block;font:9px/1.3 system-ui,sans-serif;opacity:.8;white-space:nowrap}
 body[data-theme=television] .remote-actions{margin-top:12px;grid-template-columns:1fr 2.1fr 1fr;gap:8px}
 body[data-theme=television] .remote-actions button{min-height:44px;font-size:11px}
 body[data-theme=television] .remote-actions #tv-open{font-size:12px;background:linear-gradient(#d8c395,#b8a173);color:#242a21;border-bottom-color:#141b13}
 body[data-theme=television] .remote-secondary{display:flex;gap:7px;justify-content:space-between;margin-top:8px}
 body[data-theme=television] .remote-secondary button{display:flex;gap:5px;align-items:center;justify-content:center;min-height:36px;padding:0 5px;font-size:10px;opacity:.85}
 body[data-theme=television] #tv-settings{display:flex}
 body[data-theme=television] #tv-settings svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}
 body[data-theme=television] #tv-settings[aria-expanded=true]{color:#ffe3a3}
 body[data-theme=television] .room-stage .lamp-controls{display:none;position:absolute;inset:auto 10px 10px;width:auto;margin:0;padding:9px 12px;border-radius:10px;background:#20251df2;border-color:#ceba7e66;grid-template-columns:86px 1fr;gap:0 12px;backdrop-filter:blur(12px);z-index:4;box-shadow:0 6px 18px #0004}
 body[data-theme=television] .room-settings-open .room-stage .lamp-controls{display:grid}
 body[data-theme=television] .lamp-controls input{height:36px}
 body[data-theme=television] .lamp-controls button{min-height:36px;margin-top:3px}
 body[data-theme=television] .lamp-controls label{font-size:10px}
 body[data-theme=television] .lamp-controls small{display:none}
 body[data-theme=television] .tv-help{display:none}
 /* Reset every edge and the height: the desktop grid bottom must never stretch this pill. */
 body[data-theme=television] .view-switch,body[data-theme=television].grid-mode .view-switch{position:fixed;inset:auto auto max(14px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);width:min(350px,calc(100% - 36px));height:54px;min-height:54px;max-height:54px;padding:4px;gap:4px;display:flex;flex-direction:row;border:1px solid #bfa88955;border-radius:28px;background:#24281ff2;box-shadow:0 8px 24px #0006;backdrop-filter:blur(16px);z-index:25}
 body[data-theme=television] .view-switch button{width:auto;height:44px;min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:23px;color:#bcb39b}
 body[data-theme=television] .view-switch button[aria-pressed=true]{background:#ddcba6;color:#282b23;box-shadow:none}
 body[data-theme=television] .view-switch svg{width:19px;height:19px}
 body[data-theme=television] .tv-mode-label{display:inline;font:11px/1 system-ui,sans-serif;letter-spacing:.03em}
 body[data-theme=television] .overview{inset:82px 0 84px;padding:7px 18px 30px;overflow-y:auto;overscroll-behavior:contain;background:#211c18;scrollbar-width:thin}
 body[data-theme=television] .overview-header{display:block;margin:0 0 22px;padding:0}
 body[data-theme=television] .overview-header .tiny{font:8px/1.6 monospace;letter-spacing:.18em;color:#bba583}
 body[data-theme=television] .overview h2{font:400 28px/1.35 'Songti SC',Georgia,serif;margin:7px 0 18px}
 body[data-theme=television] .overview h2 span{font:10px monospace;vertical-align:middle;margin-left:12px;opacity:.55}
 body[data-theme=television] .filters{display:flex;gap:7px;flex-wrap:nowrap;overflow:auto;padding:0}
 body[data-theme=television] .filters button{min-height:36px;white-space:nowrap;font-size:11px;padding:6px 12px;border:1px solid #bba58340;border-radius:18px}
 body[data-theme=television] .filters button[aria-pressed=true]{background:#ddcba6;color:#282b23;border-color:transparent}
 body[data-theme=television] .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}
 body[data-theme=television] .project-card{min-width:0;margin:0}
 body[data-theme=television] .project-card .project-cover,body[data-theme=television] .project-card:nth-child(3n + 2) .project-cover{aspect-ratio:5/4;padding:0;border:1px solid #bba58335;border-radius:9px;overflow:hidden;background:#152024}
 body[data-theme=television] .project-cover img{width:100%;height:100%;object-fit:cover;transform:none}
 body[data-theme=television] .project-cover>span{width:26px;height:26px;right:7px;bottom:7px}
 body[data-theme=television] .project-cover .ui-icon{width:14px;height:14px}
 body[data-theme=television] .project-card-meta{gap:3px;font-size:8px;line-height:1.5;margin:10px 0 5px;color:#bca98c}
 body[data-theme=television] .project-card h3{font:400 14px/1.5 system-ui,sans-serif;margin:0 0 6px;letter-spacing:0}
 body[data-theme=television] .project-card>p{font-size:10px;line-height:1.65;color:#b7aa94;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
 body[data-theme=television] .overview-end{font-size:10px;margin:30px 0 0;opacity:.6}
}
@media(max-width:360px){
 body[data-theme=television] .site-header{padding-left:14px;padding-right:14px;gap:7px}
 body[data-theme=television] .wordmark i{display:none}
 body[data-theme=television] .tv-view{padding-left:14px;padding-right:14px;gap:12px}
 body[data-theme=television] .tv-remote{padding:13px}
 body[data-theme=television] .tv-caption p{font-size:17px}
 body[data-theme=television] .channel-info h2{font-size:18px}
 body[data-theme=television] .tv-channels{gap:6px}
}
@media(prefers-reduced-motion:no-preference){body[data-theme=television] .tv-view{scroll-behavior:smooth}}