.lr-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 960px; margin: 0 auto; padding: 2rem 1.5rem; }

.lr-switcher { position: fixed; bottom: 24px; left: 24px; z-index: 9999; }
.lr-sw-toggle { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 14px; cursor: pointer; font-size: 13px; font-weight: 600; color: #1a202c; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.lr-sw-toggle:hover { background: #f7fafc; }
.lr-sw-chevron { font-size: 10px; opacity: .5; transition: transform .2s; }
.lr-switcher.open .lr-sw-chevron { transform: rotate(180deg); }
.lr-sw-menu { display: none; flex-direction: column; position: absolute; bottom: calc(100% + 6px); left: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.15); min-width: 160px; }
.lr-switcher.open .lr-sw-menu { display: flex; }
.lr-sw-menu a { display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: #1a202c; text-decoration: none; font-size: 13px; transition: background .15s; }
.lr-sw-menu a:hover { background: #f7fafc; }
.lr-sw-menu a.lr-active { color: #0f766e; font-weight: 700; }

.lr-timeline { position: relative; padding-left: 36px; }
.lr-timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #e2e8f0; }

.lr-year-block { margin-bottom: 2.5rem; }
.lr-year-marker { display: flex; align-items: center; gap: 14px; margin-bottom: 1.5rem; position: relative; }
.lr-year-dot { position: absolute; left: -36px; top: 50%; width: 20px; height: 20px; background: #0d9488; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px #0d9488; z-index: 1; transform: translate(-50%, -50%); }
.lr-year-label { font-size: 1.6rem; font-weight: 700; color: #1a202c; }

.lr-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 1rem; position: relative; }
.lr-card::before { content: ''; position: absolute; left: -36px; top: 22px; width: 12px; height: 12px; background: #fff; border: 2px solid #0d9488; border-radius: 50%; z-index: 1; transform: translateX(-50%); }
.lr-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.lr-card-version { font-size: .95rem; font-weight: 700; color: #1a202c; }
.lr-card-date { font-size: .8rem; color: #94a3b8; }

.lr-group { display: grid; grid-template-columns: 110px 1fr; gap: .5rem; margin-bottom: .75rem; align-items: start; }
.lr-group:last-child { margin-bottom: 0; }
.lr-badge { display: inline-block; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 10px; border-radius: 5px; margin-top: 3px; }
.lr-added    .lr-badge { background: #ccfbf1; color: #0f766e; }
.lr-improved .lr-badge { background: #dbeafe; color: #1d4ed8; }
.lr-fixed    .lr-badge { background: #fef9c3; color: #854d0e; }
.lr-updated  .lr-badge { background: #ffedd5; color: #9a3412; }
.lr-removed  .lr-badge { background: #f1f5f9; color: #64748b; }

.lr-notes-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .35rem; }
.lr-notes-list li { font-size: .875rem; color: #374151; line-height: 1.5; padding-left: 1.25rem; position: relative; }
.lr-notes-list li::before { content: '•'; position: absolute; left: 0; font-weight: 700; }

.lr-added    .lr-notes-list li::before { color: #0f766e; }
.lr-improved .lr-notes-list li::before { color: #1d4ed8; }
.lr-fixed    .lr-notes-list li::before { color: #854d0e; }
.lr-updated  .lr-notes-list li::before { color: #9a3412; }
.lr-removed  .lr-notes-list li::before { color: #64748b; }