.history-graph{--graph-lane-width: 18px;--graph-row-min-height: 48px;--graph-dot-size: 10px;--graph-main-dot-size: 12px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-main-dot-color: #666;--graph-content-gap: 12px}@media(prefers-color-scheme:dark){.history-graph{--graph-main-color: #20b2aa;--graph-main-dot-color: #9ca3af}}.history-graph--dark .history-graph{--graph-main-color: #20b2aa;--graph-main-dot-color: #9ca3af}@media(max-width:640px){.history-graph{--graph-lane-width: 12px;--graph-dot-size: 6px;--graph-main-dot-size: 8px;--graph-content-gap: 4px}}.history-graph{display:flex;flex-direction:column}.history-graph-row{display:flex;align-items:stretch;min-height:var(--graph-row-min-height)}.graph-row-container{align-self:stretch}.history-graph-row--branch,.history-graph-row--merge,.history-graph-row--node{min-height:24px}.history-graph-row--with-separator{min-height:48px}.history-graph-row--event:has(+:is(.history-graph-row--merge,.history-graph-row--node):not(.history-graph-row--with-separator)) .history-graph-content{padding-bottom:4px}:is(.history-graph-row--merge:not(.history-graph-row--with-separator),.history-graph-row--node:not(.history-graph-row--with-separator))+.history-graph-row--event .history-graph-content{padding-top:4px}.history-graph-row-overlay{position:relative;display:flex;align-items:center;width:100%}.history-graph-overlay-label{position:absolute;left:calc(var(--graph-lane-width) + 8px);top:50%;transform:translateY(-50%)}.history-graph-content{flex:1;display:flex;align-items:center;padding:8px 0 8px var(--graph-content-gap);min-width:0}.graph-vertical-line{pointer-events:none}.graph-dot{z-index:1;pointer-events:none}.graph-dot--event{transition:box-shadow .15s ease}.history-graph-row:focus-within .graph-dot--event{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--dot-color)}@media(prefers-color-scheme:dark){.history-graph-row:focus-within .graph-dot--event{box-shadow:0 0 0 3px #1a1a1ae6,0 0 0 5px var(--dot-color)}}.history-graph-line-container{--graph-lane-width: 18px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-content-gap: 12px;display:flex;align-items:stretch}@media(prefers-color-scheme:dark){.history-graph-line-container{--graph-main-color: #20b2aa}}.history-graph--dark .history-graph-line-container{--graph-main-color: #20b2aa}@media(max-width:640px){.history-graph-line-container{--graph-lane-width: 12px;--graph-content-gap: 4px}}.history-graph-line-extension{flex-shrink:0;width:var(--graph-lane-width);position:relative}.history-graph-line-extension:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.history-graph-line-container-content{flex:1;min-width:0;padding-left:var(--graph-content-gap);padding-top:16px;padding-bottom:8px}.history-graph-icon-container{--graph-lane-width: 18px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-content-gap: 16px;--graph-icon-size: 80px;--graph-icon-spacing: 32px;display:flex;flex-direction:column}@media(prefers-color-scheme:dark){.history-graph-icon-container{--graph-main-color: #20b2aa}}.history-graph--dark .history-graph-icon-container{--graph-main-color: #20b2aa}@media(max-width:640px){.history-graph-icon-container{--graph-lane-width: 12px;--graph-content-gap: 12px;--graph-icon-size: 56px;--graph-icon-spacing: 24px}}.history-graph-icon-main{display:flex;align-items:flex-start}.history-graph-icon-area{flex-shrink:0;width:var(--graph-icon-size);display:flex;justify-content:center;position:relative;margin-left:calc(var(--graph-lane-width) / 2 - var(--graph-icon-size) / 2)}.history-graph-icon{width:var(--graph-icon-size);height:var(--graph-icon-size);aspect-ratio:1 / 1;border-radius:50%;background:var(--graph-main-color);border:3px solid var(--graph-main-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1}.history-graph-icon img,.history-graph-icon svg{width:100%;height:100%;object-fit:cover}.history-graph-icon-container-title{flex:1;min-width:0;height:var(--graph-icon-size);padding-left:var(--graph-content-gap);display:flex;align-items:center}.history-graph-icon-subtitle{display:flex;align-items:stretch}.history-graph-icon-subtitle-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.history-graph-icon-subtitle-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.history-graph-icon-subtitle-content{flex:1;min-width:0;padding-left:var(--graph-content-gap);padding-top:8px}.history-graph-icon-body{display:flex;align-items:stretch}.history-graph-icon-body-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.history-graph-icon-body-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.history-graph-icon-body-content{flex:1;min-width:0;padding-left:var(--graph-content-gap);padding-top:8px}.history-graph-icon-spacer{display:flex;height:var(--graph-icon-spacing)}.history-graph-icon-spacer-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.history-graph-icon-spacer-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.history-graph-end-container{--graph-lane-width: 18px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-main-dot-color: #666;--graph-end-height: 32px;display:flex;align-items:stretch}@media(prefers-color-scheme:dark){.history-graph-end-container{--graph-main-color: #20b2aa}}.history-graph--dark .history-graph-end-container{--graph-main-color: #20b2aa}@media(max-width:640px){.history-graph-end-container{--graph-lane-width: 12px;--graph-end-height: 24px}}.history-graph-end-line{flex-shrink:0;width:var(--graph-lane-width);height:var(--graph-end-height);position:relative}.history-graph-end-line:before{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;height:calc(var(--graph-end-height) - 6px);width:var(--graph-line-width);background:var(--graph-main-color)}.history-graph-end-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - 3px);bottom:0;width:6px;height:6px;border-radius:50%;background:var(--graph-main-color)}.history-graph-end-container-content{flex:1;min-width:0}.history-graph-dashed-container{--graph-lane-width: 18px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-dashed-height: 32px;display:flex;align-items:stretch}@media(prefers-color-scheme:dark){.history-graph-dashed-container{--graph-main-color: #20b2aa}}.history-graph--dark .history-graph-dashed-container{--graph-main-color: #20b2aa}@media(max-width:640px){.history-graph-dashed-container{--graph-lane-width: 12px;--graph-dashed-height: 24px}}.history-graph-dashed-line{flex-shrink:0;width:var(--graph-lane-width);height:var(--graph-dashed-height);position:relative}.history-graph-dashed-line:before{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;height:100%;width:var(--graph-line-width);background-image:linear-gradient(to bottom,var(--graph-main-color) 60%,transparent 60%);background-size:var(--graph-line-width) 8px;background-repeat:repeat-y}.history-graph-dashed-container-content{flex:1;min-width:0}.event-item{--event-bg: #ffffff;--event-bg-hover: #fafbfc;--event-border: #e5e7eb;--event-text: #1f2937;--event-text-secondary: #6b7280;--event-text-tertiary: #6b7280;--event-link-hover: #008080;--event-tag-bg: #f3f4f6;--event-tag-text: #4b5563;--event-mono: ui-monospace, "SF Mono", Consolas, monospace;--event-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){.event-item{--event-bg: #161b22;--event-bg-hover: #1c2128;--event-border: #30363d;--event-text: #e6edf3;--event-text-secondary: #8b949e;--event-text-tertiary: #8b949e;--event-link-hover: #20b2aa;--event-tag-bg: #21262d;--event-tag-text: #8b949e}}.event-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--event-bg);border-radius:6px;border:1px solid var(--event-border);transition:background-color .15s ease,border-color .15s ease;width:calc(100% - 8px)}@media(max-width:640px){.event-item{padding:10px 12px;gap:2px}}@media(min-width:641px){.event-item{max-width:600px}}.event-item:hover,.event-item:focus{background:var(--event-bg-hover);border-color:var(--accent-color, #008080);outline:none}.event-item__header{display:flex;align-items:center;gap:8px;font-family:var(--event-mono);font-size:var(--text-xs);color:var(--event-text-secondary)}.event-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.event-item__icon svg{width:16px;height:16px}.event-item__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.event-item__meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .15s ease}a.event-item__meta-text:hover{color:var(--accent-color, var(--event-link-hover))}.event-item__timestamp{margin-left:auto;flex-shrink:0;font-size:11px;color:var(--event-text-tertiary)}.event-item__title{font-family:var(--event-sans);font-size:15px;font-weight:600;line-height:1.4;color:var(--event-text);margin:0}.event-item__title a{color:inherit;text-decoration:none;transition:color .15s ease}.event-item__title a:hover{color:var(--accent-color, var(--event-link-hover))}.hatena-bookmark-count{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px}.hatena-bookmark-count img{height:13px;vertical-align:middle}.event-item__body{display:flex;flex-direction:row;gap:12px}.event-item__body-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.event-item__summary{margin:0;font-family:var(--event-sans);font-size:12px;line-height:1.5;color:var(--event-text-secondary);word-break:break-word}@media(max-width:640px){.event-item__summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}.event-item__thumbnail{flex-shrink:0;width:120px;max-height:80px;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:var(--event-tag-bg);border:1px solid var(--event-border)}@media(prefers-color-scheme:dark){.event-item__thumbnail{border-color:var(--event-border)}}@media(max-width:640px){.event-item__thumbnail{width:64px}}.event-item__thumbnail img{width:100%;height:100%;object-fit:cover}.event-item__links{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:12px;line-height:1.5}.event-item__link{display:inline-flex;align-items:flex-start;gap:4px;width:fit-content;font-family:var(--event-mono);font-size:12px;line-height:1.5;color:var(--event-text-secondary);text-decoration:none;transition:color .15s ease}.event-item__link svg{flex-shrink:0;margin-top:.15em}.event-item__link:hover{color:var(--accent-color, var(--event-link-hover))}.event-item__version{display:inline-block;padding:1px 6px;font-family:var(--event-mono);font-size:11px;font-weight:500;background:var(--event-tag-bg);color:var(--event-text-secondary);border-radius:4px}.event-item__tags{display:flex;flex-wrap:wrap;gap:4px}.event-item__tag{display:inline-block;padding:2px 8px;font-family:var(--event-mono);font-size:11px;background:var(--event-tag-bg);color:var(--event-tag-text);border-radius:4px}.event-item--compact{padding:8px 12px;gap:4px}.event-item--compact .event-item__header{font-size:11px}.event-item--compact .event-item__title{font-size:14px}.event-item--compact .event-item__tags{display:none}.event-item__related{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--event-sans);font-size:12px;color:var(--event-text-secondary)}.event-item__related>svg{flex-shrink:0}.event-item__related-links{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-item__related-links a{color:var(--event-text-secondary);text-decoration:none;transition:color .15s ease}.event-item__related-links a:hover{color:var(--accent-color, var(--event-link-hover))}