.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:teal;--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 (width<=640px){.history-graph{--graph-lane-width:12px;--graph-dot-size:6px;--graph-main-dot-size:8px;--graph-content-gap:4px}}.history-graph{flex-direction:column;display:flex}.history-graph-row{min-height:var(--graph-row-min-height);align-items:stretch;display:flex}.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{align-items:center;width:100%;display:flex;position:relative}.history-graph-overlay-label{left:calc(var(--graph-lane-width) + 8px);position:absolute;top:50%;transform:translateY(-50%)}.history-graph-content{padding:8px 0 8px var(--graph-content-gap);flex:1;align-items:center;min-width:0;display:flex}.graph-vertical-line{pointer-events:none}.graph-dot{z-index:1;pointer-events:none}.graph-dot--event{transition:box-shadow .15s}.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:teal;--graph-content-gap:12px;align-items:stretch;display:flex}@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 (width<=640px){.history-graph-line-container{--graph-lane-width:12px;--graph-content-gap:4px}}.history-graph-line-extension{width:var(--graph-lane-width);flex-shrink:0;position:relative}.history-graph-line-extension:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.history-graph-line-container-content{min-width:0;padding-left:var(--graph-content-gap);flex:1;padding-top:16px;padding-bottom:8px}.history-graph-icon-container{--graph-lane-width:18px;--graph-line-width:2px;--graph-main-color:teal;--graph-content-gap:16px;--graph-icon-size:80px;--graph-icon-spacing:32px;flex-direction:column;display:flex}@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 (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{align-items:flex-start;display:flex}.history-graph-icon-area{width:var(--graph-icon-size);margin-left:calc(var(--graph-lane-width) / 2 - var(--graph-icon-size) / 2);flex-shrink:0;justify-content:center;display:flex;position:relative}.history-graph-icon{width:var(--graph-icon-size);height:var(--graph-icon-size);aspect-ratio:1;background:var(--graph-main-color);border:3px solid var(--graph-main-color);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.history-graph-icon img,.history-graph-icon svg{object-fit:cover;width:100%;height:100%}.history-graph-icon-container-title{min-width:0;height:var(--graph-icon-size);padding-left:var(--graph-content-gap);flex:1;align-items:center;display:flex}.history-graph-icon-subtitle{align-items:stretch;display:flex}.history-graph-icon-subtitle-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.history-graph-icon-subtitle-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.history-graph-icon-subtitle-content{min-width:0;padding-left:var(--graph-content-gap);flex:1;padding-top:8px}.history-graph-icon-body{align-items:stretch;display:flex}.history-graph-icon-body-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.history-graph-icon-body-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.history-graph-icon-body-content{min-width:0;padding-left:var(--graph-content-gap);flex:1;padding-top:8px}.history-graph-icon-spacer{height:var(--graph-icon-spacing);display:flex}.history-graph-icon-spacer-line{width:var(--graph-lane-width);flex-shrink:0;position:relative}.history-graph-icon-spacer-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0;bottom:0}.history-graph-end-container{--graph-lane-width:18px;--graph-line-width:2px;--graph-main-color:teal;--graph-main-dot-color:#666;--graph-end-height:32px;align-items:stretch;display:flex}@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 (width<=640px){.history-graph-end-container{--graph-lane-width:12px;--graph-end-height:24px}}.history-graph-end-line{width:var(--graph-lane-width);height:var(--graph-end-height);flex-shrink:0;position:relative}.history-graph-end-line:before{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);height:calc(var(--graph-end-height) - 6px);width:var(--graph-line-width);background:var(--graph-main-color);position:absolute;top:0}.history-graph-end-line:after{content:"";left:calc(var(--graph-lane-width) / 2 - 3px);background:var(--graph-main-color);border-radius:50%;width:6px;height:6px;position:absolute;bottom:0}.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:teal;--graph-dashed-height:32px;align-items:stretch;display:flex}@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 (width<=640px){.history-graph-dashed-container{--graph-lane-width:12px;--graph-dashed-height:24px}}.history-graph-dashed-line{width:var(--graph-lane-width);height:var(--graph-dashed-height);flex-shrink:0;position:relative}.history-graph-dashed-line:before{content:"";left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);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;position:absolute;top:0}.history-graph-dashed-container-content{flex:1;min-width:0}.event-item{--event-bg:#fff;--event-bg-hover:#fafbfc;--event-border:#e5e7eb;--event-text:#1f2937;--event-text-secondary:#6b7280;--event-text-tertiary:#6b7280;--event-link-hover:teal;--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{background:var(--event-bg);border:1px solid var(--event-border);border-radius:6px;flex-direction:column;gap:4px;width:calc(100% - 8px);padding:12px 16px;transition:background-color .15s,border-color .15s;display:flex;position:relative}@media (width<=640px){.event-item{gap:2px;padding:10px 12px}}@media (width>=641px){.event-item{max-width:600px}}.event-item:hover,.event-item:focus{background:var(--event-bg-hover);border-color:var(--accent-color,teal);outline:none}.event-item__header{font-family:var(--event-mono);font-size:var(--text-xs);color:var(--event-text-secondary);align-items:center;gap:8px;display:flex}.event-item__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.event-item__icon svg{width:16px;height:16px}.event-item__meta{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.event-item__meta-text{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .15s;overflow:hidden}a.event-item__meta-text:hover{color:var(--accent-color,var(--event-link-hover))}.event-item__timestamp{color:var(--event-text-tertiary);flex-shrink:0;margin-left:auto;font-size:11px}.event-item__title{font-family:var(--event-sans);color:var(--event-text);margin:0;font-size:15px;font-weight:600;line-height:1.4}.event-item__title a{color:inherit;text-decoration:none;transition:color .15s}.event-item__title a:hover{color:var(--accent-color,var(--event-link-hover))}.hatena-bookmark-count{vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex}.hatena-bookmark-count img{vertical-align:middle;height:13px}.event-item__body{flex-direction:row;gap:12px;display:flex}.event-item__body-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.event-item__summary{font-family:var(--event-sans);color:var(--event-text-secondary);word-break:break-word;margin:0;font-size:12px;line-height:1.5}@media (width<=640px){.event-item__summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.event-item__thumbnail{aspect-ratio:16/9;background:var(--event-tag-bg);border:1px solid var(--event-border);border-radius:4px;flex-shrink:0;width:120px;max-height:80px;overflow:hidden}@media (prefers-color-scheme:dark){.event-item__thumbnail{border-color:var(--event-border)}}@media (width<=640px){.event-item__thumbnail{width:64px}}.event-item__thumbnail img{object-fit:cover;width:100%;height:100%}.event-item__links{flex-direction:column;gap:2px;margin-top:4px;font-size:12px;line-height:1.5;display:flex}.event-item__link{width:fit-content;font-family:var(--event-mono);color:var(--event-text-secondary);align-items:flex-start;gap:4px;font-size:12px;line-height:1.5;text-decoration:none;transition:color .15s;display:inline-flex}.event-item__link svg{flex-shrink:0;margin-top:.25em}.event-item__link:hover{color:var(--accent-color,var(--event-link-hover))}.event-item__version{font-family:var(--event-mono);background:var(--event-tag-bg);color:var(--event-text-secondary);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.event-item__tags{flex-wrap:wrap;gap:4px;display:flex}.event-item__tag{font-family:var(--event-mono);background:var(--event-tag-bg);color:var(--event-tag-text);border-radius:4px;padding:2px 8px;font-size:11px;display:inline-block}.event-item--compact{gap:4px;padding:8px 12px}.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{font-family:var(--event-sans);color:var(--event-text-secondary);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.event-item__related>svg{flex-shrink:0}.event-item__related-links{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-item__related-links a{color:var(--event-text-secondary);text-decoration:none;transition:color .15s}.event-item__related-links a:hover{color:var(--accent-color,var(--event-link-hover))}