:root{--paper:#f5f1e8;--ink:#22231e;--orange:#f24d23;--muted:#66685e;--soft:#e7e3d8;--green:#168048;--font:VRCastTC,'Noto Sans TC','Microsoft JhengHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.topbar{min-height:115px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;line-height:1;letter-spacing:-.8px}.brand small{display:block;font-size:11px;letter-spacing:5.2px;margin-top:8px}.brand-mark{background:var(--orange);height:48px;width:48px;display:grid;place-items:center;font-size:28px;letter-spacing:-5px;padding-right:5px}.page-tag{padding:9px 12px;background:var(--soft);font-size:11px;font-weight:600}.back-link{margin-left:auto;font-size:12px;font-weight:600}.back-link span{font-size:23px;margin-left:17px}.heading-row{display:flex;justify-content:space-between;gap:30px;padding:43px 0 46px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600;margin:0 0 19px;color:var(--muted)}h1{font-size:clamp(48px,5.5vw,76px);font-weight:900;line-height:1.18;letter-spacing:-3.5px;margin:0}h1 em{font-style:normal;color:var(--orange)}.heading-aside{align-self:flex-end;max-width:280px;padding-bottom:5px}.heading-aside p{font-size:22px;font-weight:600;margin:0 0 13px}.heading-aside>span{font-size:12px;color:var(--muted);line-height:1.9}.health{background:var(--ink);color:var(--paper);display:flex;align-items:center;padding:25px 28px;gap:23px;margin-bottom:18px}.health-symbol{display:grid;place-items:center;background:#393c32;width:58px;height:58px;flex-shrink:0}.health-symbol span{display:block;width:16px;height:16px;background:#a1a494;border-radius:50%}.health[data-state=online] .health-symbol{background:#244732}.health[data-state=online] .health-symbol span{background:#75e9a4}.health[data-state=error] .health-symbol{background:#674027}.health[data-state=error] .health-symbol span{background:#ffad75}.health-copy>p:first-child{font-size:10px;letter-spacing:1px;color:#bfc4b4;margin:0 0 8px}.health h2{font-size:24px;font-weight:900;margin:0;line-height:1.5;letter-spacing:-.5px}.health-copy>p:last-child{font-size:11px;color:#c0c3b7;margin:7px 0 0;line-height:1.8}.health-end{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:14px;flex-shrink:0}.health-end>span{font-size:10px;color:#c0c3b7}.health-end button{background:var(--paper);padding:10px 14px;color:var(--ink);font-size:11px;font-weight:600}.health-end button span{margin-left:14px}.notice{background:#ffe0bc;padding:16px 20px;font-size:12px;line-height:1.9;margin:0 0 18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:65px}.metric{background:var(--soft);padding:25px 22px;min-width:0}.metric.dark{background:var(--orange)}.metric>p{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 23px}.metric>p span{font-size:9px;font-weight:400}.metric>div{display:flex;align-items:baseline;gap:9px;min-width:0}.metric strong{font-size:clamp(32px,4vw,53px);font-weight:900;letter-spacing:-1.5px;line-height:1.2;font-variant-numeric:tabular-nums}.metric>div>span{font-size:12px;font-weight:600}.metric small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:16px}.metric.dark small{color:#522717}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-top .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:10px}h2{font-size:26px;font-weight:900;margin:0;letter-spacing:-.8px}.date-controls{display:flex;gap:7px;align-items:center}.date-controls button{height:38px;min-width:38px;background:var(--soft);font-size:16px;font-weight:600}.date-controls button:last-child{font-size:11px;padding:0 14px}.date-controls input{height:38px;min-width:140px;max-width:170px;background:var(--soft);border:0;padding:0 10px;font-size:12px;font-weight:600;color:var(--ink)}.chart-card{background:#fffdf8;padding:26px 30px 19px}.chart-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:15px}.chart-top>div{display:flex;gap:22px;align-items:center}.chart-top strong{font-size:13px;font-weight:600}.chart-legend{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.chart-legend i{height:9px;width:9px;background:var(--orange);display:block}.chart-top button{background:transparent;color:var(--ink);font-size:11px;font-weight:600;padding:8px 0}.chart-top button span{margin-left:10px;font-size:18px}.chart-container{position:relative;min-height:180px}#traffic-chart{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}#chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;font-size:13px;color:var(--muted);line-height:1.8;margin:0}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 20px;font-variant-numeric:tabular-nums}.chart-scrubber{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted)}.chart-scrubber input{width:100%;min-width:0;accent-color:var(--orange);height:25px}.chart-scrubber span{white-space:nowrap}.chart-readout{display:flex;align-items:center;gap:19px;background:var(--paper);padding:14px 17px;font-size:11px;margin-top:11px;font-variant-numeric:tabular-nums}.chart-readout strong{font-size:18px}.chart-readout>span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.history-note{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:17px;font-size:10px;color:var(--muted);line-height:1.8}.history-note p{margin:0}.history-note>span{white-space:nowrap}.channels-section{margin-top:58px}.section-description{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.channel-table-head,.channel-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.2fr 1.1fr;gap:15px;align-items:center}.channel-table-head{padding:14px 21px;background:var(--ink);color:var(--paper);font-size:10px}.channel-row{padding:18px 21px;background:#fffdf8;margin-top:5px;font-size:13px;font-variant-numeric:tabular-nums}.channel-row[data-live=true]{background:#e3f0e4}.channel-name{font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center}.channel-name span{font-size:23px;font-weight:900;line-height:1;letter-spacing:-.5px}.channel-name:hover{color:var(--orange)}.row-state{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.row-state:before{content:'';display:inline-block;background:#a6a69a;width:7px;height:7px;border-radius:50%}.channel-row[data-live=true] .row-state{color:#146338;font-weight:600}.channel-row[data-live=true] .row-state:before{background:var(--green)}.cell-label{display:none}.section-footnote{font-size:10px;line-height:1.8;color:var(--muted);margin:14px 0 0}.explain-section{margin:61px 0 35px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.explain-number{font-size:11px;color:var(--orange);font-weight:900}.explain-grid h3{font-size:17px;font-weight:900;margin:13px 0 12px;letter-spacing:-.5px}.explain-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:330px}.storage-panel{display:flex;align-items:center;gap:20px;padding:25px 27px;background:var(--soft);margin:45px 0 17px}.storage-icon{width:43px;height:43px;flex-shrink:0;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:25px}.storage-panel h2{font-size:18px;letter-spacing:-.4px}.storage-panel p{font-size:11px;line-height:1.9;color:var(--muted);margin:10px 0 0;max-width:690px}.storage-value{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}.storage-value strong{font-size:25px;font-weight:900;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.storage-value span{font-size:10px;color:var(--muted)}.limits-note{font-size:10px;color:var(--muted);line-height:1.9;max-width:950px;margin:0 0 64px}footer{min-height:95px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px}footer strong{font-size:13px;font-weight:900}footer>span{color:var(--muted)}footer a{font-size:10px;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.metric{padding:23px 17px}.metric>p{font-size:11px}.metric strong{font-size:38px}.metric>div{gap:5px}.metric>div>span{font-size:10px}.metric-grid{gap:9px}.health h2{font-size:21px}.channel-table-head,.channel-row{gap:10px}.storage-panel{align-items:flex-start}.storage-value strong{font-size:22px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.topbar{min-height:90px;gap:14px}.brand{font-size:19px;gap:9px}.brand-mark{width:41px;height:41px;font-size:25px}.brand small{font-size:9px;letter-spacing:4.4px;margin-top:7px}.page-tag{font-size:9px;padding:7px 9px}.back-link{font-size:10px}.back-link span{font-size:19px;margin-left:4px}.heading-row{padding:29px 0 31px}.heading-aside{display:none}h1{font-size:54px;letter-spacing:-2.6px}.eyebrow{font-size:9px;margin-bottom:18px}.health{padding:21px 18px;gap:13px;flex-wrap:wrap}.health-symbol{width:40px;height:40px}.health-symbol span{width:12px;height:12px}.health-copy{flex:1;min-width:200px}.health h2{font-size:20px}.health-copy>p:last-child{font-size:10px}.health-end{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-top:5px}.health-end button{font-size:10px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:43px}.metric{padding:21px 17px}.metric>p{font-size:10px;margin-bottom:20px}.metric>p span{font-size:8px}.metric strong{font-size:40px}.metric small{font-size:9px;margin-top:13px}.section-top{flex-wrap:wrap;gap:17px;margin-bottom:18px}h2{font-size:23px}.date-controls{width:100%}.date-controls input{flex:1;max-width:none}.date-controls button{height:39px;min-width:39px}.date-controls input{height:39px}.chart-card{padding:20px 17px 16px}.chart-top{align-items:flex-start}.chart-top>div{align-items:flex-start;gap:9px;flex-direction:column}.chart-top strong{font-size:11px}.chart-legend{font-size:9px}.chart-top button{font-size:10px}.chart-container{min-height:150px;display:flex;align-items:center}.chart-readout{gap:12px;flex-wrap:wrap;padding:13px}.chart-readout strong{font-size:17px}.chart-readout>span:last-child{margin-left:0;flex-basis:100%;font-size:10px}.chart-axis{font-size:8px;margin-top:4px;margin-bottom:16px}.history-note{display:block;font-size:9px;margin-top:13px}.history-note>span{display:block;margin-top:7px}.channels-section{margin-top:42px}.section-description{font-size:10px}.channel-table-head{display:none}.channel-row{grid-template-columns:1fr 1fr;gap:18px 15px;padding:19px;margin-top:8px}.channel-name{font-size:11px}.channel-name span{font-size:26px}.row-state{justify-content:flex-end;font-size:10px}.cell-label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.channel-row>div[role=cell]:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:14px}.channel-row>div[role=cell]:last-child .cell-label{margin:0}.section-footnote{font-size:9px}.explain-section{margin-top:43px}.explain-grid{grid-template-columns:1fr;gap:25px}.explain-grid h3{font-size:17px;margin:8px 0}.explain-grid p{font-size:11px;max-width:none}.storage-panel{padding:21px 18px;gap:13px;flex-wrap:wrap;margin-top:32px}.storage-panel>div:nth-child(2){flex:1;min-width:210px}.storage-panel h2{font-size:16px}.storage-panel p{font-size:10px}.storage-icon{height:35px;width:35px;font-size:21px}.storage-value{width:100%;align-items:flex-start;margin-top:5px;padding-left:48px;gap:5px}.storage-value strong{font-size:23px}.limits-note{font-size:9px;margin-bottom:30px}footer{gap:14px;flex-wrap:wrap;padding-block:22px;min-height:90px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.channel-name .channel-kind{font-size:10px;font-weight:600;letter-spacing:0;line-height:1.5;padding:5px 7px;background:#dfe6f2;color:#334e7a}.channel-name .channel-kind[data-profile=cinema]{background:#efddd1;color:#913b23}@media(max-width:720px){.channel-name .channel-kind{font-size:9px;padding:5px 6px}}

/* The monitoring tool uses the same dark visual language. */
:root{--paper:#10161d;--ink:#ecf0f4;--soft:#1c2733;--muted:#a5b2bf;--orange:#f2a575;--green:#65d990;color-scheme:dark}
.brand-mark{color:#28170c}.health{background:#17251f;color:var(--ink)}.health[data-state=error]{background:#30261d}.health[data-state=checking]{background:#1b2834}
.metric.dark{background:#27384e}.metric.dark small{color:var(--muted)}.chart-card{background:#17212c}.chart-readout{background:#202e3c}
.channel-table-head{background:#263747;color:var(--ink)}.channel-row{background:#17212c}.channel-row[data-live=true]{background:#163327}.channel-row[data-live=true] .row-state{color:#8ae0a7}
.channel-name .channel-kind{background:#20334d;color:#b1cdf8}.channel-name .channel-kind[data-profile=cinema]{background:#3c2a20;color:#f2bc96}
.notice{background:#4a3323;color:#ffe0bb}.storage-icon{background:#304153;color:#dce7f2}