.dev-app{--dev-surface:#ffffffd1;--dev-muted:#64786a;max-width:1180px;margin:0 auto}.dev-toolbar{border:1px solid var(--line);background:#ffffffe0;border-radius:12px;flex-wrap:wrap;align-items:end;gap:.9rem 1.25rem;margin:2.5rem 0 1.5rem;padding:.9rem;display:flex;box-shadow:0 12px 32px #1c2a2412}.project-filter{flex:320px;max-width:560px}.dev-toolbar label{color:var(--dev-muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem .15rem;font-size:.66rem;font-weight:600;display:block}.dev-toolbar select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--leaf-deep) 50%) calc(100% - 17px) calc(50% - 2px) / 5px 5px no-repeat, linear-gradient(135deg, var(--leaf-deep) 50%, transparent 50%) calc(100% - 12px) calc(50% - 2px) / 5px 5px no-repeat, #f8faf6;color:var(--ink);border:1px solid #cbd5c8;border-radius:7px;width:100%;min-height:44px;padding:0 2.4rem 0 .8rem}.toolbar-meta{flex:auto;justify-content:flex-end;align-items:center;gap:.65rem;min-height:44px;display:flex}.stream-state,.readonly,.device-count{font-family:var(--mono);white-space:nowrap;border-radius:999px;align-items:center;font-size:.66rem;display:inline-flex}.stream-state{color:#81540f;gap:.45rem}.stream-state:before{background:var(--amber);content:"";border-radius:50%;width:7px;height:7px}.stream-state.is-live{color:var(--leaf-deep)}.stream-state.is-live:before{background:var(--state-alive);box-shadow:0 0 0 4px #2f6b3f1a}.readonly{color:var(--dev-muted);background:#eef2ec;padding:.38rem .6rem}.device-overview{background:var(--dev-surface);border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,2.5vw,1.6rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.section-title{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.section-head h2,.panel-head h2{margin:.12rem 0 0;font-size:clamp(1.45rem,2.5vw,2rem)}.device-count{color:var(--leaf-deep);background:#e8f0e6;padding:.3rem .55rem}.section-note,.panel-head>p{color:var(--dev-muted);margin:0;font-size:.82rem}.device-grid{grid-template-columns:1fr;gap:.85rem;display:grid}.device-card{border:1px solid #cfd8cc;border-radius:9px;padding:1rem;overflow:hidden;box-shadow:0 5px 16px #1c2a240e}.device-card.attention{border-color:#dfd4c4;box-shadow:0 5px 16px #513b1e0b}.device-card:before{background:var(--leaf);content:"";height:3px;position:absolute;top:0;left:0;right:0}.device-card.attention:before{background:#d7aa68}.device-card:after{display:none}.device-card-top{justify-content:space-between;align-items:center;padding-right:1.7rem;display:flex}.device-card h3{font-family:var(--mono);margin:0;font-size:1.15rem}.device-card-top a{text-decoration:none}.device-card .state{padding:.2rem .45rem;font-size:.58rem}.device-card .state:before{width:.42rem;height:.42rem}.device-context{color:var(--dev-muted);font-family:var(--mono);margin:.35rem 0 0;font-size:.65rem}.idle-copy{margin:.9rem 0 .55rem;font-size:.84rem}.seen{color:var(--moss);margin:.4rem 0 1rem;font-size:.82rem}.measurement{border-top:1px solid var(--line);grid-template-columns:1fr 120px;align-items:center;gap:.5rem;padding:.75rem 0;display:grid}.measurement span{font-family:var(--mono);font-size:.7rem;display:block}.measurement strong{font-family:var(--mono);font-size:1.35rem;display:block}.measurement small{color:var(--moss);font-size:.65rem}.spark-wrap{text-align:right}.spark-wrap small{color:var(--moss);font-family:var(--mono);font-size:.57rem}.sparkline{width:120px;height:38px;display:block}.sparkline line{stroke:var(--line);stroke-width:1px}.sparkline polygon{fill:#edf2ea}.sparkline polyline{fill:none;stroke:var(--leaf);stroke-width:2.2px;vector-effect:non-scaling-stroke}.sparkline circle{fill:#fff;stroke:var(--leaf);stroke-width:2px}.device-meta{border-top:1px solid var(--line);font-family:var(--mono);justify-content:space-between;padding-top:.75rem;font-size:.7rem;display:flex}.has-rejects{color:var(--state-silent);font-weight:600}.expected-topic{align-items:center;gap:.4rem;min-width:0;margin:.5rem 0;display:flex}.expected-topic code{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;width:0;min-width:0;font-size:.65rem;overflow:hidden}.copy-topic{flex:none;padding:.3rem .45rem;font-size:.62rem}.expected-topics{border-top:1px solid var(--line);margin:.7rem 0 0;padding-top:.55rem}.expected-topics summary{color:var(--leaf-deep);font-size:.66rem;font-weight:600}.expected-topic-list{padding-top:.2rem}.next-link{font-family:var(--mono);margin-top:.65rem;font-size:.68rem;display:inline-block}.debug-grid{gap:1rem;margin-top:1rem;display:grid}.diagnostic-panel,.connection-panel{background:var(--dev-surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:clamp(1rem,2.5vw,1.35rem)}.panel-head{justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:1rem;display:flex}.panel-head>p{text-align:right;max-width:26ch}.reject-card{border:1px solid #e4c89f;border-left:3px solid var(--amber);background:#fffaf3;border-radius:6px;margin-bottom:.65rem;padding:.8rem}.reject-card strong{margin-top:.75rem;font-size:1rem;line-height:1.4;display:block}.reject-top{justify-content:space-between;align-items:center;display:flex}.reject-top code{color:#7c4300;font-weight:600}.reject-card time,.tail time,.connection-log time{color:var(--moss);font-family:var(--mono);font-size:.7rem}details{margin-top:.7rem}summary{cursor:pointer;font-family:var(--mono);font-size:.72rem}.reject-card pre{white-space:pre-wrap}.tail{color:#fff;background:#223029;border-radius:7px;min-height:220px;overflow:hidden}.tail-row{border-bottom:1px solid #425047;gap:.25rem;padding:.68rem .8rem;animation:.15s ease-out arrive;display:grid}.tail-row code{color:#c7e3cb;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:.68rem}.tail-row span{font-family:var(--mono);font-size:.72rem}.connection-panel{margin-top:1rem}.connection-log{border-left:3px solid var(--leaf);background:#f6f8f4;border-radius:0 6px 6px 0;padding:.65rem .85rem}.connection-log p{margin:.45rem 0}.teach-empty,.loading-card{background:#f8faf6;border:1px dashed #aab9aa;border-radius:7px;padding:1rem}.teach-empty p{margin-bottom:0}@keyframes arrive{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tail-row{animation:none}}@media (width>=700px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-grid{grid-template-columns:1fr 1fr}}@media (width>=1020px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-card:not(.device-card--idle){grid-column:span 2}}@media (width<=540px){.dev-toolbar{align-items:stretch}.toolbar-meta{justify-content:space-between}.section-note{display:none}.panel-head{align-items:start;display:block}.panel-head>p{text-align:left;max-width:none;margin-top:.35rem}}.developer-intro[data-astro-cid-wwjjm3yx]{gap:.45rem;max-width:840px;display:grid}.developer-intro[data-astro-cid-wwjjm3yx] h1[data-astro-cid-wwjjm3yx]{max-width:10ch;margin:0;font-size:clamp(2.65rem,7vw,5.25rem)}.developer-intro[data-astro-cid-wwjjm3yx] .lede[data-astro-cid-wwjjm3yx]{color:#4d6254;max-width:58ch;margin:.35rem 0 0}