.source-badge.traffic,.dot.traffic{color:var(--traffic)}
.dot.traffic{background:var(--traffic)}
[data-background=plain] .dashboard{background:var(--panel)}
[data-background=grid] .dashboard{background-color:var(--paper);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:24px 24px}
.source-status-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.cloud-word{fill:currentColor}
[data-motion=normal] .cloud-word{animation:none;transition:transform 3s ease,opacity 1.8s ease,color 1.8s ease}
.cloud-word:focus,.cloud-word:hover{fill:var(--accent);filter:brightness(1.15)}
.word-bubble{fill:currentColor;fill-opacity:.065;stroke:currentColor;stroke-opacity:.18;stroke-width:1}
.word-delta{fill:var(--accent);font-weight:500}.word-delta.down{fill:var(--muted)}
.cloud-panel{touch-action:pan-x pan-y}
#scene-content{height:100%;min-height:0;overflow:auto;scrollbar-width:thin;padding:18px 28px 20px}
.cloud-panel[data-view=scene]{display:flex;flex-direction:column}
.camp-spectrum{height:4px;width:100%;background:linear-gradient(to right,#15803d,#71717a,#1d4ed8);border-radius:9px}
.camp-badge{font-size:10px;color:var(--muted)}.camp-badge:before{content:"";width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:4px;background:var(--muted)}.camp-badge.blue:before{background:#3b82f6}.camp-badge.green:before{background:#10b981}
.list-item[data-camp=blue]{border-left:2px solid #3b82f6;padding-left:8px}.list-item[data-camp=green]{border-left:2px solid #10b981;padding-left:8px}
#stats-content{height:100%;min-height:0}.topics-panel[data-stats=true]>.panel-heading,.topics-panel[data-stats=true]>#topic-strip{display:none}
#scene-content .scene-header h2,#scene-content .scene-header p{display:none}
#scene-content .scene-header{padding:6px 16px;justify-content:flex-end;min-height:0}
#scene-content .scene-period{max-width:100%;font-size:10px}
#scene-content>.rank-view>.scene-header:has(>h2){display:none}
.portrait-hint{display:none}
.dashboard[data-mode=reading] .portrait-hint{display:none}
.topics-panel[data-stats=true]{height:146px;padding:4px 8px}.rich-stats--panes{border:0!important}
.reading-content{overflow:auto;mask-image:none;scrollbar-width:thin}.reading-content>p{white-space:pre-line}
#reader-progress{position:sticky;bottom:0;width:100%;height:2px;display:block;border:0;accent-color:var(--accent-fill)}
@media(max-width:1450px){.header-stats .rich-stats--header>dl>.stats-metric:nth-child(3),.header-stats .rich-stats--header>dl>.stats-metric:nth-child(4){display:none}.header-stats .rich-stats--header>dl{flex-wrap:nowrap}.rich-stats--header>.stats-notice{display:none}}
@media(max-width:760px){#scene-content{padding:12px 14px}#activity-strip{display:none}.portrait-hint{display:block;font-size:10px;color:var(--muted);text-align:center;margin:4px 0}.source-status-grid{grid-template-columns:1fr}}
@media(max-height:540px){.dashboard{min-height:0}#activity-strip{display:none}}
[data-motion=reduce] .cloud-word{transition:none;animation:none}
@media(orientation:landscape) and (max-height:540px){
  .dashboard[data-mode=full] .board-header{min-height:44px;padding-block:4px}
  .dashboard[data-mode=full] .board-header .header-stats{display:none}
  .dashboard[data-mode=full] .board-main{padding:6px;gap:8px}
  .dashboard[data-mode=full] .stage{padding:8px 10px 4px}
  .dashboard[data-mode=full] .ticker{display:none}}
/* Board chrome, after tag.observe.tw/liveboard: the simple board is the cloud
   alone (wordmark in the corner, one line of figures and the lens dots on the
   right); the full board is the dark dashboard with no toolbar or footer.
   Filters, sources and mode live under the board (#about) and on the settings page. */
.brand{display:flex;align-items:center;gap:14px;min-width:0;flex-shrink:0}
.brand-tagline,.header-lenses{display:none}
.dashboard[data-mode=full] .ticker,.dashboard[data-mode=full] .board-bottom{display:none}
.dashboard[data-mode=full] .header-right>.icon-button{opacity:.55}
.dashboard[data-mode=full] .header-right>.icon-button:hover,.dashboard[data-mode=full] .header-right>.icon-button:focus-visible{opacity:1}
.preview-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;flex-shrink:0;padding:6px 16px;border-top:1px solid var(--line);background:var(--accent-soft);color:var(--ink);font-size:12px}
.preview-banner button{font-size:12px;padding:3px 10px;border-radius:99px}
.preview-banner a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Simple board: paper and ink, edge to edge. */
.dashboard[data-mode=simple]{--side:#52525b;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
:root[data-theme=dark] .dashboard[data-mode=simple]{--side:#a1a1aa}
:root:not([data-background]) .dashboard[data-mode=simple],[data-background=paper] .dashboard[data-mode=simple]{background:var(--paper)}
.dashboard[data-mode=simple] .board-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand stats right" "brand lenses lenses";align-items:baseline;column-gap:1.4em;row-gap:10px;min-height:0;padding:0;border:0;font-size:calc(clamp(13px,1.4vw,17px) * var(--ui));color:var(--side);white-space:nowrap}
.dashboard[data-mode=simple] .brand{grid-area:brand;align-self:start;color:var(--ink)}
.dashboard[data-mode=simple] .wordmark{font-size:calc(clamp(26px,3.4vw,40px) * var(--ui));line-height:1}
.dashboard[data-mode=simple] .brand-tagline{display:inline;font-size:calc(clamp(12px,1.3vw,16px) * var(--ui));letter-spacing:.08em;color:var(--side)}
.dashboard[data-mode=simple] .header-stats{grid-area:stats;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 1.4em}
.dashboard[data-mode=simple] .stat{display:inline-flex;align-items:baseline;gap:.3em}
.dashboard[data-mode=simple] .stat>span,.dashboard[data-mode=simple] .stat>small{display:inline;margin:0;font-size:inherit;color:inherit}
.dashboard[data-mode=simple] .stat>b{font-size:inherit;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.dashboard[data-mode=simple] .matching-stat{display:none}
.dashboard[data-mode=simple] .header-right{grid-area:right;margin:0;gap:1.4em;align-items:baseline}
.dashboard[data-mode=simple] .connection{font-size:inherit;color:inherit}
.dashboard[data-mode=simple] .connection::before{width:.45em;height:.45em;margin-right:.4em;vertical-align:.12em}
.dashboard[data-mode=simple] .clock{gap:.4em;align-items:baseline}
.dashboard[data-mode=simple] .clock>span{max-width:none;font-size:inherit;line-height:inherit;color:inherit}
.dashboard[data-mode=simple] .clock>time{font:inherit;font-weight:600;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
.dashboard[data-mode=simple] .header-right>.icon-button{width:auto;height:auto;min-width:28px;min-height:28px;margin:-6px -4px;font-size:1.05em;color:var(--side);opacity:.6}
.dashboard[data-mode=simple] .header-right>.icon-button:hover,.dashboard[data-mode=simple] .header-right>.icon-button:focus-visible{opacity:1;color:var(--ink)}
.dashboard[data-mode=simple] .header-lenses{grid-area:lenses;display:flex;justify-content:flex-end;align-items:center;gap:12px}
.dashboard[data-mode=simple] .board-main{display:flex;padding:0;gap:0}
.dashboard[data-mode=simple] .main-column,.dashboard[data-mode=simple] .side-column,.dashboard[data-mode=simple] .ticker,.dashboard[data-mode=simple] .board-bottom,.dashboard[data-mode=simple] #activity-strip,.dashboard[data-mode=simple] .portrait-hint,.dashboard[data-mode=reading] .portrait-hint{display:none}
.dashboard[data-mode=simple] .preview-banner{margin:8px auto 0;border:0;border-radius:99px;padding:5px 8px 5px 16px}

/* The lens dots: the current lens is a longer bar in its colour. */
.cloud-sources{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(60vw,420px)}
.cloud-sources button{position:relative;width:6px;height:6px;min-width:0;padding:0;border:0;border-radius:3px;background:#d4d4d8;transition:width .6s,background .6s}
:root[data-theme=dark] .cloud-sources button{background:#3f3f46}
.cloud-sources button::before{content:"";position:absolute;inset:-9px -3px}
.cloud-sources button:hover{background:var(--lens-color,var(--accent))}
.cloud-sources button[aria-pressed=true],:root[data-theme=dark] .cloud-sources button[aria-pressed=true]{width:18px;background:var(--lens-color,var(--accent))}
.cloud-lens-picker{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cloud-lens-picker:focus-within{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.cloud-lens-picker select{max-width:200px;padding:2px 6px;font-size:12px;background:var(--panel)}
.cloud-pause{border:0;background:transparent;padding:4px 2px;min-height:28px;font-size:.75em;color:var(--side);opacity:.75}
.cloud-pause:hover,.cloud-pause:focus-visible{opacity:1}
.dashboard[data-paused=true] .cloud-pause{opacity:1;color:var(--accent)}

/* The lens in the middle of the cloud: its name, its note, then the time line flanked by ‹ ›. */
.cloud-center{--title:calc(clamp(28px,min(5.33vw,9vmin),96px) * min(var(--ui),1.15));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto minmax(0,auto) auto;grid-template-areas:"kicker kicker kicker" "title title title" "note note note" "prev timeline next" ". progress ." "status status status" "legend legend legend";justify-items:center;align-items:center;column-gap:.25em;width:max-content;max-width:min(78%,1040px);text-align:center;pointer-events:none}
.cloud-center:has(#cloud-timeline[hidden]){grid-template-areas:"kicker kicker kicker" "prev title next" "note note note" ". progress ." "status status status" "legend legend legend"}
#cloud-kicker{grid-area:kicker;margin:0 0 .4em;font-size:max(10px,calc(var(--title) * .17));letter-spacing:.2em;color:var(--muted)}
#cloud-kicker:empty{display:none}
#cloud-title{grid-area:title;margin:0;font-size:var(--title);line-height:1.2;font-weight:700;letter-spacing:.04em;color:var(--lens-color,var(--ink));overflow-wrap:anywhere}
#cloud-description{grid-area:note;margin:.3em 0 0;font-size:calc(var(--title) * .4);line-height:1.4;color:var(--muted)}
.cloud-timeline{grid-area:timeline;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .2em;margin-top:calc(var(--title) * .3);pointer-events:auto}
.cloud-timeline button{position:relative;border:0;border-radius:0;background:transparent;padding:.3em .55em .7em;font-size:max(11px,calc(var(--title) * .3));line-height:1.3;color:var(--side,var(--muted));font-variant-numeric:tabular-nums;transition:color .8s}
.cloud-timeline button::after{content:"";position:absolute;left:.35em;right:.35em;bottom:.25em;height:max(2px,.18em);border-radius:9px;background:var(--line);opacity:.8}
.cloud-timeline button:has(~ [aria-current=true])::after{background:var(--lens-color,var(--accent));opacity:.35}
.cloud-timeline button[aria-current=true]{font-weight:700;color:var(--lens-color,var(--ink))}
.cloud-timeline button[aria-current=true]::after{background:var(--lens-color,var(--accent));opacity:1}
.cloud-timeline button:hover{color:var(--ink)}
.cloud-arrow{pointer-events:auto;align-self:center;min-width:44px;min-height:44px;padding:0 .1em;border:0;background:transparent;font-size:calc(var(--title) * .6);line-height:1;color:#a1a1aa;transition:color .2s}
.cloud-arrow:hover,.cloud-arrow:focus-visible{color:var(--side,#52525b)}
#cloud-prev{grid-area:prev}
#cloud-next{grid-area:next}
#cloud-progress{grid-area:progress;justify-self:stretch;width:auto;min-width:120px;height:3px;margin:.35em .35em 0;border:0;border-radius:9px;background:var(--line);accent-color:var(--lens-color,var(--accent));-webkit-appearance:none;appearance:none}
#cloud-progress::-webkit-progress-bar{background:var(--line);border-radius:9px}
#cloud-progress::-webkit-progress-value{background:var(--lens-color,var(--accent));border-radius:9px}
#cloud-progress::-moz-progress-bar{background:var(--lens-color,var(--accent))}
#cloud-status{grid-area:status;max-width:40em;margin-top:.7em;font-size:max(10px,calc(var(--title) * .17));line-height:1.6;color:var(--muted)}
#cloud-status:empty{display:none}
.color-legend{grid-area:legend;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:.5em;font-size:max(10px,calc(var(--title) * .16));color:var(--muted)}
.color-legend span{display:inline-flex;align-items:center;gap:5px}
.color-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--key-color,var(--accent))}
.color-legend .camp-spectrum{flex-basis:100%}

/* A scene lens (events, videos, boards): the lens heads a band over the scene. */
.cloud-panel[data-view=scene]{display:flex;flex-direction:column}
.cloud-panel[data-view=scene] #cloud-center{--title:calc(clamp(20px,2.2vw,30px) * min(var(--ui),1.15));position:static;transform:none;order:-1;flex-shrink:0;width:auto;max-width:none;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"title prev timeline next" "note prev timeline next" "status status status status" "progress progress progress progress";justify-items:start;column-gap:.4em;padding:6px 8px 10px;border-bottom:1px solid var(--line);text-align:left}
.cloud-panel[data-view=scene] #cloud-kicker,.cloud-panel[data-view=scene] .color-legend{display:none}
.cloud-panel[data-view=scene] #cloud-description{margin:2px 0 0;font-size:calc(12px * min(var(--ui),1.15))}
.cloud-panel[data-view=scene] .cloud-timeline{margin:0;justify-content:flex-end}
.cloud-panel[data-view=scene] .cloud-timeline button{font-size:12px}
.cloud-panel[data-view=scene] .cloud-arrow{font-size:30px}
.cloud-panel[data-view=scene] #cloud-status{margin-top:4px;max-width:none;font-size:11px}
.cloud-panel[data-view=scene] #cloud-progress{margin:6px 0 0;justify-self:stretch;width:100%}

/* Quick controls, under the board. */
#account-status{margin:0 0 20px}
#account-status:empty{display:none}
.support-controls{margin:0 0 28px;padding:16px 0 4px;border-top:2px solid var(--line)}
.support-controls h3{margin:0 0 12px;font-size:14px;color:var(--ink)}
.board-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.source-tabs{display:flex;flex-wrap:wrap;gap:4px}
.source-tabs button{font-size:12px;border-radius:99px;padding:5px 12px;min-height:32px;background:transparent;color:var(--muted)}
.source-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-soft)}
.source-tabs button[data-source=all][aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}
.toolbar-end{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.toolbar-end select{font-size:12px;padding:5px 8px}
.toolbar-end>.text-button{font-size:12px;color:var(--ink)}
.toolbar-end>a{font-size:12px;color:var(--accent)}
.quick-search{display:flex;align-items:center;gap:5px;color:var(--muted);border-bottom:1px solid var(--line)}
.quick-search input{width:160px;padding:4px 0;border:0;border-radius:0;background:transparent;font-size:12px}
.quick-search>span{font-size:18px}

@media(max-width:1360px){
  .dashboard[data-mode=simple] .matching-stat{display:none}
}
@media(max-width:1100px){
  .dashboard[data-mode=simple] .clock>span{display:none}
}
@media(max-width:760px){
  .dashboard[data-mode=simple] .header-stats,.dashboard[data-mode=simple] .connection{display:none}
  .dashboard[data-mode=simple] .board-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand right" "brand lenses"}
  .dashboard[data-mode=simple] .header-right{justify-content:flex-end}
  .cloud-panel[data-view=scene] #cloud-center{grid-template-areas:"title title title title" "note note note note" "timeline timeline prev next" "status status status status" "progress progress progress progress";padding:4px 4px 8px}
  .cloud-panel[data-view=scene] .cloud-timeline{justify-content:flex-start;margin-top:4px}
  .cloud-panel[data-view=scene] .cloud-arrow{font-size:26px}
  .toolbar-end{width:100%}
  .quick-search{display:flex;flex:1 1 100%}
  .quick-search input{width:100%}
}
@media(max-width:560px){
  .dashboard[data-mode=simple] .brand-tagline{display:none}
  .dashboard[data-mode=simple] .board-header{row-gap:8px}
}
@media(orientation:portrait){
  .cloud-center{--title:calc(clamp(24px,7.1vw,44px) * min(var(--ui),1.15));max-width:94%}
  .cloud-timeline button{padding-inline:.4em}
}
@media(max-height:540px){
  .cloud-center #cloud-kicker,.cloud-center .color-legend,.cloud-center #cloud-status{display:none}
  .cloud-panel[data-view=scene] #cloud-description{display:none}
  .dashboard[data-mode=simple]{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
/* Account status under the board (account.mjs fills #account-status). */
#account-status:not(:empty){padding:14px 0 16px;border-top:2px solid var(--line)}
#account-status .account-heading{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
#account-status h2,#account-status h3{margin:0;font-size:14px;color:var(--ink)}
#account-status [data-account-state]{font-size:11px;padding:0 8px;border-radius:99px;background:var(--subtle)}
#account-status[data-state=ready] [data-account-state]{color:#059669}
#account-status[data-state=conflict] [data-account-state],#account-status[data-state=error] [data-account-state]{color:var(--accent);background:var(--accent-soft)}
#account-status [data-account-description]{margin:4px 0 0}
#account-status .account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#account-status .account-actions .button,#account-status .account-actions button{min-height:32px;padding:0 12px;border-radius:99px;font-size:12px}

/* Match the original cloud viewport and image hierarchy. Extra controls remain
   available below the board; the wordmark is the settings entry. */
.dashboard[data-mode=simple] .board-header{row-gap:10px;align-items:start;grid-template-rows:auto 6px;column-gap:24px}
.dashboard[data-mode=simple] .header-lenses{height:6px;min-height:0;gap:0}
.dashboard[data-mode=simple] .header-right>.icon-button{display:none}
.dashboard[data-mode=simple] .cloud-pause{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;min-height:0}
.dashboard[data-mode=simple] .cloud-pause:focus-visible{position:static;clip-path:none;width:auto;height:auto;overflow:visible}
.dashboard[data-mode=simple] .board-header{padding-bottom:0}
.cloud-center{grid-template-areas:"kicker kicker kicker" "title title title" "note note note" "prev timeline next";max-width:94%}
.cloud-center:has(#cloud-timeline[hidden]){grid-template-areas:"kicker kicker kicker" "prev title next" "note note note"}
#cloud-title{line-height:1.25}
#cloud-description{margin:.3em 0 0;font-size:calc(var(--title) * .4);line-height:1.4}
#cloud-progress{display:none!important}
.cloud-word{font-weight:600;transition:transform 3s cubic-bezier(.45,0,.55,1),opacity 1.8s ease}
.word-delta{fill:inherit;font-weight:700}
.cloud-timeline button::after{background:var(--line);opacity:1}
.cloud-timeline button:has(~[aria-current=true])::after{background:var(--lens-color);opacity:.35}
.cloud-timeline button[aria-current=true]::after{background:linear-gradient(to right,var(--lens-color) var(--frame-progress,0%),var(--line) var(--frame-progress,0%))}
[data-progress=false] .cloud-timeline button::after{display:none}
#about>.preview-banner{margin:0 0 24px;border:1px solid var(--line);border-radius:8px}
#about>.color-legend{justify-content:flex-start;margin:12px 0 24px;font-size:12px}
@media(max-width:760px){.dashboard[data-mode=simple] .board-header{column-gap:16px}.dashboard[data-mode=simple] .connection{display:inline}.dashboard[data-mode=simple] .header-right{gap:12px}}
@media(max-width:560px){.dashboard[data-mode=simple] .connection{display:none}.dashboard[data-mode=simple] .clock>span{display:inline}.dashboard[data-mode=simple] .clock>time{font-size:inherit}.dashboard[data-mode=simple] .wordmark{font-size:calc(26px * var(--ui))}}
/* Full-board header and footer use the original proportions. */
.dashboard[data-mode=full] .board-header{height:64px;min-height:64px;gap:24px;padding:8px 24px}
.dashboard[data-mode=full] .wordmark{font-size:36px;line-height:1}
.dashboard[data-mode=full] .header-right{gap:12px}
.dashboard[data-mode=full] .header-right>.connection,.dashboard[data-mode=full] .header-right>.icon-button{display:none}
.dashboard[data-mode=full] .clock{gap:12px}
.dashboard[data-mode=full] .clock>span{max-width:none;font-size:16px;line-height:1.5}
.dashboard[data-mode=full] .clock>time{font-size:36px;letter-spacing:0}
.dashboard[data-mode=full] .header-stats .rich-stats--header>dl{flex-wrap:nowrap;gap:24px}
.dashboard[data-mode=full] .header-stats .stats-metric:nth-child(n){display:block}
.dashboard[data-mode=full] .header-stats .stats-metric dt{font-size:12px}
.dashboard[data-mode=full] .header-stats .stats-metric strong{font-size:26px}
.dashboard[data-mode=full] .header-stats .stats-metric small{font-size:12px}
.dashboard[data-mode=full] .header-stats .stats-spark--visitors{width:80px;flex-basis:80px;height:24px}
.dashboard[data-mode=full] .crawl-strip{min-height:30px;max-height:30px;padding:4px 24px;background:var(--bg);border-top:1px solid var(--line);font-size:14px}
.dashboard[data-mode=full] .crawl-strip>strong{font-size:12px}
.dashboard[data-mode=full] .crawl-result-status{display:none}
.dashboard[data-mode=full] .main-column,.dashboard[data-mode=full] .side-column{gap:16px}
.dashboard[data-mode=full] .board-main{grid-template-columns:minmax(0,1.7fr) minmax(0,.82fr)}
.dashboard[data-mode=full] .topics-panel[data-stats=true]{height:17dvh;padding:0}
.dashboard[data-mode=full] .rich-stats--panes{height:100%;min-height:0;border-radius:24px;padding:10px 16px}
.dashboard[data-mode=full] .reading-panel{flex:1.7;padding:20px}
.dashboard[data-mode=full] .list-panel{flex:1;padding:12px 16px 0}
.dashboard[data-mode=full] .reading-panel .panel-heading h2{font-size:14px;font-weight:600}
.dashboard[data-mode=full] .stage-controls{min-height:16px;height:16px;margin-top:8px;font-size:12px;gap:12px;position:relative}
.dashboard[data-mode=full] .stage-controls progress{width:160px;height:4px;flex-shrink:0;border-radius:99px;overflow:hidden}
.dashboard[data-mode=full] .stage-controls #position,.dashboard[data-mode=full] .stage-controls #hold-label{display:none}
.dashboard[data-mode=full] .stage-controls .play-buttons{position:absolute;left:0;bottom:0;transform:translateY(-18px);opacity:0;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;z-index:2}
.dashboard[data-mode=full] .stage:hover .play-buttons,.dashboard[data-mode=full] .play-buttons:focus-within{opacity:1;pointer-events:auto}
.dashboard[data-mode=full] .stage-controls .dot{width:10px;height:10px}
@media(max-width:1190px){.dashboard[data-mode=full] .header-stats .stats-metric:nth-child(4){display:none}.dashboard[data-mode=full] .header-stats .rich-stats--header>dl{gap:16px}.dashboard[data-mode=full] .clock>span{font-size:14px}}
@media(max-width:1000px){.dashboard[data-mode=full] .header-stats .stats-metric:nth-child(3){display:none}.dashboard[data-mode=full] .header-stats .stats-spark--visitors{display:none}.dashboard[data-mode=full] .clock>time{font-size:30px}}
@media(orientation:portrait){.dashboard[data-mode=full] .board-header{height:auto;min-height:64px;padding-inline:12px;gap:16px;flex-wrap:wrap}.dashboard[data-mode=full] .header-stats .stats-metric:nth-child(n+2){display:none}.dashboard[data-mode=full] .wordmark{font-size:28px}.dashboard[data-mode=full] .header-stats .stats-metric strong{font-size:24px}.dashboard[data-mode=full] .clock>time{font-size:26px}.dashboard[data-mode=full] .clock>span{font-size:12px}.dashboard[data-mode=full] .board-main{display:flex;flex-direction:column;gap:12px;padding:12px}.dashboard[data-mode=full] .main-column{flex:1.7}.dashboard[data-mode=full] .side-column{flex:1}.dashboard[data-mode=full] .reading-panel,.dashboard[data-mode=full] .topics-panel{display:none}.dashboard[data-mode=full] .portrait-hint{display:block;margin:0;padding:4px 12px;border-bottom:1px solid var(--line);font-size:14px;color:#fcd34d}.dashboard[data-mode=full] .stage-controls progress{width:100px}}
@media(orientation:landscape) and (max-height:540px){.dashboard[data-mode=full] .board-header{height:48px;min-height:48px;padding:4px 16px}.dashboard[data-mode=full] .header-stats{display:flex}.dashboard[data-mode=full] .header-stats .stats-metric:nth-child(n+3){display:none}.dashboard[data-mode=full] .clock>time{font-size:28px}.dashboard[data-mode=full] .clock>span{font-size:12px}}

/* Original normalized centre geometry, shared with its packing exclusion box. */
.cloud-panel[data-view=cloud] .cloud-center[data-cloud-geometry=true]{display:block;width:var(--width);height:var(--height);max-width:none}
.cloud-panel[data-view=cloud] #cloud-title{position:absolute;inset:0 0 auto;font-size:var(--title);line-height:1.3;white-space:nowrap}
.cloud-panel[data-view=cloud] #cloud-description{position:absolute;top:calc(var(--title) * 1.3);left:50%;transform:translateX(-50%);margin:0;font-size:var(--note);line-height:1.7;white-space:nowrap}
.cloud-panel[data-view=cloud] .cloud-timeline{position:absolute;top:calc(var(--title) * 1.3 + var(--note) * 1.7);left:50%;transform:translateX(-50%);width:var(--timeline-width);margin:0;gap:0;flex-wrap:nowrap}
.cloud-panel[data-view=cloud] .cloud-timeline button{width:auto;height:calc(var(--hour) * 2.6);font-size:var(--hour);padding:calc(var(--hour) * .3) 0 calc(var(--hour) * 1);line-height:1.3;flex:none}
.cloud-panel[data-view=cloud] .cloud-timeline button::after{left:calc(var(--hour) * .35);right:calc(var(--hour) * .35);bottom:auto;top:calc(var(--hour) * 2.05);height:calc(var(--hour) * .22)}
.cloud-panel[data-view=cloud] .cloud-arrow{position:absolute;top:var(--arrowY);left:50%;width:var(--arrow);height:var(--arrow);min-width:24px;min-height:24px;font-size:var(--arrow);line-height:1;transform:translate(-50%,-50%)}
.cloud-panel[data-view=cloud] #cloud-prev{margin-left:calc(var(--arrowX) * -1)}
.cloud-panel[data-view=cloud] #cloud-next{margin-left:var(--arrowX)}
.dashboard[data-mode=simple] .connection{display:none}
.dashboard[data-mode=simple] .presence-dot{display:inline-block;width:.45em;height:.45em;margin-right:.4em;border-radius:50%;background:#a1a1aa;vertical-align:.12em}
@media(max-width:760px){.dashboard[data-mode=simple] .header-stats{display:flex}.dashboard[data-mode=simple] .board-header{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 6px;grid-template-areas:"brand stats" "brand right" "brand lenses";row-gap:4px}.dashboard[data-mode=simple] .header-stats{font-size:12px;gap:8px}.dashboard[data-mode=simple] .header-right{justify-self:end}}
@media(max-width:560px){.dashboard[data-mode=simple] .today-stat{display:none}.dashboard[data-mode=simple] .header-stats .stat{font-size:12px}.dashboard[data-mode=simple] .header-stats{gap:2px 12px}}

.cloud-panel[data-view=cloud] #cloud-kicker{display:none}

.card-legend{display:none}
.dashboard[data-mode=full] .card-legend{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:12px;font-size:12px}
.card-legend>span{display:inline-flex;align-items:center;gap:4px}
.card-legend i{width:8px;height:8px;display:inline-block;border-radius:50%}
@media(max-width:1100px),(max-height:540px){.dashboard[data-mode=full] .card-legend{display:none}}
@media(orientation:portrait){.dashboard[data-mode=full] .header-stats{display:flex}.dashboard[data-mode=full] .board-header{gap:12px}.dashboard[data-mode=full] .wordmark{font-size:26px}.dashboard[data-mode=full] .clock>span{display:none}.dashboard[data-mode=full] .header-stats .stats-metric dt{font-size:11px}}
.dashboard[data-mode=full] .board-main{grid-template-columns:minmax(0,1fr) 32%}
.dashboard[data-mode=full] .reading-panel{flex:1.65}
.dashboard[data-mode=full] .reading-head h3{font-size:calc(18.4px * var(--ui));line-height:1.4;font-weight:700}
.dashboard[data-mode=full] .reading-head>img{width:28%;height:auto;max-height:95px;aspect-ratio:4/3}
.dashboard[data-mode=full] .reading-content>p{font-size:calc(15.2px * var(--ui));line-height:1.8}
.dashboard[data-mode=full] #reader-progress{accent-color:#10b981}
.dashboard[data-mode=full] #reader-progress::-webkit-progress-value{background:#10b981}
.dashboard[data-mode=full] .rich-stage-events h2{font-size:calc(28px * var(--ui));line-height:1.2}
@media(orientation:portrait){.dashboard[data-mode=full] .rich-stage-events h2{font-size:calc(24px * var(--ui))}}

.dashboard[data-mode=full] .crawl-result--failed .crawl-result-status{display:inline}
.dashboard[data-legend=false] .card-legend{display:none}