main>header h1{font-size:26px;margin:3px 0}main>.sync{margin:14px 0;padding:10px 16px}main>.sync p{font-size:13px}main>.stats article{padding:14px 18px}main>.stats strong{margin:4px 0;font-size:23px}
.milestone-panel{margin:16px 0;padding:20px;overflow:hidden}
.timeline-character-label{display:grid;gap:4px;min-width:210px;color:var(--muted)}
.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 8px}
.timeline-toolbar>div{display:flex;gap:6px;flex-shrink:0}
.timeline-toolbar p{font-size:13px}
.level-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:14px 2px 18px;scrollbar-color:var(--accent) var(--panel)}
.level-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:0 0 188px;min-height:174px;padding:18px 14px 12px;border:1px solid var(--line);background:#102226;scroll-snap-align:center}
.level-node:after{content:'';position:absolute;top:24px;left:31px;right:-13px;height:1px;background:#3a6067}
.level-node:last-child:after{right:20px}
.level-dot{width:12px;height:12px;border-radius:50%;background:#607b7d;border:2px solid #102226;position:relative;z-index:1;margin-bottom:10px}
.level-node.is-current .level-dot{background:var(--accent);box-shadow:0 0 0 4px #62d3c32b}
.level-node.is-current strong{color:var(--accent)}
.level-node.is-selected{border-color:var(--accent);background:#193639}
.level-node strong{font-size:17px}.milestone-name{display:block;margin:7px 0;line-height:1.5;font-size:13px}.level-node small{margin-top:auto;color:var(--muted);font-size:11px}
.milestone-inspector{border-top:1px solid var(--line);padding-top:12px}.milestone-inspector h3{font-size:16px;margin:5px 0 12px}
#milestoneDetails{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.milestone-detail{padding:16px;border:1px solid var(--line);border-radius:10px;background:#0c1d20}.milestone-detail h3{margin:8px 0}.milestone-detail p{font-size:14px}.milestone-detail small{display:block;color:var(--muted);margin:12px 0}.milestone-detail a{color:var(--accent);font-size:13px}.milestone-tag{border:1px solid #46696a;border-radius:5px;padding:2px 6px;color:var(--accent);font-size:11px}
.milestone-empty{padding:18px 0}.timeline-coverage{font-size:12px;line-height:1.6;margin-top:16px}.timeline-unplaced{font-size:13px;margin-top:10px}.secondary-dashboard{margin:24px 0}.secondary-dashboard>summary{padding:14px 18px;border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer}.secondary-dashboard[open]>summary{margin-bottom:16px}
.timeline-upcoming{display:block;text-align:left;width:100%;margin:0 0 14px;color:var(--accent);background:#133034;border-color:#315e5b}
.milestone-event{display:block}.milestone-event+.milestone-event{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.milestone-meta{display:block;color:#b6cfca;font-size:12px;line-height:1.6;margin-top:5px;white-space:normal;overflow-wrap:anywhere}.milestone-meta>span{color:var(--muted)}
.milestone-detail .milestone-meta{font-size:13px;margin:6px 0}.level-node{min-height:192px}
@media(max-width:650px){.milestone-panel{padding:16px}.milestone-panel .section-head,.timeline-toolbar{align-items:stretch;flex-direction:column}.timeline-toolbar>div{justify-content:space-between}.level-node{flex-basis:165px}.timeline-character-label{min-width:0}}