/* Shared glass surfaces and aligned actions; data remains foreground. */
:root{--elevation:0 12px 30px rgba(35,60,92,.10),inset 0 1px 0 rgba(255,255,255,.85);--graph-blue:#0765cc;--graph-green:#167650;--graph-amber:#946500;--card-glass:rgba(255,255,255,.88)}
:root[data-theme=dark]{--elevation:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09);--graph-blue:#8bbdff;--graph-green:#87d7b3;--graph-amber:#edc680;--card-glass:rgba(34,43,57,.94)}
.content-panel,.widget{background:var(--card-glass);box-shadow:var(--elevation);backdrop-filter:blur(18px)}
.button,.text-button{border-radius:11px;min-height:44px;font-size:14px;font-weight:650;gap:8px;transition:background .18s,box-shadow .18s,transform .18s}
button.text-button,a.text-button{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);padding:10px 14px;color:var(--accent);text-decoration:none}
.button.secondary{background:var(--soft);border:0;color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.button:hover,.text-button:hover{box-shadow:0 4px 12px rgba(35,60,92,.12);transform:translateY(-1px)}
.button:active,.text-button:active{transform:translateY(1px)}
.button:focus-visible,.text-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.button:disabled{transform:none;box-shadow:none}
.card-action{display:flex;align-items:flex-end;justify-content:flex-end;margin-top:auto;padding-top:18px;gap:10px}
.card-action .button{margin:0!important;min-height:44px}
.presence-card{padding:16px 24px;gap:24px;background:var(--glass);border-radius:16px;box-shadow:var(--elevation);backdrop-filter:blur(18px);margin-bottom:24px}
.core-stage{width:190px;height:190px;flex:0 0 190px;isolation:isolate;overflow:visible}
.core-center{display:none}
.secretary-portrait{width:100%;height:100%;background-image:url('/assets/kim-poses.png');background-size:300% 200%;background-position:0 0;transform-origin:50% 95%;animation:secretary-breathe 5s ease-in-out infinite;filter:drop-shadow(0 7px 5px rgba(30,45,70,.12))}
[data-pose=listen] .secretary-portrait{background-position:50% 0}
[data-pose=think] .secretary-portrait{background-position:100% 0;animation:secretary-think 4s ease-in-out infinite}
[data-pose=work] .secretary-portrait{background-position:0 100%;animation:secretary-work 2.8s ease-in-out infinite}
[data-pose=done] .secretary-portrait{background-position:50% 100%;animation:secretary-greet .8s ease-out}
[data-pose=rest] .secretary-portrait{background-position:100% 100%}
.presence-copy{min-width:0}.presence-copy h2{font-size:25px}.presence-copy #presence-details{display:inline-flex}.presence-copy .button{margin:8px 8px 0 0!important}.core-caption{font-size:14px}
@keyframes secretary-breathe{50%{transform:translateY(-3px) rotate(.6deg)}}
@keyframes secretary-work{50%{transform:translateY(2px) rotate(-1deg)}}
@keyframes secretary-think{50%{transform:rotate(2deg)}}
@keyframes secretary-greet{25%{transform:translateY(-5px) rotate(-3deg)}65%{transform:rotate(2deg)}}
.overview-strip{gap:18px;align-items:stretch}.overview-strip>.content-panel{padding:22px;min-width:0;min-height:340px;display:flex;flex-direction:column}.overview-strip h2{font-size:18px}.overview-strip .small-muted{font-size:13px;line-height:1.6}
.visual-heading{display:flex;align-items:center;gap:10px}.visual-icon{width:24px;height:24px;flex:none;color:var(--accent)}
.weather-scene{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px;gap:8px}.overview-strip .weather-value{font-size:58px;line-height:1.1;font-weight:650;letter-spacing:-.035em}.weather-description{margin:7px 0 0;font-weight:600}.weather-art{width:120px;height:100px;flex-shrink:1;filter:drop-shadow(0 6px 5px rgba(55,90,140,.1))}.weather-facts{display:flex;flex-wrap:wrap;gap:10px 18px}.weather-facts .metric-line{display:flex;flex-direction:column;border:0;margin:0;gap:2px}.weather-facts .metric-line span{font-size:13px}.weather-facts .metric-line strong{font-size:16px}.weather-panel{background:color-mix(in srgb,var(--soft) 38%,var(--card-glass))}
.quote-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.quote-row:last-of-type{border-bottom:0}.quote-name,.quote-price{display:flex;flex-direction:column;gap:2px}.quote-name{min-width:0}.quote-name strong{font-size:15px;overflow-wrap:anywhere}.quote-price{flex-shrink:0;text-align:right;font-size:14px}.quote-change{font-size:13px;font-weight:650}.stock-up{color:var(--danger)}.stock-down{color:var(--accent)}.media-viewer .quote-row{padding:14px 4px}.media-viewer .quote-name strong{font-size:17px}
.compact-gauges,.system-gauges{display:flex;justify-content:space-around;gap:12px;margin:4px 0 16px}.gauge{--gauge-color:var(--graph-blue);position:relative;text-align:center;width:94px;min-width:0;flex:0 1 94px;font-variant-numeric:tabular-nums}.gauge svg{width:100%;display:block;overflow:visible}.gauge circle{fill:none;stroke-width:7}.gauge-track{stroke:var(--line);opacity:.55}.gauge-value{stroke:var(--gauge-color);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.gauge strong{position:absolute;top:32%;left:0;right:0;font-size:22px;line-height:1.2}.gauge>span{display:block;font-size:13px;font-weight:650;margin-top:4px;color:var(--muted)}.green{--gauge-color:var(--graph-green)}.amber{--gauge-color:var(--graph-amber)}.danger{--gauge-color:var(--danger)}
.usage-meter{--meter-color:var(--graph-blue);margin:12px 0 18px;font-variant-numeric:tabular-nums}.usage-meter.green{--meter-color:var(--graph-green)}.usage-meter.amber{--meter-color:var(--graph-amber)}.usage-meter.danger{--meter-color:var(--danger)}.usage-label{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-size:14px}.usage-label>span{color:var(--muted)}.usage-label strong{white-space:nowrap}.meter-track{height:8px;margin-top:9px;background:var(--line);border-radius:4px;overflow:hidden}.meter-track i{display:block;height:100%;background:var(--meter-color);border-radius:4px}.usage-meter p{margin:5px 0 0;font-size:13px}.overview-strip .usage-meter{margin-bottom:2px}
.system-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}.system-summary .button{flex-shrink:0}.system-summary p{margin:5px 0}.system-gauges{justify-content:flex-start;gap:48px}.system-gauges .gauge{width:110px;flex-basis:110px}.system-gauges .gauge strong{font-size:27px}.telemetry-chart{margin:20px 0 0}.telemetry-chart>svg{display:block;width:100%;height:150px;margin-top:12px}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.chart-line{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.series-0{color:var(--graph-blue)}.series-1{color:var(--graph-green)}.series-2{color:var(--graph-amber)}.chart-legend{display:flex;gap:24px;font-size:14px;font-weight:650}.chart-legend>span:before{content:'';display:inline-block;width:14px;height:3px;background:currentColor;vertical-align:middle;margin-right:7px}.chart-line.series-1{stroke-dasharray:6 3}.chart-line.series-2{stroke-dasharray:2 4}.chart-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.chart-empty{padding:28px 0;color:var(--muted);font-size:14px}.hardware-name{font-size:17px;line-height:1.5}.health-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.health-row p{grid-column:2/-1;margin:0}.health-row strong{font-size:15px;overflow-wrap:anywhere}.health-row:last-of-type{border:0}.news-row .button{display:flex;text-align:left;justify-content:flex-start;white-space:normal;line-height:1.6;width:100%;padding:12px 14px}.news-row{border:0}.news-row p{padding-left:14px}#home-news{max-height:460px}#all-history{margin-top:16px;float:none}.response-actions{gap:10px;flex-wrap:wrap}
@media(min-width:761px) and (max-width:1280px){.overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-strip>#home-pc-summary{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.overview-strip>#home-pc-summary .compact-gauges{grid-column:1;grid-row:2/5}.overview-strip>#home-pc-summary .card-action{grid-column:2}.overview-strip>#home-pc-summary>p:first-of-type{grid-column:2}.core-stage{width:160px;height:160px;flex-basis:160px}}
@media(max-width:760px){.presence-card{padding:18px 16px;gap:12px;align-items:center;flex-wrap:wrap}.core-stage{width:112px;height:112px;flex:0 0 112px}.presence-copy{flex:1;min-width:160px}.presence-copy h2{font-size:21px}.presence-copy p{font-size:14px}.presence-copy .button{font-size:13px;min-height:44px;padding:10px 12px}.overview-strip{display:grid;grid-template-columns:1fr;overflow:visible;gap:16px}.overview-strip>.content-panel{min-height:0;flex:none;padding:20px}.overview-strip .card-action{padding-top:16px}.weather-scene{margin-top:0}.weather-art{width:130px}.weather-facts{justify-content:space-between}.compact-gauges .gauge{width:100px;flex-basis:100px}.system-summary{display:block}.system-summary .button{margin-top:14px}.system-gauges{justify-content:space-between;gap:12px}.system-gauges .gauge{width:90px;flex-basis:90px}.system-gauges .gauge strong{font-size:22px}.chart-legend{gap:16px}.health-row{grid-template-columns:24px 1fr}.health-row .badge{grid-column:2;justify-self:start}.system-summary h2{font-size:20px}.button,.text-button{min-height:44px}}
:root[data-motion=off] .secretary-portrait{animation:none!important}:root[data-motion=off] .button,:root[data-motion=off] .text-button{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.secretary-portrait{animation:none!important}.button,.text-button{transition:none;transform:none}}
@media(prefers-reduced-transparency:reduce){.content-panel,.widget,.presence-card{background:var(--surface);backdrop-filter:none}}
.gauge svg{height:auto;aspect-ratio:1}.weather-art{stroke:none}.telemetry-chart svg{stroke-width:0}.visual-icon{height:24px}.system-gauges .gauge strong{top:32%}