.milestone-summary{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:13px 14px;background:#edf3e8;border:1px solid #dce5d6;border-radius:11px;text-align:left;color:var(--ink);min-height:60px}
.milestone-summary strong{display:block;font-size:12px}.milestone-summary small{display:block;margin-top:4px;font-size:10px;color:#6d826d}.milestone-summary>span:last-child{font-size:20px;color:#658c68}
.milestone-totals{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e8f0df;border-radius:10px;padding:12px 14px;margin:12px 0 18px;font-size:12px}.milestone-totals b{font-size:20px}
.milestone-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.milestone-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f9f9f0}
.milestone-icon{display:grid;place-items:center;width:36px;height:40px;border-radius:10px;background:#e9ece1;color:#939f8c;font-size:23px}
.milestone-card.is-earned{background:#eff5e8;border-color:#b9d0b0}.milestone-card.is-earned .milestone-icon{color:#8b6d25;background:#f3e3ac}
.milestone-card h3{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:0 0 4px}.milestone-state{font-size:10px;font-weight:500;white-space:nowrap;color:#648364}.milestone-card p{font-size:11px;line-height:1.5;color:#73846e;margin:0 0 7px}.milestone-values{font-size:10px;color:#72806b;font-variant-numeric:tabular-nums}
.milestone-card .progress{margin-top:7px;height:4px}.milestone-card .progress>span{transition:none}.milestone-card.is-earned .progress>span{background:#c3a450}
#milestone-notice{position:fixed;right:20px;top:90px;z-index:12;max-width:calc(100vw - 40px);width:250px;border:1px solid #c7b66b;border-radius:13px;background:#fff9e6;box-shadow:0 8px 26px #183c3120;animation:milestone-arrive .3s ease-out}
#milestone-notice button{display:block;width:100%;padding:14px 17px;background:transparent;text-align:left;border-radius:13px;color:#5f542a;font-size:12px;line-height:1.5;min-height:64px}#milestone-notice strong{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9c8742}
@keyframes milestone-arrive{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
[data-theme=dark] .milestone-summary,[data-theme=dark] .milestone-totals{background:#29493e;border-color:#4c6a50;color:#d8ebd8}[data-theme=dark] .milestone-summary small{color:#b4c9af}
[data-theme=dark] .milestone-card{background:#20383a;border-color:#3d5750}[data-theme=dark] .milestone-card.is-earned{background:#2a4537;border-color:#667c4b}[data-theme=dark] .milestone-card p,[data-theme=dark] .milestone-values,[data-theme=dark] .milestone-state{color:#b4c8b0}
[data-theme=dark] #milestone-notice{background:#343e29;border-color:#95864c}[data-theme=dark] #milestone-notice button{color:#f3e8b4}[data-theme=dark] #milestone-notice strong{color:#d4bf77}
@media(max-width:540px){.milestone-summary{min-height:64px;margin-top:3px}.milestone-summary strong{font-size:13px}.milestone-summary small{font-size:11px}#milestone-notice{top:70px;right:14px;width:230px}.milestone-card{padding:11px}.milestone-card h3{font-size:12px}.milestone-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#milestone-notice{animation:none}}