.app-shell{--sidebar-width:224px;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns var(--duration-slow) var(--ease-standard);display:grid}.app-shell--collapsed{--sidebar-width:56px;grid-template-columns:var(--sidebar-width) 1fr}.app-shell:not(.app-shell--collapsed) .collapsed-only,.app-shell--collapsed .sidebar-collapsible{display:none!important}.sb-toggle:hover{color:var(--text-primary);background:var(--surface-sunken)}.nav-link:hover{background:var(--surface-sunken);color:var(--text-primary)}.sb-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;place-items:center;display:grid}.sb-icon-btn:hover{background:var(--surface-sunken);color:var(--text-primary)}.sb-icon-btn.active{background:var(--accent-amber-soft);color:var(--accent-amber)}.sb-sep{background:var(--border-subtle);width:20px;height:1px}.theme-mini{background:var(--surface-sunken);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--border-subtle);padding:2px;display:flex}.theme-mini-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex:1;font-size:11px}.theme-mini-btn.on{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-xs)}.as-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:var(--border-thin) solid var(--border-subtle);flex-shrink:0;display:flex}.as-brand-mark{background:var(--accent-amber-soft);border:1px solid color-mix(in oklab, var(--accent-amber) 28%, transparent);width:30px;height:30px;font-family:var(--font-display);color:var(--accent-amber);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-style:italic;display:flex}.as-brand-full{flex-direction:column;display:flex}.as-brand-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1}.as-brand-tag{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-top:2px;font-size:9px}.as-nav{padding:var(--space-3) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.as-nav-section{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-3) var(--space-2);font-size:8px}.as-link{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);font-size:13.5px;display:flex}.as-link:hover{background:var(--surface-sunken);color:var(--text-primary)}.as-link.active{background:var(--accent-amber-soft);color:var(--accent-amber)}.as-link-icon{background:var(--border-subtle);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.as-link.active .as-link-icon{background:color-mix(in oklab, var(--accent-amber) 30%, transparent)}@media (width<=1023px){.as-link--desktop-only{display:none!important}}@media (width>=600px) and (width<=1023px){.app-shell{grid-template-columns:60px 1fr}.sidebar-collapsible{display:none!important}:root .app-shell .collapsed-only{display:flex!important}.sb-icon-btn{width:44px;height:44px}.sb-toggle{display:none!important}.sidebar-wrapper>div{padding:var(--space-5) var(--space-3)!important;align-items:center!important}}@media (width<=599px){.app-shell{grid-template-rows:56px 1fr;grid-template-columns:1fr}.sidebar-wrapper{display:none}.app-shell-content{min-height:0;overflow-y:auto}}.app-shell{position:relative}.as-drawer{background:var(--surface-canvas);border-right:var(--border-thin) solid var(--border-subtle);width:280px;transition:transform var(--duration-slow) var(--ease-standard);z-index:100;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.as-scrim{background:var(--surface-scrim);z-index:99;opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);display:none;position:absolute;inset:0}.app-shell.drawer-open .as-drawer{transform:translate(0)}.app-shell.drawer-open .as-scrim{opacity:1;display:block}.as-topbar{background:var(--surface-canvas);border-bottom:var(--border-thin) solid var(--border-subtle);align-items:center;gap:var(--space-4);padding:0 var(--space-5);flex-shrink:0;display:none}.as-hamburger{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:flex}.as-hamburger span{background:var(--text-primary);border-radius:1px;width:18px;height:1.5px;display:block}.as-wordmark{font-family:var(--font-display);color:var(--accent-amber);font-variation-settings:"opsz" 72;flex:1;font-size:20px;font-style:italic}@media (width<=599px){.as-topbar{display:flex}}.lib-bg{transition:opacity var(--duration-base) var(--ease-standard);flex-direction:column;flex:1;display:flex}.lib-toolbar{padding:var(--space-5) var(--space-6);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas);align-items:center;gap:var(--space-4);display:flex}.welcome-modal{background:var(--surface-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;overflow:hidden}.wm-header{padding:var(--space-8) var(--space-8) var(--space-6);background:var(--accent-amber-soft);border-bottom:var(--border-thin) solid color-mix(in oklab,var(--accent-amber) 18%,transparent);align-items:flex-start;gap:var(--space-5);display:flex}.wm-brand-mark{border-radius:var(--radius-xl);background:var(--accent-amber);width:44px;height:44px;color:var(--accent-amber-fg);font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:24px;font-weight:600;display:grid}.wm-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 144,"SOFT" 50;line-height:1.05}.wm-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.wm-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin-top:var(--space-2);text-transform:uppercase}.wm-body{padding:var(--space-6) var(--space-8);gap:var(--space-5);flex-direction:column;display:flex}.wm-desc{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-snug)}.wm-desc strong{color:var(--text-primary);font-weight:var(--weight-medium)}.wm-features{gap:var(--space-3);flex-direction:column;display:flex}.wm-feature{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.wm-feature-dot{background:var(--accent-amber);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.wm-footer{padding:var(--space-5) var(--space-8) var(--space-7);border-top:var(--border-thin) solid var(--border-subtle);align-items:center;gap:var(--space-5);display:flex}.wm-checkbox-row{align-items:center;gap:var(--space-3);cursor:pointer;flex:1;display:flex}.wm-checkbox{border-radius:var(--radius-xs);border:1.5px solid var(--border-default);background:var(--surface-canvas);width:16px;height:16px;transition:all var(--duration-fast) var(--ease-standard);flex-shrink:0;place-items:center;display:grid}.wm-checkbox.checked{background:var(--accent-amber);border-color:var(--accent-amber)}.wm-checkbox-label{font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.wm-cta{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent-amber);color:var(--accent-amber-fg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;border:none;display:inline-flex}.wm-cta:hover{background:var(--accent-amber-hover)}.hint-callout{margin:var(--space-5) var(--space-6) 0;padding:var(--space-4) var(--space-5);background:var(--accent-amber-soft);border:var(--border-thin) solid color-mix(in oklab,var(--accent-amber) 20%,transparent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--accent-amber);gap:var(--space-3);line-height:var(--leading-snug);align-items:flex-start;display:flex}@media (width<=599px){.wm-title{font-size:clamp(24px, 8vw, var(--text-3xl))}.wm-cta{justify-content:center;width:100%}.wm-body{padding:var(--space-5) var(--space-5)}.wm-footer{padding:var(--space-5) var(--space-5) var(--space-6);flex-wrap:wrap}.welcome-modal{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:none!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}}.lib-toolbar{padding:var(--space-5) var(--space-6);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.lib-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 30}.lib-count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);padding:1px var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--border-subtle);letter-spacing:var(--tracking-wide)}.lib-sort{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.lib-sort select{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none}.lib-actions{gap:var(--space-3);margin-left:auto;display:flex}.lbtn-ghost{border:var(--border-thin) solid var(--border-default);color:var(--text-secondary);background:0 0}.lbtn-ghost:hover{background:var(--surface-sunken);color:var(--text-primary)}.lbtn-danger{background:var(--status-danger-soft);color:var(--status-danger);border:var(--border-thin) solid color-mix(in oklab,var(--status-danger) 25%,transparent)}.lbtn-danger:hover{background:var(--status-danger);color:#fff}.sel-bar{padding:var(--space-4) var(--space-6);background:var(--accent-amber-soft);border-bottom:var(--border-thin) solid color-mix(in oklab,var(--accent-amber) 22%,transparent);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.sel-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent-amber);letter-spacing:var(--tracking-wide);flex:1}.song-list{padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.song-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-standard);display:flex}.song-row:hover{background:var(--surface-raised);box-shadow:var(--shadow-xs)}.song-row.selected{background:var(--accent-amber-soft)}.song-row.selected:hover{box-shadow:none}.song-sel{border-radius:var(--radius-pill);border:1.5px solid var(--border-default);width:20px;height:20px;transition:all var(--duration-fast) var(--ease-standard);flex-shrink:0;place-items:center;display:grid}.song-row.selected .song-sel{background:var(--accent-amber);border-color:var(--accent-amber)}.song-thumb{border-radius:var(--radius-md);background:var(--accent-amber-soft);width:36px;height:36px;color:var(--accent-amber);flex-shrink:0;place-items:center;display:grid}.song-info{flex:1;min-width:0}.song-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-artist{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin-top:1px}.song-tags{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.song-style{font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);border:var(--border-thin) solid var(--border-subtle);white-space:nowrap}.song-bpm{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;min-width:56px}.song-dur{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-align:right;width:32px}.song-rcount{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-align:right;width:76px}.song-rcount.zero{color:var(--text-muted)}.song-chevron{color:var(--text-muted);flex-shrink:0}.lib-empty{text-align:center;padding:var(--space-12) var(--space-9);justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;flex:1;display:flex}.lib-empty-icon{color:var(--text-muted)}.lib-empty-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 50}.lib-empty-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.lib-empty-sub{font-size:var(--text-md);color:var(--text-tertiary);max-width:36ch;line-height:var(--leading-snug)}.song-modal{background:var(--surface-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:540px;max-height:100%;display:flex;overflow-y:auto}.song-modal::-webkit-scrollbar{width:4px}.song-modal::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.smodal-head{padding:var(--space-7) var(--space-7) var(--space-5);align-items:flex-start;gap:var(--space-4);border-bottom:var(--border-thin) solid var(--border-subtle);display:flex}.smodal-info{flex:1;min-width:0}.smodal-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-2)}.smodal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 50;line-height:1.1}.smodal-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.smodal-artist{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);letter-spacing:var(--tracking-wide)}.smodal-tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.smodal-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:2px var(--space-3);border-radius:var(--radius-pill)}.smodal-close{cursor:pointer;width:30px;height:30px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.smodal-close:hover{color:var(--text-primary);background:var(--surface-sunken)}.smodal-player{padding:var(--space-4) var(--space-7);background:var(--surface-canvas);border-bottom:var(--border-thin) solid var(--border-subtle);align-items:center;gap:var(--space-4);display:flex}.mpl-btn{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.mpl-btn:hover{color:var(--text-primary)}.mpl-btn.play{background:var(--accent-amber);color:var(--accent-amber-fg);width:32px;height:32px}.mpl-scrubber{background:var(--surface-sunken);border-radius:var(--radius-pill);cursor:pointer;flex:1;height:4px;position:relative}.mpl-fill{background:var(--accent-amber);border-radius:var(--radius-pill);width:22%;position:absolute;top:0;bottom:0;left:0}.mpl-thumb{border-radius:var(--radius-pill);background:var(--accent-amber);width:10px;height:10px;position:absolute;top:50%;left:calc(22% - 5px);transform:translateY(-50%)}.mpl-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.smodal-section{padding:var(--space-6) var(--space-7);border-bottom:var(--border-thin) solid var(--border-subtle)}.smodal-section:last-child{padding-bottom:var(--space-7);border-bottom:none}.smodal-section-head{margin-bottom:var(--space-5);align-items:center;display:flex}.smodal-section-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);flex:1}.smodal-action-link{font-size:var(--text-xs);color:var(--accent-amber);cursor:pointer;font-family:var(--font-sans);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none}.smodal-action-link:hover{color:var(--accent-amber-hover)}.song-group-header{padding:var(--space-4) var(--space-4) var(--space-1);margin-top:var(--space-2);flex:none}.meta-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.meta-field{gap:var(--space-1);flex-direction:column;display:flex}.meta-label{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-size:10px}.meta-value.mono{font-family:var(--font-mono);font-weight:var(--weight-regular)}.meta-hint{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.routine-list{gap:var(--space-2);flex-direction:column;display:flex}.routine-card{border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-canvas);overflow:hidden}.routine-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-standard);display:flex}.routine-header:hover{background:var(--surface-sunken)}.rchev{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0;font-size:11px}.routine-card.open .rchev{transform:rotate(180deg)}.routine-name-col{flex:1;min-width:0}.routine-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.routine-comment-preview{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-style:italic;overflow:hidden}.routine-rev-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.routine-body{border-top:var(--border-thin) solid var(--border-subtle);padding:var(--space-5);display:none}.routine-card.open .routine-body{display:block}.rev-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.rev-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);display:flex}.rev-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:6px;height:6px}.rev-dot.current{background:var(--accent-amber)}.rev-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary);min-width:36px}.rev-comment{font-size:var(--text-xs);color:var(--text-tertiary);flex:1}.rev-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.rev-badge{font-size:10px;font-weight:var(--weight-semibold);padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--accent-amber-soft);color:var(--accent-amber);flex-shrink:0}.rev-pdf-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.routine-footer{gap:var(--space-3);align-items:center;display:flex}.rfbtn{font-size:var(--text-xs);font-family:var(--font-sans);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);font-weight:var(--weight-medium)}.rfbtn-primary{background:var(--accent-amber);color:var(--accent-amber-fg);border:none}.rfbtn-primary:hover{background:var(--accent-amber-hover)}.rfbtn-ghost{color:var(--text-tertiary);border:var(--border-thin) solid var(--border-subtle);background:0 0}.rfbtn-ghost:hover{color:var(--text-primary);border-color:var(--border-default)}.rfbtn-danger{color:var(--status-danger);border:var(--border-thin) solid color-mix(in oklab,var(--status-danger) 25%,transparent);background:0 0;margin-left:auto}.rfbtn-danger:hover{background:var(--status-danger-soft)}.routines-empty{text-align:center;padding:var(--space-8) var(--space-5);align-items:center;gap:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-xl);border:var(--border-thin) dashed var(--border-default);flex-direction:column;display:flex}.routines-empty-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 50}.routines-empty-sub{font-size:var(--text-sm);color:var(--text-tertiary);max-width:30ch;line-height:var(--leading-snug)}.del-body strong{color:var(--text-primary);font-weight:var(--weight-medium)}.del-impact{gap:var(--space-6);margin-bottom:var(--space-5);padding:var(--space-5);background:var(--surface-sunken);border-radius:var(--radius-lg);display:flex}.del-impact-item{gap:var(--space-1);flex-direction:column;display:flex}.del-impact-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);color:var(--status-danger);font-variation-settings:"opsz" 96;line-height:1}.del-impact-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);letter-spacing:var(--tracking-caps);text-transform:uppercase}.song-cards{gap:var(--space-4);padding:var(--space-4) var(--space-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));display:grid;overflow-y:auto}.song-card{background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:all var(--duration-base) var(--ease-standard);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.song-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-1px)}.song-card-thumb{background:var(--accent-amber-soft);height:80px;color:var(--accent-amber);place-items:center;display:grid}.song-card-body{padding:var(--space-4) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.song-card-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug)}.song-card-artist{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin-top:1px}.song-card-tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.song-card-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:1px var(--space-3);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);border:var(--border-thin) solid var(--border-subtle);white-space:nowrap}.song-card-footer{padding:var(--space-3) var(--space-4);border-top:var(--border-thin) solid var(--border-subtle);align-items:center;margin-top:auto;display:flex}.song-card-rcount{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);flex:1}.song-card-rcount.zero{color:var(--text-muted)}.bg-dim{opacity:.3;pointer-events:none;flex-direction:column;flex:1;display:flex}@media (width<=599px){.song-row{min-height:var(--touch-min);flex-wrap:wrap}.song-bpm,.song-dur,.song-rcount{display:none}.song-tags{flex-shrink:1}.meta-grid,.song-cards{grid-template-columns:1fr!important}.lib-header{gap:var(--space-3);flex-wrap:wrap}.song-modal,.del-modal{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:none!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}}.state-nav{gap:var(--space-3);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.state-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--border-default);background:var(--surface-canvas);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.state-btn:hover{background:var(--surface-sunken)}.state-btn.active{background:var(--accent-amber);color:var(--accent-amber-fg);font-weight:var(--weight-medium);border-color:#0000}.state-screen{display:none}.state-screen.visible{display:block}.screen-shell{background:var(--surface-canvas);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:680px;margin:0 auto;overflow:hidden}.screen-header-bar{padding:var(--space-5) var(--space-7);border-bottom:var(--border-thin) solid var(--border-subtle);align-items:center;gap:var(--space-4);background:var(--surface-canvas);display:flex}.screen-logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 50}.screen-logo em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.screen-body{padding:var(--space-9) var(--space-9)}.drop-zone{border:1.5px dashed var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-9);text-align:center;align-items:center;gap:var(--space-5);cursor:pointer;background:var(--surface-page);transition:all var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.drop-zone:hover{border-color:var(--accent-amber);background:var(--accent-amber-soft)}.drop-zone:hover .dz-icon{color:var(--accent-amber)}.dz-icon{color:var(--text-muted);transition:color var(--duration-base) var(--ease-standard)}.dz-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 50}.dz-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.dz-sub{font-size:var(--text-md);color:var(--text-tertiary);max-width:38ch;line-height:var(--leading-snug)}.dz-formats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.divider-or{align-items:center;gap:var(--space-5);margin:var(--space-7) 0;display:flex}.divider-or:before,.divider-or:after{content:"";background:var(--border-subtle);flex:1;height:1px}.divider-or span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.input-row{gap:var(--space-3);display:flex}.input-wrap{flex:1;position:relative}.input-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fselect{width:100%;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23909882' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer}.form-stack{gap:var(--space-5);margin-top:var(--space-6);flex-direction:column;display:flex}.mbtn-ghost:disabled{opacity:.5;cursor:not-allowed}.radio-group{gap:var(--space-3);flex-direction:column;display:flex}.radio-option{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:flex}.radio-option:hover{background:var(--surface-sunken)}.radio-option.selected{background:var(--accent-amber-soft);border-color:color-mix(in oklab, var(--accent-amber) 30%, transparent)}.radio-circle{border-radius:var(--radius-pill);border:var(--border-medium) solid var(--border-default);width:18px;height:18px;transition:border-color var(--duration-fast) var(--ease-standard);flex-shrink:0;place-items:center;margin-top:2px;display:grid}.radio-option.selected .radio-circle{border-color:var(--accent-amber)}.radio-option.selected .radio-circle:after{content:"";background:var(--accent-amber);border-radius:50%;width:8px;height:8px}.radio-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary)}.radio-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.toggle-row{align-items:center;gap:var(--space-4);display:flex}.toggle-switch{background:var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;width:40px;height:22px;transition:background var(--duration-fast) var(--ease-standard);border:none;flex-shrink:0;position:relative}.toggle-label{font-size:var(--text-md);color:var(--text-primary)}.toggle-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.analysis-card{background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8)}.analysis-header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.analysis-icon{border-radius:var(--radius-lg);background:var(--accent-amber-soft);width:48px;height:48px;color:var(--accent-amber);flex-shrink:0;place-items:center;display:grid}.analysis-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 30}.analysis-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin-top:2px}.progress-bar{background:var(--surface-sunken);border-radius:var(--radius-pill);height:6px;margin-bottom:var(--space-4);overflow:hidden}.progress-fill{background:var(--accent-amber);border-radius:var(--radius-pill);width:58%;height:100%;transition:width var(--duration-slower) var(--ease-standard)}.analysis-steps{gap:var(--space-3);flex-direction:column;display:flex}.astep{align-items:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.astep-icon{border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.astep-icon.done{background:var(--status-success-soft);color:var(--status-success)}.astep-icon.active{background:var(--accent-amber-soft);color:var(--accent-amber)}.astep-icon.wait{background:var(--surface-sunken);color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.mini-spin{border:1.5px solid var(--accent-amber-soft);border-top-color:var(--accent-amber);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.astep-label{color:var(--text-primary);flex:1}.astep-label.dim{color:var(--text-muted)}.astep-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.result-card{background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-8);box-shadow:var(--shadow-sm)}.result-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-3)}.result-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 50}.result-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.result-meta-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(4,1fr);display:grid}.result-meta-cell{flex-direction:column;gap:2px;display:flex}.result-meta-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary)}.result-meta-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-variation-settings:"opsz" 96}.result-meta-value em{color:var(--accent-amber);font-style:italic}.result-confidence{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--status-success-soft);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--status-success);margin-bottom:var(--space-6);display:flex}.result-actions{gap:var(--space-4);display:flex}@media (width<=599px){.drop-zone{width:100%;padding:var(--space-9) var(--space-5)}.screen-body{padding:var(--space-6) var(--space-5)}.form-grid{grid-template-columns:1fr!important}.input-row{flex-direction:column}.mbtn-primary{justify-content:center;width:100%}.result-meta-grid{grid-template-columns:1fr 1fr!important}.result-actions{flex-direction:column}.dz-title,.result-title{font-size:clamp(20px, 6vw, var(--text-2xl))}}.screen-song-card{margin:var(--space-6) var(--space-7) var(--space-4);background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);box-shadow:var(--shadow-sm)}.screen-song-eyebrow{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-2);font-size:10px}.screen-song-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 50;margin-bottom:var(--space-2);line-height:1.1}.screen-song-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.screen-song-meta{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);font-size:11px}.screen-song-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.screen-timeline{margin:0 var(--space-7) var(--space-3)}.tl-bar{border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-subtle);cursor:pointer;background:var(--border-subtle);gap:1px;height:14px;display:flex;overflow:hidden}.tl-seg{cursor:pointer;transition:filter var(--duration-fast) var(--ease-standard);flex:1}.tl-seg:hover{filter:brightness(.85)}.tl-seg.active{filter:brightness(.78)}.tl-label{font-family:var(--font-mono);color:var(--accent-amber);margin-top:var(--space-2);letter-spacing:var(--tracking-wide);font-size:11px}.screen-tabs{margin:0 var(--space-7) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);border:var(--border-thin) solid var(--border-subtle);gap:3px;padding:3px;display:flex}.screen-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex:1}.screen-tab.active{background:var(--surface-raised);color:var(--text-primary);font-weight:var(--weight-medium);box-shadow:var(--shadow-xs)}.screen-sections{padding:0 var(--space-7) var(--space-8);padding-bottom:var(--audio-player-height,56px);gap:var(--space-2);flex-direction:column;display:flex}.sec-card{background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-standard);overflow:hidden}.sec-card.open{box-shadow:var(--shadow-md);border-color:var(--border-default)}.sec-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.sec-dot{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px}.sec-name{font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--text-primary);flex:1}.sec-card.open .sec-name{font-weight:var(--weight-semibold)}.sec-type{font-size:11px;font-weight:var(--weight-medium);padding:2px var(--space-3);border-radius:var(--radius-pill);flex-shrink:0}.sec-time{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:11px}.sec-sep{color:var(--text-muted);margin:0 var(--space-1);font-size:var(--text-xs)}.sec-chevron{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0;font-size:11px}.sec-card.open .sec-chevron{transform:rotate(180deg)}.sec-body{padding:var(--space-4) var(--space-6) var(--space-5);border-top:var(--border-thin) solid var(--border-subtle);display:none}.sec-card.open .sec-body{display:block}.sec-narrative{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-loose);border-left:var(--border-thin) solid var(--border-subtle);padding-left:var(--space-4);margin-bottom:var(--space-4);font-style:italic}.fig-list{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.fig-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);display:flex}.fig-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);flex:1}.fig-counts{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.fig-level{padding:1px var(--space-3);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.fig-swap{color:var(--text-muted);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px var(--space-3);cursor:pointer;font-size:11px;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-standard);background:0 0;align-items:center;gap:3px;display:flex}.fig-swap:hover{color:var(--text-primary);border-color:var(--border-default)}.add-fig{width:100%;padding:var(--space-3);border:var(--border-thin) dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-sans);margin-bottom:var(--space-3);transition:all var(--duration-fast) var(--ease-standard);background:0 0}.add-fig:hover{border-color:var(--border-strong);color:var(--text-secondary)}.sec-callout{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:var(--leading-snug);align-items:flex-start;display:flex}.sec-callout.highlight{background:var(--accent-amber-soft);color:var(--accent-amber)}.sec-callout.milestone{background:var(--status-info-soft);color:var(--status-info)}.sec-callout-text{color:var(--text-secondary)}.sec-callout-fig{padding:1px var(--space-2);border-radius:var(--radius-xs);font-weight:var(--weight-medium);font-size:10px}.sec-callout.highlight .sec-callout-fig{background:color-mix(in oklab, var(--accent-amber-soft) 50%, var(--accent-amber) 15%)}.sec-callout.milestone .sec-callout-fig{background:color-mix(in oklab, var(--status-info-soft) 50%, var(--status-info) 15%)}.screen-player{--audio-player-height:56px;bottom:0;left:var(--sidebar-width,224px);z-index:100;background:var(--surface-raised);border-top:var(--border-thin) solid var(--border-subtle);padding:var(--space-3) var(--space-7);align-items:center;gap:var(--space-5);display:flex;position:fixed;right:0;box-shadow:0 -4px 24px #2e3c220f}.player-info-mini{flex-shrink:0;width:120px}.player-title-mini{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-time-mini{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:1px;font-size:11px}.player-btn-mini{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.player-btn-mini:hover{color:var(--text-primary)}.player-btn-mini.play{background:var(--accent-amber);color:var(--accent-amber-fg);width:32px;height:32px}.scrubber-mini{background:var(--surface-sunken);border-radius:var(--radius-pill);cursor:pointer;flex:1;height:4px;position:relative}.scrubber-mini-fill{background:var(--accent-amber);border-radius:var(--radius-pill);width:0%;position:absolute;top:0;bottom:0;left:0}.scrubber-mini-thumb{border-radius:var(--radius-pill);background:var(--accent-amber);width:10px;height:10px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.ai-provenance{margin:0 var(--space-7) var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--accent-amber-soft);border-radius:var(--radius-md);border:var(--border-thin) solid color-mix(in oklab, var(--accent-amber) 18%, transparent);font-size:var(--text-xs);color:var(--accent-amber);display:flex}.ai-provenance span{color:var(--text-secondary)}.screen-toolbar{margin:var(--space-4) var(--space-7) 0;padding:var(--space-3) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-xs);display:flex;position:relative}.toolbar-revision{position:relative}.revision-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-sunken);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;display:flex}.revision-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.revision-drop{background:var(--surface-overlay);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-lg);min-width:210px;box-shadow:var(--shadow-md);z-index:20;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.revision-drop.open{display:block}.rev-opt{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);color:var(--text-secondary);display:flex}.rev-opt:hover{background:var(--surface-sunken)}.rev-opt.current{color:var(--accent-amber);pointer-events:none}.rev-opt-meta{color:var(--text-muted);margin-left:auto;font-size:10px}.rev-badge-sm{padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--accent-amber-soft);color:var(--accent-amber);font-size:10px}.toolbar-actions{gap:var(--space-2);margin-left:auto;display:flex}.tool-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:inline-flex}.tool-primary{background:var(--accent-amber);color:var(--accent-amber-fg);border:none}.tool-primary:hover{background:var(--accent-amber-hover)}.tool-ghost{border:var(--border-thin) solid var(--border-default);color:var(--text-secondary);background:0 0}.tool-ghost:hover{background:var(--surface-sunken);color:var(--text-primary)}.rev-warn{margin:var(--space-3) var(--space-7) 0;padding:var(--space-3) var(--space-5);background:var(--status-warning-soft);border:var(--border-thin) solid color-mix(in oklab, var(--status-warning) 25%, transparent);border-radius:var(--radius-md);align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--status-warning);display:flex}.rev-warn-btn{font-size:var(--text-xs);font-family:var(--font-sans);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:var(--border-thin) solid currentColor;color:inherit;transition:all var(--duration-fast) var(--ease-standard);background:0 0}.rev-warn-btn.confirm{background:var(--status-warning);color:#fff;border-color:var(--status-warning)}.fig-item{flex-direction:column;display:flex}.fig-drag{color:var(--text-muted);cursor:grab;flex-shrink:0;align-items:center;display:flex}.fig-drag:active{cursor:grabbing}.fig-repeat{font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;align-items:center;gap:3px;font-size:10px;display:flex}.fig-rep-val{text-align:center;min-width:20px}.fig-rep-btn{border:var(--border-thin) solid var(--border-subtle);cursor:pointer;width:16px;height:16px;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border-radius:3px;place-items:center;padding:0;font-size:10px;line-height:1;display:grid}.fig-rep-btn:hover{border-color:var(--border-default);color:var(--text-primary);background:var(--surface-canvas)}.fig-note-btn{border-radius:var(--radius-sm);border:var(--border-thin) solid transparent;cursor:pointer;width:22px;height:22px;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-standard);background:0 0;flex-shrink:0;place-items:center;display:grid}.fig-note-btn:hover{color:var(--accent-amber);border-color:color-mix(in oklab, var(--accent-amber) 28%, transparent)}.fig-note-btn.has-note{color:var(--accent-amber)}.fig-note-area{padding:var(--space-2) var(--space-4) var(--space-3) calc(var(--space-3) + 12px + var(--space-3));display:none}.fig-note-area.open{display:block}.fig-note-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-primary);resize:none;min-height:48px;transition:border-color var(--duration-fast) var(--ease-standard);outline:none}.fig-note-input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.fig-note-input::placeholder{color:var(--text-muted)}.sec-callout-time{font-family:var(--font-mono);flex-shrink:0;font-size:10px}.finput{width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.finput.with-icon{padding-left:var(--space-10)}.finput:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus);outline:none}.mbtn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none;display:inline-flex}.mbtn-primary{background:var(--accent-amber);color:var(--accent-amber-fg)}.mbtn-primary:hover{background:var(--accent-amber-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mbtn-ghost{border:var(--border-thin) solid var(--border-default);color:var(--text-secondary);background:0 0}.mbtn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.loading-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-canvas);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.crit-eval{gap:var(--space-5);padding:var(--space-5) 0;flex-direction:column;display:flex}.crit-eval-actions{align-items:center;gap:var(--space-4);display:flex}.crit-eval-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.crit-eval-grid{grid-template-columns:1fr}}.crit-panel{background:var(--surface-canvas);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.crit-panel-header{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-bold);display:flex}.crit-panel-header.strengths{color:var(--status-success)}.crit-panel-header.weaknesses{color:var(--status-danger)}.crit-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.crit-list li{gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);align-items:flex-start;display:flex}.crit-list li:before{content:"";border-radius:var(--radius-pill);flex-shrink:0;width:5px;height:5px;margin-top:7px}.crit-panel.strengths .crit-list li:before{background:var(--status-success)}.crit-panel.weaknesses .crit-list li:before{background:var(--status-danger)}@media (width<=599px){.fig-row{min-height:var(--touch-min);padding:var(--space-4);flex-wrap:wrap}.fig-row .fig-name{flex:100%;order:1}.fig-row .fig-counts{font-size:var(--text-xs);order:2}.fig-row .fig-level{order:3;margin-left:auto}.fig-row .fig-drag,.fig-row .fig-note-btn,.fig-row .fig-repeat{order:4}.section-hd{gap:var(--space-2);flex-wrap:wrap}.timeline-bar{height:6px}.tab-bar{gap:var(--space-2);overflow-x:auto}.screen-toolbar{flex-wrap:wrap}}@media (width<=1023px){.crit-wrap,.analysis-panel{flex-wrap:wrap}}.cat-toolbar{padding:var(--space-5) var(--space-6);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas);align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.cat-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 30}.cat-count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary);padding:1px var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-pill);border:var(--border-thin) solid var(--border-subtle);letter-spacing:var(--tracking-wide)}.search-wrap{flex:1;max-width:260px;position:relative}.search-icon{left:var(--space-4);color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-9);background:var(--surface-sunken);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard);outline:none}.search-input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus);background:var(--surface-canvas)}.search-input::placeholder{color:var(--text-muted)}.cat-actions{margin-left:auto}.lbtn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none;display:inline-flex}.lbtn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.lbtn-primary{background:var(--accent-amber);color:var(--accent-amber-fg)}.lbtn-primary:hover{background:var(--accent-amber-hover)}.fig-grid{padding:var(--space-5) var(--space-5);gap:var(--space-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;overflow-y:auto}.fig-card{background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);gap:var(--space-3);box-shadow:var(--shadow-xs);transition:all var(--duration-base) var(--ease-standard);cursor:default;flex-direction:column;display:flex}.fig-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-1px)}.fig-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.fig-name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-snug);flex:1}.fig-source{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:1px var(--space-2);border-radius:var(--radius-xs);font-size:9px;font-weight:var(--weight-semibold);flex-shrink:0}.fig-source.base{background:var(--surface-sunken);color:var(--text-muted)}.fig-source.custom{background:var(--accent-sage-soft);color:var(--accent-sage)}.fig-counts{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-amber);background:var(--accent-amber-soft);padding:2px var(--space-3);border-radius:var(--radius-sm);letter-spacing:.02em;align-self:flex-start}.fig-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.fig-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:2px var(--space-3);border-radius:var(--radius-pill)}.fig-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);flex:1}.fig-card-foot{padding-top:var(--space-2);border-top:var(--border-thin) solid var(--border-subtle);justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.fig-del-btn{font-size:var(--text-xs);font-family:var(--font-sans);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:var(--border-thin) solid color-mix(in oklab,var(--status-danger) 25%,transparent);color:var(--status-danger);transition:all var(--duration-fast) var(--ease-standard);background:0 0}.fig-del-btn:hover{background:var(--status-danger-soft)}.add-modal{background:var(--surface-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:100%;overflow-y:auto}.add-modal::-webkit-scrollbar{width:4px}.add-modal::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.modal-head{padding:var(--space-7) var(--space-7) var(--space-5);align-items:flex-start;gap:var(--space-4);border-bottom:var(--border-thin) solid var(--border-subtle);display:flex}.modal-head-text{flex:1}.modal-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-amber);margin-bottom:var(--space-2)}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 50}.modal-body{padding:var(--space-6) var(--space-7);gap:var(--space-5);flex-direction:column;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary)}.field-label[data-req]:after,.field-label[data-required]:after{content:" *";color:var(--accent-clay)}.finput{width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);box-sizing:border-box;outline:none}.finput:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.finput::placeholder{color:var(--text-muted)}.fselect{width:100%;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23909882' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;cursor:pointer;box-sizing:border-box}.fselect:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus);outline:none}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ai-assist-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-amber-soft);border:var(--border-thin) solid color-mix(in oklab,var(--accent-amber) 20%,transparent);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--accent-amber);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:flex}.ai-assist-row:hover{background:color-mix(in oklab,var(--accent-amber-soft) 80%,var(--accent-amber) 8%)}.meta-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium)}.modal-foot{padding:var(--space-5) var(--space-7) var(--space-7);border-top:var(--border-thin) solid var(--border-subtle);gap:var(--space-3);display:flex}.fig-tag-mono{font-family:var(--font-mono)}.fig-tag-muted{background:var(--surface-sunken);color:var(--text-secondary);border:var(--border-thin) solid var(--border-subtle)}.lib-screen{flex-direction:column;flex:1;min-height:0;display:none}.lib-screen.visible{display:flex}.view-toggle{background:var(--surface-sunken);border-radius:var(--radius-md);border:var(--border-thin) solid var(--border-subtle);gap:2px;padding:2px;display:flex}.view-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;place-items:center;display:grid}.view-btn.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-xs)}.view-btn:hover:not(.active){color:var(--text-secondary)}.fig-list-view{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.fig-list-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-standard);display:flex}.fig-list-row:hover{box-shadow:var(--shadow-xs);border-color:var(--border-default)}.fig-list-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);flex-shrink:0;min-width:150px}.fig-list-counts{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-amber);background:var(--accent-amber-soft);padding:2px var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.fig-list-tags{gap:var(--space-2);flex-shrink:0;display:flex}.fig-list-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:2px var(--space-3);border-radius:var(--radius-pill)}.fig-list-source{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:1px var(--space-2);border-radius:var(--radius-xs);font-size:9px;font-weight:var(--weight-semibold)}.fig-list-source.base{background:var(--surface-sunken);color:var(--text-muted)}.fig-list-source.custom{background:var(--accent-sage-soft);color:var(--accent-sage)}.fig-list-desc{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}@media (width<=1023px){.cat-toolbar{gap:var(--space-3);flex-wrap:wrap}}@media (width<=599px){.fig-grid{padding:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.form-grid{grid-template-columns:1fr!important}.fig-list-row{gap:var(--space-2);min-height:var(--touch-min);flex-wrap:wrap}.fig-list-name{flex:100%;min-width:0}.fig-list-desc{display:none}.cat-toolbar{gap:var(--space-3);flex-wrap:wrap}.add-modal{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:none!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}}.app-main{background:var(--surface-page);flex-direction:column;display:flex;overflow-y:auto}.page-header{padding:var(--space-6) var(--space-7) var(--space-5);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas);align-items:center;gap:var(--space-4);display:flex}.page-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96,"SOFT" 30;flex:1}.filter-select{padding:var(--space-2) var(--space-7) var(--space-2) var(--space-4);background:var(--surface-sunken);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23909882' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;outline:none}.chart-wrap{padding:var(--space-6) var(--space-7) var(--space-5)}.chart-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-4)}.chart-bars{align-items:stretch;gap:3px;height:92px;display:flex;overflow:visible}.bar-col{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.bar-well{flex:1;align-items:flex-end;width:100%;display:flex}.bar{width:100%;transition:opacity var(--duration-fast) var(--ease-standard);cursor:pointer;border-radius:3px 3px 0 0}.bar:hover{opacity:.75}.bar-date{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;flex-shrink:0;height:13px;font-size:9px;line-height:13px}.chart-legend{gap:var(--space-5);margin-top:var(--space-4);display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.stats-row{gap:var(--space-4);padding:0 var(--space-7) var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-5) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg)}.stat-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-light);color:var(--text-primary);font-variation-settings:"opsz" 144;line-height:1}.stat-num em{color:var(--accent-amber);font-style:italic}.stat-label{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-2);font-size:10px}.event-list-head{padding:var(--space-3) var(--space-7);align-items:center;gap:var(--space-4);border-top:var(--border-thin) solid var(--border-subtle);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas);display:flex}.event-list-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);flex:1}.event-list{padding:var(--space-3) var(--space-5) var(--space-7);flex-direction:column;gap:0;display:flex}.event-group-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);padding:var(--space-4) var(--space-3) var(--space-2)}.event-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard);display:flex}.event-row:hover{background:var(--surface-raised)}.event-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.event-icon.ingest{background:var(--type-intro-bg);color:var(--type-intro-fg)}.event-icon.delete{background:var(--status-danger-soft);color:var(--status-danger)}.event-icon.create{background:var(--accent-amber-soft);color:var(--accent-amber)}.event-icon.export{background:var(--status-info-soft);color:var(--status-info)}.event-icon.update{background:var(--accent-clay-soft);color:var(--accent-clay)}.event-desc{font-size:var(--text-sm);color:var(--text-primary);flex:1}.event-desc span{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:1px;display:block}.event-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}@media (width<=599px){.event-row{min-height:var(--touch-min);flex-wrap:wrap}.event-time{margin-top:var(--space-1);padding-left:calc(28px + var(--space-4));flex-basis:100%;order:1}.event-desc{order:0}.stat-num{font-size:clamp(22px, 6vw, var(--text-3xl))}}.settings-wrap{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-header{padding:var(--space-6) var(--space-7) var(--space-5);border-bottom:var(--border-thin) solid var(--border-subtle);background:var(--surface-canvas)}.page-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 30}.settings-body{padding:var(--space-7) var(--space-7);gap:var(--space-8);flex-direction:column;max-width:600px;display:flex}.settings-version{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);padding-top:var(--space-5);border-top:var(--border-thin) solid var(--border-subtle)}.setting-section{gap:var(--space-5);flex-direction:column;display:flex}.setting-section-head{gap:var(--space-1);padding-bottom:var(--space-5);border-bottom:var(--border-thin) solid var(--border-subtle);flex-direction:column;display:flex}.setting-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 30}.setting-section-sub{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-snug)}.setting-row{align-items:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-5);background:var(--surface-raised);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.setting-row-info{flex:1;min-width:0}.setting-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.setting-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-snug)}.setting-desc strong{color:var(--text-secondary);font-weight:var(--weight-medium)}.toggle-switch{background:var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;width:40px;height:22px;transition:background var(--duration-base) var(--ease-standard);border:none;flex-shrink:0;margin-top:2px;position:relative}.toggle-switch:after{content:"";width:18px;height:18px;transition:left var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.on{background:var(--accent-amber)}.toggle-switch.on:after{left:20px}.toggle-switch.warning.on{background:var(--status-warning)}.toggle-switch.danger.on{background:var(--status-danger)}.mode-callout{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug);margin-top:var(--space-1);display:flex}.mode-callout.warning{background:var(--status-warning-soft);color:var(--status-warning);border:var(--border-thin) solid color-mix(in oklab, var(--status-warning) 22%, transparent)}.mode-callout.danger{background:var(--status-danger-soft);color:var(--status-danger);border:var(--border-thin) solid color-mix(in oklab, var(--status-danger) 22%, transparent)}.mode-callout-text{color:var(--text-secondary)}.mode-callout-text strong{font-weight:var(--weight-medium)}.sbtn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:none;display:inline-flex}.sbtn-ghost{border:var(--border-thin) solid var(--border-default);color:var(--text-secondary);background:0 0}.sbtn-ghost:hover{background:var(--surface-sunken);color:var(--text-primary)}.sbtn-danger{background:var(--status-danger-soft);color:var(--status-danger);border:var(--border-thin) solid color-mix(in oklab, var(--status-danger) 25%, transparent)}.sbtn-danger:hover{background:var(--status-danger);color:#fff}.danger-zone{border:var(--border-thin) solid color-mix(in oklab, var(--status-danger) 30%, transparent);border-radius:var(--radius-xl);overflow:hidden}.danger-zone-head{padding:var(--space-5) var(--space-6);background:var(--status-danger-soft);align-items:center;gap:var(--space-3);display:flex}.danger-zone-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--status-danger);font-weight:var(--weight-semibold)}.danger-zone-body{padding:var(--space-5) var(--space-6);background:var(--surface-raised);align-items:flex-start;gap:var(--space-5);display:flex}.modal-overlay{background:var(--surface-scrim);padding:var(--space-7);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.del-modal{background:var(--surface-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:var(--space-8)}.del-icon{border-radius:var(--radius-lg);background:var(--status-danger-soft);width:44px;height:44px;color:var(--status-danger);margin-bottom:var(--space-5);place-items:center;display:grid}.del-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-3);font-variation-settings:"opsz" 96, "SOFT" 50}.del-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);margin-bottom:var(--space-5)}.del-warn{padding:var(--space-4) var(--space-5);background:var(--status-danger-soft);border:var(--border-thin) solid color-mix(in oklab, var(--status-danger) 22%, transparent);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--status-danger);font-weight:var(--weight-medium);margin-bottom:var(--space-6);line-height:var(--leading-snug);gap:var(--space-3);align-items:flex-start;display:flex}.del-actions{gap:var(--space-3);display:flex}.del-btn-cancel{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:var(--border-thin) solid var(--border-default);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0}.del-btn-cancel:hover{background:var(--surface-sunken)}.del-btn-confirm{padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:var(--status-danger);color:#fff;transition:opacity var(--duration-fast) var(--ease-standard);border:none;flex:1}.del-btn-confirm:hover{opacity:.85}@media (width<=599px){.settings-body{padding:var(--space-5) var(--space-5)}.setting-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.danger-zone-body{padding:var(--space-5)}.del-modal{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:none!important;padding:var(--space-6)!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}}:root{--font-display:"Fraunces", "DM Serif Display", Georgia, serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--leading-loose:1.75;--tracking-tight:-.025em;--tracking-snug:-.012em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.09em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:56px;--space-11:72px;--space-12:96px;--space-13:128px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--border-hairline:.5px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--duration-instant:80ms;--duration-fast:.16s;--duration-base:.22s;--duration-slow:.34s;--duration-slower:.52s;--ease-standard:cubic-bezier(.32, .72, .32, 1);--ease-entrance:cubic-bezier(.16, .84, .44, 1);--ease-exit:cubic-bezier(.36, 0, .66, .16);--ease-emphasized:cubic-bezier(.2, .9, .18, 1.05);--container-narrow:560px;--container-reading:680px;--container-content:880px;--container-wide:1120px;--container-full:1440px;--sidebar-width:248px;--bp-mobile-max:599px;--bp-tablet-min:600px;--bp-tablet-max:1023px;--bp-desktop-min:1024px;--touch-min:44px;--drawer-width:280px;--topbar-height-mobile:56px;--banner-height:44px;--z-base:0;--z-raised:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-max:99}:root,[data-theme=light]{--color-scheme:light;--surface-page:#faf8f3;--surface-canvas:#fff;--surface-raised:#fff;--surface-sunken:#f5f2ec;--surface-overlay:#fff;--surface-scrim:#2e3c226b;--text-primary:#2e3c22;--text-secondary:#586448;--text-tertiary:#909882;--text-muted:#c2bab0;--text-disabled:#d8d2c6;--text-on-accent:#fff;--text-link:#8a7228;--border-subtle:#ede8de;--border-default:#e5ddd0;--border-strong:#c2bab0;--border-focus:#8a7228;--accent-amber:#8a7228;--accent-amber-hover:#6a5820;--accent-amber-active:#4e4218;--accent-amber-soft:#f6edcc;--accent-amber-fg:#fff;--accent-sage:#426838;--accent-sage-hover:#355028;--accent-sage-active:#2a3a1c;--accent-sage-soft:#eaf0e4;--accent-sage-fg:#fff;--accent-clay:#8a4028;--accent-clay-hover:#6a3020;--accent-clay-active:#4e2418;--accent-clay-soft:#f6e8e2;--accent-clay-fg:#fff;--status-info:#3a5870;--status-info-soft:#eef4f8;--status-success:#426838;--status-success-soft:#eaf0e4;--status-warning:#8a7228;--status-warning-soft:#f6edcc;--status-danger:#8a4028;--status-danger-soft:#f6e8e2;--energy-1-bar:#c2d8aa;--energy-1-dot:#6daa48;--energy-1-soft:#e2ead4;--energy-2-bar:#aacc92;--energy-2-dot:#5aaa3a;--energy-2-soft:#d4e0c0;--energy-3-bar:#ead882;--energy-3-dot:#c2a232;--energy-3-soft:#f6edcc;--energy-4-bar:#eac282;--energy-4-dot:#ba7a22;--energy-4-soft:#ecd8b0;--energy-5-bar:#eaa282;--energy-5-dot:#ba5232;--energy-5-soft:#f6e8e2;--type-intro-bg:#eaf2e6;--type-intro-fg:#446838;--type-verse-bg:#f0ede8;--type-verse-fg:#706050;--type-chorus-bg:#f6eecc;--type-chorus-fg:#8a7228;--type-bridge-bg:#ede8f2;--type-bridge-fg:#6a5880;--type-solo-bg:#e6f2ea;--type-solo-fg:#387848;--type-outro-bg:#eeece8;--type-outro-fg:#706858;--type-breakdown-bg:#e6eff4;--type-breakdown-fg:#2e5a6e;--level-beginner-bg:#eaf0e4;--level-beginner-fg:#426838;--level-intermediate-bg:#f6edcc;--level-intermediate-fg:#8a7228;--level-advanced-bg:#f6e8e2;--level-advanced-fg:#8a4028;--shadow-xs:0 1px 2px #2e3c220a;--shadow-sm:0 1px 3px #2e3c220f, 0 1px 2px #2e3c2208;--shadow-md:0 2px 16px #2e3c220f;--shadow-lg:0 4px 28px #2e3c221a, 0 2px 8px #2e3c220d;--shadow-xl:0 18px 48px #2e3c2224, 0 4px 14px #2e3c220f;--shadow-inset:inset 0 1px 2px #2e3c220d;--ring-focus:0 0 0 3px #8a722852}[data-theme=dark]{--color-scheme:dark;--surface-page:#14180f;--surface-canvas:#1b2117;--surface-raised:#232a1e;--surface-sunken:#10140c;--surface-overlay:#2a3224;--surface-scrim:#0000009e;--text-primary:#f0ebdc;--text-secondary:#c2baa0;--text-tertiary:#8e8870;--text-muted:#5e5a50;--text-disabled:#3e3c34;--text-on-accent:#14180f;--text-link:#d4ba72;--border-subtle:#232a1e;--border-default:#3a4230;--border-strong:#545c44;--border-focus:#c2a232;--accent-amber:#d4ba72;--accent-amber-hover:#e4ce8a;--accent-amber-active:#b89a3e;--accent-amber-soft:#2e2812;--accent-amber-fg:#14180f;--accent-sage:#88b070;--accent-sage-hover:#a0c488;--accent-sage-active:#5a8048;--accent-sage-soft:#1a2614;--accent-sage-fg:#14180f;--accent-clay:#c8765a;--accent-clay-hover:#d88e72;--accent-clay-active:#8a4028;--accent-clay-soft:#2a1812;--accent-clay-fg:#14180f;--status-info:#88a0b8;--status-info-soft:#1a2230;--status-success:#88b070;--status-success-soft:#1a2614;--status-warning:#d4ba72;--status-warning-soft:#2e2812;--status-danger:#c8765a;--status-danger-soft:#2a1812;--energy-1-bar:#2e4028;--energy-1-dot:#88b070;--energy-1-soft:#1a2418;--energy-2-bar:#3a4e22;--energy-2-dot:#a0c488;--energy-2-soft:#1f2c16;--energy-3-bar:#58521e;--energy-3-dot:#d4ba72;--energy-3-soft:#2a2812;--energy-4-bar:#6a4a1e;--energy-4-dot:#d89a48;--energy-4-soft:#2a1f12;--energy-5-bar:#6a3018;--energy-5-dot:#d8704a;--energy-5-soft:#2a1612;--type-intro-bg:#1f2c16;--type-intro-fg:#a0c488;--type-verse-bg:#28241a;--type-verse-fg:#bdb49e;--type-chorus-bg:#2e2812;--type-chorus-fg:#d4ba72;--type-bridge-bg:#20182c;--type-bridge-fg:#b0a0cc;--type-solo-bg:#182818;--type-solo-fg:#88c09a;--type-outro-bg:#20201a;--type-outro-fg:#b0a898;--type-breakdown-bg:#182430;--type-breakdown-fg:#80aabe;--level-beginner-bg:#1f2c16;--level-beginner-fg:#a0c488;--level-intermediate-bg:#2e2812;--level-intermediate-fg:#d4ba72;--level-advanced-bg:#2a1812;--level-advanced-fg:#d8704a;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0000004d;--shadow-md:0 2px 16px #0000008c;--shadow-lg:0 4px 28px #0000009e, 0 2px 8px #0006;--shadow-xl:0 18px 48px #000000b8, 0 4px 14px #0000006b;--shadow-inset:inset 0 1px 2px #0006;--ring-focus:0 0 0 3px #d4ba726b}:root{color-scheme:var(--color-scheme)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--surface-page);color:var(--text-primary);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard)}::selection{background:var(--accent-amber-soft);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.spinner{border:2px solid var(--surface-sunken);border-top-color:var(--accent-amber);border-radius:var(--radius-pill);flex-shrink:0;animation:.7s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{border-width:3px;width:40px;height:40px}.bpm-warning-callout{padding:var(--space-3) var(--space-5);background:var(--accent-amber-soft);border:var(--border-thin) solid color-mix(in oklab, var(--accent-amber) 20%, transparent);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--accent-amber)}.sidebar-nav-scroll{flex:1;min-height:0;overflow-y:auto}.modal-backdrop{background:var(--surface-scrim);padding:var(--space-7);opacity:0;transition:opacity var(--duration-slow) var(--ease-standard);pointer-events:none;z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--surface-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);opacity:0;width:100%;max-width:480px;max-height:90vh;transition:transform var(--duration-slow) var(--ease-entrance), opacity var(--duration-slow) var(--ease-entrance);overflow-y:auto;transform:translateY(24px)scale(.97)}.modal-backdrop.open .modal{opacity:1;transform:translateY(0)scale(1)}.modal-header{padding:var(--space-8) var(--space-8) var(--space-5);align-items:flex-start;gap:var(--space-4);display:flex}.modal-header-text{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.modal-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-amber)}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 50;line-height:1.1}.modal-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.modal-close{cursor:pointer;width:30px;height:30px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.modal-close:hover{color:var(--text-primary);background:var(--surface-sunken)}.modal-body{padding:0 var(--space-8) var(--space-7);font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-snug)}.modal-divider{background:var(--border-subtle);height:1px;margin:var(--space-5) 0}.modal-footer{padding:var(--space-6) var(--space-8) var(--space-8);border-top:var(--border-thin) solid var(--border-subtle);align-items:center;gap:var(--space-4);justify-content:flex-end;display:flex}.mbtn{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);border:var(--border-thin) solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:inline-flex}.mbtn-primary{background:var(--accent-amber);color:var(--accent-amber-fg);border-color:#0000}.mbtn-primary:hover{background:var(--accent-amber-hover)}.mbtn-ghost{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.mbtn-ghost:hover{background:var(--surface-sunken);color:var(--text-primary)}.multiselect{width:100%;position:relative}.multiselect-trigger{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-5);background:var(--surface-canvas);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);display:flex}.multiselect-trigger:hover{border-color:var(--border-strong)}.multiselect.open .multiselect-trigger,.multiselect-trigger:focus-visible{border-color:var(--border-focus);box-shadow:var(--ring-focus);outline:none}.multiselect.disabled .multiselect-trigger{background:var(--surface-sunken);opacity:.6;cursor:not-allowed}.multiselect-pills{gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex:1;align-items:center;min-height:28px;display:flex}.ms-placeholder{font-size:var(--text-md);color:var(--text-muted);line-height:1}.ms-pill{padding:3px var(--space-2) 3px var(--space-3);background:var(--accent-amber-soft);border:var(--border-thin) solid color-mix(in oklab,var(--accent-amber) 22%,transparent);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent-amber);white-space:nowrap;align-items:center;gap:4px;line-height:1;display:inline-flex}.ms-pill-remove{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.ms-pill-remove:hover{opacity:1;background:color-mix(in oklab,var(--accent-amber) 18%,transparent)}.multiselect-trail{align-items:center;gap:var(--space-2);padding-left:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.ms-count{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);background:var(--surface-sunken);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-pill);padding:1px 8px}.ms-chevron{color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0}.multiselect.open .ms-chevron{transform:rotate(180deg)}.multiselect-dropdown{background:var(--surface-canvas);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:2000;display:none;position:fixed;overflow:hidden}.multiselect.open .multiselect-dropdown{display:block}.ms-search{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-thin) solid var(--border-subtle);display:flex}.ms-search-input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.ms-search-input::placeholder{color:var(--text-muted)}.ms-options{overscroll-behavior:contain;max-height:216px;padding:var(--space-1) 0;overflow-y:auto}.ms-options::-webkit-scrollbar{width:4px}.ms-options::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}.ms-option{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-standard);display:flex}.ms-option:hover{background:var(--surface-sunken)}.ms-option.selected{background:color-mix(in oklab,var(--accent-amber) 6%,transparent)}.ms-footer{padding:var(--space-3) var(--space-5);border-top:var(--border-thin) solid var(--border-subtle);background:var(--surface-page);justify-content:space-between;align-items:center;display:flex}.ms-clear-btn{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;padding:0}.ms-clear-btn:hover{color:var(--status-danger)}.ms-tally{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em;color:var(--text-muted)}.callout{gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:var(--border-thin) solid transparent;font-size:var(--text-sm);line-height:var(--leading-snug);align-items:flex-start;display:flex}.callout-body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.callout-text{color:inherit;opacity:.9}.callout-warning{background:var(--status-warning-soft);border-color:color-mix(in oklab, var(--status-warning) 35%, transparent);color:var(--status-warning)}.callout-warning .callout-text{color:var(--text-secondary)}.empty{text-align:center;padding:var(--space-12) var(--space-9);justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.empty-icon{color:var(--text-muted)}.empty-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 96, "SOFT" 30}.empty-title em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.empty-body{font-size:var(--text-md);color:var(--text-tertiary);max-width:36ch;line-height:var(--leading-snug)}.empty-actions{gap:var(--space-4);margin-top:var(--space-3);align-items:center;display:flex}.sheet-handle{background:var(--border-default);width:40px;height:4px;margin:var(--space-4) auto var(--space-1);border-radius:2px;display:none}@media (width<=599px){.modal-sheet .sheet-handle{display:block}.modal-sheet{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:none!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}}