.archive-panel{--archive-indent: var(--space-5);--archive-chevron-size: .875rem;--archive-tab-index: 0;--archive-toolbar-size: calc(var(--control-size) - var(--space-4));--archive-tab-width: calc(var(--space-8) * 2 + var(--space-2));--archive-panel-duration: .4s;--archive-enter-duration: .32s;--archive-exit-duration: .14s;--archive-stagger: 28ms;--archive-ease: cubic-bezier(.22, 1, .36, 1);--archive-spring: cubic-bezier(.34, 1.56, .64, 1);--archive-surface: var(--btn-plain-bg-hover);--archive-line: color-mix(in oklab, var(--line-divider) 65%, transparent);position:relative;container-type:inline-size;min-width:0;margin-top:var(--space-6);color:var(--deep-text)}.archive-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:calc(var(--archive-toolbar-size) + var(--space-2));margin-bottom:var(--space-6)}.archive-panel:not([data-enhanced]) .archive-panel__toolbar{visibility:hidden}.archive-panel__breadcrumb{display:flex;flex:1;align-items:center;gap:var(--space-2);min-width:0;padding-left:var(--space-3);font-size:.875rem;line-height:1.5}.archive-panel__breadcrumb-root{flex-shrink:0;color:var(--content-meta);text-decoration:none;transition:color .18s ease}.archive-panel__breadcrumb-root:hover{color:var(--deep-text)}.archive-panel__breadcrumb svg{flex-shrink:0;color:var(--content-meta)}.archive-panel__breadcrumb-current{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;font-weight:550}.archive-panel__breadcrumb-current>[data-archive-current-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-panel__summary-count{flex-shrink:0;color:var(--content-meta);font-size:.75rem;font-weight:400;font-variant-numeric:tabular-nums}.archive-panel__actions{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--space-2)}.archive-panel__switcher{display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-full);background:var(--archive-surface)}.archive-panel__switcher-options{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--archive-panel-duration) var(--archive-spring)}.archive-panel__switcher-clip{min-width:0;overflow:hidden;visibility:hidden;transition:visibility 0s var(--archive-panel-duration)}.archive-panel__switcher[data-open] .archive-panel__switcher-options{grid-template-columns:1fr}.archive-panel__switcher[data-open] .archive-panel__switcher-clip{visibility:visible;transition-delay:0s}.archive-panel__tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,var(--archive-tab-width));opacity:0;transform:translate(var(--space-3)) scale(.96);transform-origin:right center;transition:opacity var(--archive-exit-duration) ease,transform var(--archive-panel-duration) var(--archive-spring)}.archive-panel__switcher[data-open] .archive-panel__tabs{opacity:1;transform:none}.archive-panel__tab-indicator{position:absolute;inset-block:0;left:0;z-index:-1;width:var(--archive-tab-width);border-radius:var(--radius-full);background:var(--page-bg);box-shadow:0 1px var(--space-1) color-mix(in oklab,var(--deep-text) 6%,transparent);transform:translate(calc(var(--archive-tab-index) * 100%));transition:transform var(--archive-panel-duration) var(--archive-spring)}.archive-panel__tab,.archive-panel__switch-trigger,.archive-panel__bulk{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--archive-toolbar-size);border:0;border-radius:var(--radius-full);background:transparent;color:var(--content-meta);font:inherit;font-size:.75rem;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .18s ease,background-color .18s ease,transform var(--archive-enter-duration) var(--archive-spring)}.archive-panel__tab{gap:var(--space-1);min-width:0;padding-inline:var(--space-2)}.archive-panel__tab>svg{flex-shrink:0}.archive-panel__tab>span{overflow:hidden;text-overflow:ellipsis}.archive-panel__tab[aria-selected=true],.archive-panel__tab:hover{color:var(--deep-text)}.archive-panel__switch-trigger{flex-shrink:0;min-width:var(--archive-toolbar-size);padding-inline:var(--space-3);color:var(--deep-text);transition:gap var(--archive-panel-duration) var(--archive-spring),padding var(--archive-panel-duration) var(--archive-spring),background-color .18s ease}.archive-panel__switch-label{display:grid;grid-template-columns:1fr;opacity:1;transition:grid-template-columns var(--archive-panel-duration) var(--archive-spring),opacity var(--archive-exit-duration) ease}.archive-panel__switch-label>span{min-width:0;overflow:hidden}.archive-panel__switch-trigger>svg{flex-shrink:0;transition:rotate var(--archive-panel-duration) var(--archive-spring)}.archive-panel__switcher[data-open] .archive-panel__switch-label{grid-template-columns:0fr;opacity:0}.archive-panel__switcher[data-open] .archive-panel__switch-trigger{gap:0;padding-inline:var(--space-2)}.archive-panel__switcher[data-open] .archive-panel__switch-trigger>svg{rotate:-15deg}.archive-panel__switch-trigger:hover{background:color-mix(in oklab,var(--deep-text) 5%,transparent)}.archive-panel__switcher[data-pinned] .archive-panel__switch-trigger{background:color-mix(in oklab,var(--deep-text) 7%,transparent);box-shadow:inset 0 0 0 1px var(--archive-line)}.archive-panel__switcher[data-pinned] .archive-panel__switch-trigger>svg{rotate:0deg}.archive-panel__bulk{min-height:calc(var(--archive-toolbar-size) + var(--space-2));padding-inline:var(--space-3);background:color-mix(in oklab,var(--archive-surface) 65%,transparent)}.archive-panel__tab:active,.archive-panel__bulk:active{transform:scale(.95)}.archive-panel__bulk:hover{background:var(--archive-surface);color:var(--deep-text)}.archive-panel__bulk:disabled{cursor:default;opacity:.45}.archive-panel__bulk svg{transition:rotate var(--archive-enter-duration) var(--archive-spring)}.archive-panel__bulk:not([data-all-open]) svg{rotate:180deg}.archive-panel :where(button,a,[role=tabpanel]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.archive-panel .archive-panel__row:focus-visible,.archive-panel .archive-panel__tab:focus-visible{outline-offset:-2px}.archive-panel__breadcrumb-term{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--deep-text);font-weight:400}.archive-panel__breadcrumb-term[hidden]{display:none}.archive-panel__breadcrumb-term>:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-panel__view{min-width:0;border-radius:var(--radius-medium)}.archive-panel[data-enhanced] .archive-panel__view:not([hidden]){animation:archive-view-enter .24s var(--archive-ease) backwards}.archive-panel__tree{position:relative;isolation:isolate}.archive-panel__highlight{position:absolute;inset:0 auto auto 0;z-index:-1;border-radius:var(--radius-medium);background:var(--archive-surface);opacity:0;pointer-events:none;transition:transform var(--archive-enter-duration) var(--archive-ease),width var(--archive-enter-duration) var(--archive-ease),height var(--archive-enter-duration) var(--archive-ease),opacity var(--archive-exit-duration) ease}.archive-panel__tree[data-highlighted]>.archive-panel__highlight{opacity:1}.archive-panel__list{list-style:none;margin:0;padding:0;min-width:0}.archive-panel__list .archive-panel__list{margin-left:var(--archive-indent)}.archive-panel__group{--archive-row-height: var(--control-size);position:relative;min-width:0}.archive-panel__list[data-depth="0"]>.archive-panel__group{--archive-row-height: calc(var(--control-size) + var(--space-3))}.archive-panel__group:before{content:"";position:absolute;top:calc(var(--archive-row-height) / 2);bottom:var(--space-3);left:calc(var(--space-3) + var(--archive-chevron-size) / 2);width:1px;background:var(--archive-line);border-radius:var(--radius-full);pointer-events:none;transition:transform var(--archive-panel-duration) var(--archive-ease)}.archive-panel__group:not([data-open]):before{transform:scaleY(0);transform-origin:top}.archive-panel__list[data-depth="0"]>.archive-panel__group+.archive-panel__group{margin-top:var(--space-2)}.archive-panel__heading{margin:0;font:inherit}.archive-panel__row{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--control-size);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-medium);background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--archive-exit-duration) ease}.archive-panel__row:active{background:var(--btn-plain-bg-active)}@media(hover:hover){.archive-panel__tree:not([data-highlighted]) .archive-panel__row:hover{background:var(--archive-surface)}}.archive-panel__group-toggle{gap:var(--space-2)}.archive-panel__chevron{flex-shrink:0;color:var(--content-meta);transition:rotate var(--archive-enter-duration) var(--archive-spring)}.archive-panel__group[data-open]>.archive-panel__heading .archive-panel__chevron{rotate:90deg}.archive-panel__folder{position:relative;display:grid;flex:0 0 1.125rem;width:1.125rem;height:1.125rem;margin-right:var(--space-1);color:var(--content-meta)}.archive-panel__folder svg{grid-area:1 / 1;transition:opacity var(--archive-exit-duration) ease,transform var(--archive-enter-duration) var(--archive-spring),filter var(--archive-exit-duration) ease}.archive-panel__folder-open{opacity:0;transform:scale(.6);filter:blur(2px)}.archive-panel__group[data-open]>.archive-panel__heading .archive-panel__folder-open{opacity:1;transform:scale(1);filter:none}.archive-panel__group[data-open]>.archive-panel__heading .archive-panel__folder-closed{opacity:0;transform:scale(.6);filter:blur(2px)}.archive-panel__group-name{min-width:0;font-size:.9375rem;font-weight:550;overflow-wrap:anywhere}.archive-panel__list[data-depth="0"]>.archive-panel__group>.archive-panel__heading .archive-panel__group-toggle{min-height:calc(var(--control-size) + var(--space-3))}.archive-panel__list[data-depth="0"]>.archive-panel__group>.archive-panel__heading .archive-panel__group-name{font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.archive-panel__view[data-archive-view=time]>.archive-panel__tree>.archive-panel__list>.archive-panel__group>.archive-panel__heading .archive-panel__group-name{font-size:1.5rem;font-variant-numeric:tabular-nums}.archive-panel__group-rule{flex:1;min-width:var(--space-3)}.archive-panel__count{flex-shrink:0;min-width:var(--space-8);padding:var(--space-1) var(--space-2);border:1px solid var(--archive-line);border-radius:var(--radius-small);color:var(--content-meta);font-family:JetBrains Mono Variable,monospace;font-size:.6875rem;line-height:1.25;text-align:center;font-variant-numeric:tabular-nums}.archive-panel__content{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--archive-panel-duration) var(--archive-ease)}.archive-panel__content-inner{min-height:0;overflow:hidden;opacity:1;transform:none;transition:opacity .22s ease 40ms,transform var(--archive-enter-duration) var(--archive-ease) 40ms,visibility 0s}.archive-panel[data-enhanced] .archive-panel__group:not([data-open])>.archive-panel__content{grid-template-rows:0fr}.archive-panel[data-enhanced] .archive-panel__group:not([data-open])>.archive-panel__content>.archive-panel__content-inner{opacity:0;transform:translate(-4px);visibility:hidden;transition:opacity var(--archive-exit-duration) ease,transform var(--archive-exit-duration) ease,visibility 0s var(--archive-panel-duration)}.archive-panel__group[data-entering]>.archive-panel__content>.archive-panel__content-inner>.archive-panel__list>li{animation:archive-row-enter var(--archive-enter-duration) var(--archive-ease) calc(var(--archive-order) * var(--archive-stagger) + 40ms) backwards}.archive-panel__spine-focus{--archive-spine-focus-width: 3px;position:absolute;top:0;left:0;z-index:1;width:var(--archive-spine-focus-width);margin-left:calc(var(--archive-spine-focus-width) / -2);border-radius:var(--radius-full);background:var(--primary);opacity:0;pointer-events:none;transition:transform var(--archive-enter-duration) var(--archive-ease),height var(--archive-enter-duration) var(--archive-ease),opacity var(--archive-exit-duration) ease}.archive-panel__tree[data-highlighted]>.archive-panel__spine-focus{opacity:1}.archive-panel__post-link{min-height:calc(var(--control-size) + var(--space-5));padding-block:var(--space-3)}.archive-panel__post-copy{flex:1;min-width:0}.archive-panel__title{display:block;font-size:.9375rem;font-weight:500;line-height:1.65;overflow-wrap:anywhere;text-wrap:pretty;transition:translate .22s var(--archive-ease)}.archive-panel__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-1);color:var(--content-meta);font-size:.75rem;line-height:1.6}.archive-panel__category{white-space:nowrap}.archive-panel__category,.archive-panel__group--category>.archive-panel__heading .archive-panel__group-name,.archive-panel__group--category>.archive-panel__heading .archive-panel__folder{color:oklch(var(--article-category-lightness) var(--article-category-chroma) var(--article-category-hue))}.archive-panel__tags{overflow-wrap:anywhere}.archive-panel__tags--narrow{display:none}.archive-panel__date{flex-shrink:0;align-self:flex-start;margin-top:var(--space-1);color:var(--content-meta);font-family:JetBrains Mono Variable,monospace;font-size:.75rem;line-height:1.65;font-variant-numeric:tabular-nums}.archive-panel__post-arrow{flex-shrink:0;color:var(--content-meta);opacity:0;transform:translate(-3px,3px);transition:opacity .18s ease,transform .24s var(--archive-ease)}.archive-panel__post-link:is(:hover,:focus-visible) .archive-panel__post-arrow{opacity:1;transform:none}.archive-panel__post-link:is(:hover,:focus-visible) .archive-panel__title{translate:var(--space-1) 0}.archive-panel__empty{padding:var(--space-8) var(--space-3);color:var(--content-meta);font-size:.875rem}@keyframes archive-view-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes archive-row-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media(max-width:768px){.archive-panel{--archive-indent: var(--space-4)}.archive-panel__breadcrumb{display:none}.archive-panel__toolbar{gap:var(--space-2);justify-content:flex-end;margin-bottom:var(--space-5)}.archive-panel__row{gap:var(--space-2);padding-inline:var(--space-2)}.archive-panel__group:before{left:calc(var(--space-2) + var(--archive-chevron-size) / 2)}.archive-panel__title{font-size:.875rem}.archive-panel__post-arrow{display:none}.archive-panel__date{font-size:.6875rem}.archive-panel__post-link{align-items:flex-start}.archive-panel__meta{gap:var(--space-1) var(--space-2)}.archive-panel__tags--wide{display:none}.archive-panel__tags--narrow{display:inline}}@media(max-width:480px){.archive-panel__post-link{display:grid;grid-template-columns:auto minmax(0,1fr)}.archive-panel__count{min-width:auto}}@container (max-width: 40rem){.archive-panel__toolbar{flex-wrap:wrap;row-gap:var(--space-3)}.archive-panel__breadcrumb{flex-basis:100%}.archive-panel__actions{margin-left:auto}}@container (max-width: 28rem){.archive-panel__actions{--archive-tab-width: calc(var(--space-8) + var(--space-6))}.archive-panel__tab>svg{display:none}}@container (max-width: 24rem){.archive-panel__actions{--archive-tab-width: calc(var(--space-8) + var(--space-4))}.archive-panel__bulk{min-width:calc(var(--archive-toolbar-size) + var(--space-2));padding-inline:var(--space-2)}.archive-panel__bulk>span{display:none}}@media(pointer:coarse){.archive-panel{--archive-toolbar-size: calc(var(--control-size) - var(--space-2))}}@media(prefers-reduced-motion:reduce){.archive-panel *,.archive-panel *:before,.archive-panel *:after{animation:none!important;transition:none!important}.archive-panel__post-link:is(:hover,:focus-visible) .archive-panel__title{translate:none}}.archive-stats{margin:0 0 1.25rem;padding:0 .25rem;color:var(--deep-text)}.archive-stats__grid{display:flex;width:max-content;max-width:100%;gap:1.5rem}.archive-stats__metric{flex:0 0 6rem;min-width:0}.archive-stats__value{display:block;min-height:2.2rem;font-size:2rem;font-weight:400;line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums}.archive-stats__label,.archive-stats__goal{display:block;line-height:1.45;text-wrap:balance;overflow-wrap:anywhere}.archive-stats__label{margin-top:.55rem;font-size:.85rem;color:color-mix(in oklch,var(--deep-text) 58%,transparent)}.archive-stats__goal{margin-top:.15rem;font-size:.72rem;color:color-mix(in oklch,var(--deep-text) 42%,transparent)}.archive-stats__evaluation{margin:1rem 0 0;font-size:.82rem;line-height:1.7;color:color-mix(in oklch,var(--deep-text) 52%,transparent)}@media(max-width:768px){.archive-stats{margin-bottom:1rem;padding-inline:0}.archive-stats__grid{gap:.75rem}.archive-stats__metric{flex-basis:5rem}.archive-stats__value{font-size:1.45rem}.archive-stats__label{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.archive-stats__value{transition:none}}
