:root{--height-row:44px;--spacing-card:22px;--spacing-page:36px;--width-sidebar:248px;--shadow-card:0 1px 3px rgba(0,0,0,.5);--shadow-raised:0 4px 16px rgba(0,0,0,.6);--transition-fast:.1s ease-out;--transition-normal:.15s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.87, 0, .13, 1);--color-workspace-accent:var(--color-accent)}@supports (scrollbar-width:auto){:not(:hover){scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--color-border-strong) transparent}}.island{background-color:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.island-header{justify-content:space-between;align-items:center;display:flex}.island-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-subtle-foreground);font-size:.6875rem;font-weight:700}.tag-pill{border-radius:var(--radius-full);background-color:var(--color-surface-tonal);color:var(--color-muted-foreground);cursor:pointer;border:1px solid transparent;align-items:center;padding:2px 10px;font-size:.75rem;transition:background-color .12s,border-color .12s;display:inline-flex}.tag-pill:hover{background-color:var(--color-surface-raised);border-color:var(--color-border)}.tag-pill--active{background-color:var(--color-accent-tint);color:var(--color-accent-hover);border-color:var(--color-accent-tint-strong)}.tab-pill{border-radius:var(--radius-full);color:var(--color-muted-foreground);cursor:pointer;background-color:transparent;border:1px solid transparent;align-items:center;padding:2px 10px;font-size:.75rem;transition:background-color .12s,border-color .12s;display:inline-flex}.tab-pill:hover{background-color:var(--color-surface-tonal);border-color:var(--color-border)}.tab-pill--active{background-color:var(--color-surface-tonal);color:var(--color-foreground);border-color:var(--color-border);font-weight:500}.timer-dot{background-color:var(--color-accent-hover);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite timer-pulse;display:inline-block;position:relative}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.35}}.zk-color-swatch{cursor:pointer;border:2px solid transparent;border-radius:5px;flex-shrink:0;width:22px;height:22px;transition:transform .1s,border-color .1s}.zk-color-swatch:hover{transform:scale(1.12)}.zk-color-swatch[data-selected=true]{border-color:var(--color-foreground)}.zk-activity-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.zk-entry-color{border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}html[data-theme=light]{--color-background:#fafaf5;--color-surface:#f4f4ef;--color-surface-raised:#fff;--color-surface-tonal:#eeeee9;--color-foreground:#1a1c19;--color-muted-foreground:#5c6057;--color-subtle-foreground:#7a7e79;--color-faint-foreground:#a0a49f;--color-border:#d5d8d0;--color-border-soft:#e4e8df;--color-border-strong:#bfcaba;--color-accent:#16a34a;--color-accent-hover:#15803d;--color-accent-tint:rgba(22,163,74,.1);--color-accent-tint-strong:rgba(22,163,74,.18);--color-accent-foreground:#fff;--color-accent-ring:rgba(22,163,74,.3);--color-danger:#dc2626;--color-danger-tint:rgba(220,38,38,.1);--color-warning:#d97706;--color-info:#2563eb;--shadow-card:0 1px 3px rgba(0,0,0,.08);--shadow-raised:0 4px 16px rgba(0,0,0,.12)}@media (prefers-color-scheme:light){html:not([data-theme]){--color-background:#fafaf5;--color-surface:#f4f4ef;--color-surface-raised:#fff;--color-surface-tonal:#eeeee9;--color-foreground:#1a1c19;--color-muted-foreground:#5c6057;--color-subtle-foreground:#7a7e79;--color-faint-foreground:#a0a49f;--color-border:#d5d8d0;--color-border-soft:#e4e8df;--color-border-strong:#bfcaba;--color-accent:#16a34a;--color-accent-hover:#15803d;--color-accent-tint:rgba(22,163,74,.1);--color-accent-tint-strong:rgba(22,163,74,.18);--color-accent-foreground:#fff;--color-accent-ring:rgba(22,163,74,.3);--color-danger:#dc2626;--color-danger-tint:rgba(220,38,38,.1);--color-warning:#d97706;--color-info:#2563eb;--shadow-card:0 1px 3px rgba(0,0,0,.08);--shadow-raised:0 4px 16px rgba(0,0,0,.12)}}