.sidebar{background-color:var(--color-surface);flex-direction:column;flex-shrink:0;width:240px;transition:width .2s;display:flex;overflow:hidden auto}.sidebar-top{flex:1}.sidebar-brand{flex-direction:row;align-items:center;gap:.5rem;padding:1.25rem 1.25rem .5rem;display:flex}.sidebar-brand-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex;overflow:hidden}.sidebar-brand-name{font-family:var(--font-display,"Noto Serif", serif);color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap;font-size:1.125rem;font-weight:600;line-height:1.2}.sidebar-brand-sub{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);opacity:.6;white-space:nowrap;font-size:.625rem;font-weight:700}.sidebar-collapse-btn{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{background-color:var(--color-surface-tonal);color:var(--color-text-primary)}.sidebar .sidebar-nav,.sidebar .navbar.sidebar-nav{box-sizing:border-box;background-color:transparent;border-radius:0;flex-direction:column;gap:2px;width:100%;padding:.625rem .5rem}.sidebar .sidebar-nav [role=menuitem]{border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar .sidebar-nav [role=menuitem]:hover:not([data-disabled=true]){background-color:var(--color-surface-tonal);color:var(--color-text-primary);outline:none}.sidebar .sidebar-nav [role=menuitem]:focus-visible{background-color:var(--color-surface-tonal);color:var(--color-text-primary);outline:none}.sidebar .sidebar-nav [role=menuitem][aria-current=page]{background-color:var(--color-surface-raised);color:var(--color-workspace-accent);box-shadow:inset -3px 0 0 var(--color-workspace-accent);border-radius:var(--radius-md) 0 0 var(--radius-md);margin-right:0;font-weight:600}.sidebar .sidebar-nav [role=menuitem][aria-current=page]:hover{background-color:var(--color-surface-raised)}.sidebar-timer{border-top:1px solid var(--color-border);padding:.625rem .5rem}.sidebar-timer>.button{border-radius:var(--radius-pill);justify-content:center;width:100%;font-size:.875rem}.sidebar-timer-running{background-color:var(--color-surface-raised);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .75rem;display:flex}.sidebar-timer-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.sidebar-timer-indicator{align-items:center;gap:.5rem;min-width:0;display:flex}.sidebar-timer-elapsed{color:var(--color-workspace-accent);font-variant-numeric:tabular-nums;padding-left:calc(7px + .5rem);font-size:.75rem;font-weight:600}.sidebar-timer-dot{background-color:var(--color-workspace-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}.sidebar-timer-label{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar-timer-running .button{flex-shrink:0;padding:.25rem .5rem;font-size:.75rem}.sidebar-footer{border-top:1px solid var(--color-border);padding:.625rem .5rem}.sidebar-footer .button{justify-content:flex-start;width:100%;font-size:.875rem}.sidebar--collapsed{width:60px}.sidebar--collapsed .sidebar-brand-text{display:none}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:.75rem 0}.sidebar--collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar--collapsed .sidebar-label,.sidebar--collapsed .sidebar-timer{display:none}.sidebar--collapsed .sidebar .sidebar-nav,.sidebar--collapsed .sidebar-nav,.sidebar--collapsed .navbar.sidebar-nav{padding:.625rem .375rem}.sidebar--collapsed .sidebar-nav [role=menuitem]{justify-content:center;gap:0;padding:.5rem}.sidebar--collapsed .sidebar-footer .button{justify-content:center;padding:.5rem}.sidebar-backdrop{display:none}@media (width<=767px){.sidebar{z-index:50;height:100dvh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px rgba(0,0,0,.12);width:240px!important}.sidebar--open{transform:translate(0)}.sidebar-collapse-btn{display:none}.sidebar--open .sidebar-label,.sidebar--open .sidebar-brand-text,.sidebar--open .sidebar-timer{display:revert}.sidebar-backdrop{z-index:40;cursor:pointer;background:rgba(0,0,0,.4);display:block;position:fixed;inset:0}.sidebar{z-index:50}}