.anchor-entry{min-height:44px;min-width:58px;padding:0 8px;border-radius:11px;background:#ff6b9d;color:#221321;font-weight:800;font-size:12px}
.anchor-entry.watching{outline:2px solid #83e4c9;outline-offset:2px}.anchor-entry.problem{background:#ffd59a;color:#322213}
.anchor-grid{display:grid;grid-template-columns:1fr;gap:18px}.anchor-card{background:#101f34;border:1px solid #30445e;border-radius:18px;padding:18px;min-width:0}
.anchor-card h2{font-size:18px;margin:0 0 12px}.anchor-card p{color:#b8cadf;font-size:13px;line-height:1.6}
.anchor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.anchor-fields label{display:grid;gap:6px;font-size:13px;color:#c9d6e7;min-width:0}.anchor-fields .wide{grid-column:1/-1}
#anchorDialog input,#anchorDialog select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #536880;border-radius:10px;background:#0a1424;color:#f0f4fa;font:inherit}
#anchorDialog input:focus-visible{outline:3px solid #ff6b9d;outline-offset:2px}#anchorDialog fieldset{border:0;padding:0;margin:0}#anchorDialog fieldset:disabled{opacity:.6}
.anchor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.anchor-actions button{flex:1}#anchorStart,#anchorSet{background:#ff6b9d;color:#221321;border-color:#ff6b9d}
#anchorStatus{border-left:4px solid #a8bed5;padding:12px;background:#142b42;border-radius:8px;font-size:16px;line-height:1.5;margin:0 0 12px}#anchorStatus[data-state="inside"]{border-color:#83e4c9}#anchorStatus[data-state="alarm"],#anchorStatus[data-state="unavailable"],#anchorStatus[data-state="uncertain"]{border-color:#ffd59a;background:#362a1b;color:#ffe4bd}
.anchor-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:14px 0}.anchor-metrics div{min-width:0}.anchor-metrics dt{font-size:11px;color:#a9bdd5}.anchor-metrics dd{margin:5px 0;font-size:20px;font-weight:750}
#anchorPlot{display:block;width:100%;aspect-ratio:1;background:#091526;border-radius:14px;max-height:360px}#anchorFeedback{color:#ffd59a;min-height:1.5em}#anchorPosition,#anchorSaved{overflow-wrap:anywhere}
.anchor-note{font-size:12px!important}.anchor-legend{display:flex;gap:12px;flex-wrap:wrap;color:#bacde1;font-size:12px;margin-top:10px}.anchor-legend b{color:#ff8db5}
@media(min-width:760px){.anchor-grid{grid-template-columns:1fr 1.15fr}.anchor-main{max-width:1000px}}
@media(max-width:360px){.topbar{gap:4px;left:6px;right:6px}.topbar .brand{padding:0 2px}.topbar .brand img{width:28px;height:28px}.topbar .mode{min-width:50px;padding:0 5px}.topbar .live-entry{min-width:44px;padding:0 6px}.anchor-entry{min-width:54px;padding:0 5px}.anchor-card{padding:12px}}

#anchorStatus{scroll-margin-top:100px}
