@layer quartz-base{.history-container{align-items:center;margin-top:.25rem;display:inline-flex}.history-button{border:1px solid var(--lightgray);font-size:.85rem;font-family:var(--bodyFont);color:var(--darkgray);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .6rem;line-height:1;transition:all .2s;display:inline-flex}.history-button svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.history-button:hover{background:var(--highlight);border-color:var(--secondary);color:var(--secondary)}.history-drawer{z-index:1000;visibility:hidden;width:100vw;height:100vh;transition:visibility .3s;position:fixed;top:0;left:0}.history-drawer.visible{visibility:visible}.history-drawer.visible .history-drawer-overlay{opacity:1}.history-drawer.visible .history-drawer-content{transform:translate(0)}.history-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0006;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.history-drawer-content{background:var(--light);border-left:1px solid var(--lightgray);box-sizing:border-box;flex-direction:column;width:550px;max-width:100vw;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.history-drawer-header{border-bottom:1px solid var(--lightgray);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.history-drawer-header h3{font-size:1.2rem;font-family:var(--headerFont);color:var(--dark);margin:0}.history-drawer-close{color:var(--gray);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.25rem;line-height:1;transition:color .2s}.history-drawer-close:hover{color:var(--dark)}body.history-drawer-open{overflow:hidden!important}.history-timeline{flex:1;padding:1.5rem;overflow-y:auto}.history-loading,.history-error,.history-empty{color:var(--gray);font-family:var(--bodyFont);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.history-error{color:#ea4335}.timeline-container{border-left:2px solid var(--lightgray);margin-left:.75rem;padding-left:1.5rem;position:relative}.timeline-item{margin-bottom:2rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--lightgray);border:4px solid var(--light);box-sizing:content-box;border-radius:50%;width:10px;height:10px;transition:background-color .2s;position:absolute;top:6px;left:-29px}.timeline-item:hover .timeline-dot{background:var(--secondary)}.timeline-content{flex-direction:column;gap:.5rem;display:flex}.timeline-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.commit-subject{font-weight:600;font-family:var(--bodyFont);color:var(--dark);font-size:.95rem;line-height:1.4}.commit-hash{font-family:var(--codeFont);background:var(--highlight);color:var(--darkgray);border:1px solid var(--lightgray);white-space:nowrap;border-radius:4px;padding:.15rem .35rem;font-size:.75rem}.timeline-meta{color:var(--gray);font-size:.8rem;font-family:var(--bodyFont);gap:.75rem;display:flex}.commit-author{color:var(--darkgray);font-weight:500}.diff-toggle-btn{border:1px solid var(--lightgray);font-size:.75rem;font-family:var(--bodyFont);color:var(--gray);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;padding:.2rem .5rem;transition:all .2s}.diff-toggle-btn:hover{border-color:var(--secondary);color:var(--secondary);background:var(--highlight)}.diff-container{background:var(--light);box-sizing:border-box;border-radius:6px;max-height:0;transition:max-height .3s cubic-bezier(.16,1,.3,1),margin-top .3s;overflow:hidden}.diff-container.expanded{border:1px solid var(--lightgray);max-height:500px;margin-top:.5rem;overflow-y:auto}.diff-pre{font-family:var(--codeFont);background:0 0;margin:0;padding:.75rem;font-size:.75rem;line-height:1.5}.diff-line{white-space:pre-wrap;word-break:break-all;margin:0 -.25rem;padding:.05rem .25rem;display:block}.diff-line.diff-add{color:var(--dark);background-color:#2ea04326}.diff-line.diff-del{color:var(--dark);background-color:#f8514926}.diff-line.diff-hunk{color:var(--gray);background-color:#388bfd1a;font-weight:500}.diff-line.diff-ctx{color:var(--darkgray)}.diff-empty{color:var(--gray);font-style:italic}.page-header>.popover-hint{grid-template-columns:1fr auto;align-items:center;row-gap:.5rem;display:grid}.page-header>.popover-hint>*{grid-column:1/span 2}.page-header>.popover-hint>.content-meta{grid-column:1;margin:0}.page-header>.popover-hint>.history-container{grid-column:2;justify-self:end;margin:0}}