.dyn-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--line,rgba(128,128,128,.28))}
.dyn-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.dyn-title{font-size:12px;font-weight:700;letter-spacing:.12em}
.dyn-month{font-size:11px;color:var(--muted,#8a8f98)}
.dyn-fold{margin-left:auto;background:none;border:none;color:var(--muted,#8a8f98);cursor:pointer;font-size:12px;padding:2px 4px}
.dyn-tabs{display:flex;gap:6px;margin-bottom:8px}
.dyn-tab{flex:1;padding:6px 4px;border-radius:8px;background:transparent;border:1px solid var(--line,rgba(128,128,128,.28));color:inherit;opacity:.75;font-size:12.5px;font-family:inherit;cursor:pointer}
.dyn-tab b{font-family:ui-monospace,Consolas,monospace;font-weight:600}
.dyn-tab:hover{opacity:1}
.dyn-tab.is-on{opacity:1;border-color:currentColor;box-shadow:inset 0 -2px 0 #2e9e86}
#dynTabOut.is-on{box-shadow:inset 0 -2px 0 #d96a88}
.dyn-list{max-height:252px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.dyn-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 6px;border-radius:7px}
.dyn-item:hover{background:rgba(128,128,128,.10)}
.dyn-main{display:flex;flex-direction:column;gap:1px;min-width:0}
.dyn-main b{font-size:12.5px;font-weight:600}
.dyn-main span{font-size:11px;color:var(--muted,#8a8f98);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dyn-date{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;opacity:.75;white-space:nowrap;padding-top:2px}
.dyn-tag{font-size:10px;color:#b97d2e;border:1px solid rgba(185,125,46,.5);border-radius:999px;padding:0 5px;margin-left:5px;white-space:nowrap;vertical-align:1px}
.dyn-empty{font-size:12px;color:var(--muted,#8a8f98);padding:6px}