/* LL AI v66.36 — motion system polish.
   Performance rule: animate only opacity/translate/scale/color/border where possible.
   No blur-based motion, no scroll-linked animation, no polling. */
:root{
  --ll36-fast:120ms;
  --ll36-med:190ms;
  --ll36-slow:280ms;
  --ll36-page:320ms;
  --ll36-ease:cubic-bezier(.2,.78,.24,1);
  --ll36-spring:cubic-bezier(.16,1,.3,1);
  --ll36-soft:cubic-bezier(.22,.72,.24,1);
}

@media (prefers-reduced-motion:no-preference){
  /* ---------- shell + sidebar ---------- */
  .app{transition:grid-template-columns var(--ll36-slow) var(--ll36-spring)!important}
  .side{transition:transform var(--ll36-slow) var(--ll36-spring),opacity var(--ll36-med) var(--ll36-ease)!important}
  .sidebarScrim{transition:opacity var(--ll36-med) var(--ll36-ease),display var(--ll36-med) allow-discrete!important}

  .ll6631SideAction,#closeSide.sideCloseBtn,.ll6634HeaderAction,
  #ll6631PrimaryNav>.navItem,.ll6631MoreButton,#ll6631SettingsSide,#ll6623Projects .ll6623ProjectsHead,
  #llAccountRail,.ll6623ProjectNav,.chatItem,.chatAction,#ll6623Projects .ll6623ProjectsHead>button{
    transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),opacity var(--ll36-med) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring)!important;
  }
  @media (hover:hover){
    #ll6631PrimaryNav>.navItem:hover,.ll6631MoreButton:hover,#ll6631SettingsSide:hover,#ll6623Projects .ll6623ProjectsHead:hover,#llAccountRail:hover{translate:2px 0}
    .ll6631SideAction:hover,#closeSide.sideCloseBtn:hover,.ll6634HeaderAction:hover,#ll6623Projects .ll6623ProjectsHead>button:hover{translate:0 -1px;scale:1.025}
    .chatItem:hover{translate:2px 0}
    .chatAction:hover{scale:1.06}
  }
  .ll6631SideAction:active,#closeSide.sideCloseBtn:active,.ll6634HeaderAction:active,#ll6623Projects .ll6623ProjectsHead>button:active,.chatAction:active{scale:.92}
  #ll6631PrimaryNav>.navItem:active,.ll6631MoreButton:active,#ll6631SettingsSide:active,#ll6623Projects .ll6623ProjectsHead:active,#llAccountRail:active,.chatItem:active{scale:.987}
  #ll6631PrimaryNav>.navItem>span svg,.ll6631MoreButton .ll6631MoreIcon svg,#ll6631SettingsSide>svg,.ll6634ProjectIcon svg{transition:scale var(--ll36-med) var(--ll36-spring),translate var(--ll36-med) var(--ll36-spring),color var(--ll36-med) var(--ll36-ease)!important}
  @media (hover:hover){
    #ll6631PrimaryNav>.navItem:hover>span svg,.ll6631MoreButton:hover .ll6631MoreIcon svg,#ll6631SettingsSide:hover>svg,#ll6623Projects .ll6623ProjectsHead:hover .ll6634ProjectIcon svg{scale:1.06;translate:1px 0}
  }
  .ll6631MoreButton .ll6631Chevron{transition:rotate var(--ll36-med) var(--ll36-spring),background-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease)!important}
  .ll6631MoreButton[aria-expanded="true"] .ll6631Chevron{rotate:90deg!important;transform:none!important}
  .chatActions{transform-origin:right center;transition:opacity var(--ll36-fast) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring)!important;scale:.94}
  .chatItem:hover .chatActions,.chatItem.active .chatActions,.chatItem:focus-within .chatActions{scale:1}

  /* ---------- top controls ---------- */
  #ll6631TopCluster.ll6635TopCluster>button,.ll6631Round,#ll6631TopCluster .ll6632TopIcon{
    transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),box-shadow var(--ll36-med) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring)!important;
  }
  @media (hover:hover){#ll6631TopCluster.ll6635TopCluster>button:hover,.ll6631Round:hover{translate:0 -1px;scale:1.025}}
  #ll6631TopCluster.ll6635TopCluster>button:active,.ll6631Round:active{scale:.92!important;transform:none!important}
  #ll6631TopPrimary.ll36StatePop{animation:ll36StatePop 260ms var(--ll36-spring) both}
  @keyframes ll36StatePop{0%{scale:.88}62%{scale:1.06}100%{scale:1}}

  /* ---------- welcome ---------- */
  .welcome h1{animation:ll36WelcomeIn 420ms var(--ll36-spring) both}
  .welcome p{animation:ll36WelcomeIn 420ms 45ms var(--ll36-spring) both}
  .welcome .chip{transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),box-shadow var(--ll36-med) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring)!important;animation:ll36ChipIn 360ms var(--ll36-spring) both}
  .welcome .chip:nth-child(1){animation-delay:80ms}.welcome .chip:nth-child(2){animation-delay:110ms}.welcome .chip:nth-child(3){animation-delay:140ms}.welcome .chip:nth-child(4){animation-delay:170ms}.welcome .chip:nth-child(5){animation-delay:200ms}
  @media (hover:hover){.welcome .chip:hover{translate:0 -2px!important;scale:1.006}}
  .welcome .chip:active{scale:.985!important;translate:0 0!important}
  .welcome .chip::before{transition:scale var(--ll36-med) var(--ll36-spring),background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease)!important}
  .welcome .chip:hover::before{scale:1.06}
  @keyframes ll36WelcomeIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
  @keyframes ll36ChipIn{from{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}

  /* ---------- composer ---------- */
  .composebox{transition:border-color var(--ll36-med) var(--ll36-ease),background-color var(--ll36-med) var(--ll36-ease),box-shadow var(--ll36-slow) var(--ll36-ease),translate var(--ll36-med) var(--ll36-spring)!important}
  .composebox:focus-within{translate:0 -1px!important}
  .composerPlus,.composerDictation,.composerPrimary,#send,#voice,#attach{transition:background-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),box-shadow var(--ll36-med) var(--ll36-ease),opacity var(--ll36-fast) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring),rotate var(--ll36-med) var(--ll36-spring)!important}
  @media (hover:hover){.composerPlus:hover,.composerDictation:hover,.composerPrimary:hover,#send:hover,#voice:hover,#attach:hover{scale:1.045}}
  .composerPlus:active,.composerDictation:active,.composerPrimary:active,#send:active,#voice:active,#attach:active{scale:.91!important}
  #attach.menuOpen{rotate:45deg}
  .composerActionIcon,.composerMicIcon{transition:opacity var(--ll36-med) var(--ll36-ease),scale var(--ll36-med) var(--ll36-spring),rotate var(--ll36-med) var(--ll36-spring)!important}
  .pendingAttachments:not([hidden]){animation:ll36SoftIn 220ms var(--ll36-spring) both}

  /* ---------- menus / popovers ---------- */
  #attachMenu,#ll6631MoreMenu,#ll6631ChatMenu,#ll6635ChatMenu,#ll6632ProjectMenu,#ll6631TaskFilterMenu,#ll6631LibraryMenu,#chatContextMenu.chatContextMenu,.ll625ResponseMenu.ll6484Portal{
    transform-origin:top right;
    transition:opacity var(--ll36-fast) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring),display var(--ll36-fast) allow-discrete!important;
  }
  #attachMenu{transform-origin:bottom left}
  #attachMenu:not([hidden]),#ll6631MoreMenu:not([hidden]),#ll6631ChatMenu:not([hidden]),#ll6635ChatMenu:not([hidden]),#ll6632ProjectMenu:not([hidden]),#ll6631TaskFilterMenu:not([hidden]),#ll6631LibraryMenu:not([hidden]),#chatContextMenu.chatContextMenu:not([hidden]),.ll625ResponseMenu.ll6484Portal:not([hidden]){opacity:1;translate:0 0;scale:1;animation:ll36MenuIn 180ms var(--ll36-spring) both!important}
  #attachMenu[hidden],#ll6631MoreMenu[hidden],#ll6631ChatMenu[hidden],#ll6635ChatMenu[hidden],#ll6632ProjectMenu[hidden],#ll6631TaskFilterMenu[hidden],#ll6631LibraryMenu[hidden],#chatContextMenu.chatContextMenu[hidden],.ll625ResponseMenu.ll6484Portal[hidden]{opacity:0!important;translate:0 6px;scale:.985}
  @keyframes ll36MenuIn{from{opacity:0;translate:0 7px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
  #attachMenuMain:not([hidden]),#pluginPanel:not([hidden]){animation:ll36InnerSwap 180ms var(--ll36-ease) both}
  @keyframes ll36InnerSwap{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
  #attachMenu button,#ll6631MoreMenu button,#ll6631ChatMenu button,#ll6635ChatMenu button,#ll6632ProjectMenu button,#ll6631TaskFilterMenu button,#ll6631LibraryMenu button,#chatContextMenu button,.ll625ResponseMenu button{
    transition:background-color var(--ll36-fast) var(--ll36-ease),color var(--ll36-fast) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring)!important;
  }
  @media (hover:hover){#attachMenu button:hover,#ll6631MoreMenu button:hover,#ll6631ChatMenu button:hover,#ll6635ChatMenu button:hover,#ll6632ProjectMenu button:hover,#ll6631TaskFilterMenu button:hover,#ll6631LibraryMenu button:hover,#chatContextMenu button:hover,.ll625ResponseMenu button:hover{translate:2px 0}}
  #attachMenu button:active,#ll6631MoreMenu button:active,#ll6631ChatMenu button:active,#ll6635ChatMenu button:active,#ll6632ProjectMenu button:active,#ll6631TaskFilterMenu button:active,#ll6631LibraryMenu button:active,#chatContextMenu button:active,.ll625ResponseMenu button:active{scale:.985}

  /* ---------- modal overlays ---------- */
  #ll6635FindOverlay,#ll6635FilesOverlay,#ll6631LibrarySheet,#ll6632MiniDialog,.commandPalette,.llDialogOverlay,.llSetup,.appearanceModal,.memoryModal,.voiceSettingsPanel,.flashEditModal,.ownerGate,.freeImageSetup{
    transition:opacity var(--ll36-med) var(--ll36-ease),display var(--ll36-med) allow-discrete!important;
  }
  #ll6635FindOverlay:not([hidden]),#ll6635FilesOverlay:not([hidden]),#ll6631LibrarySheet:not([hidden]),.commandPalette:not([hidden]),.llDialogOverlay:not([hidden]),.llSetup:not([hidden]),.appearanceModal:not([hidden]),.memoryModal:not([hidden]),.voiceSettingsPanel:not([hidden]),.flashEditModal:not([hidden]),.ownerGate:not([hidden]),.freeImageSetup:not([hidden]){animation:ll36OverlayIn 190ms var(--ll36-ease) both}
  .ll6635FindCard,.ll6635FilesCard,#ll6631LibrarySheet>section,.commandCard,.llDialog,.llSetupCard,.appearanceCard,.memoryCard,.voiceSettingsCard,.flashEditCard,.ownerGateCard,.freeImageCard{
    transition:opacity var(--ll36-med) var(--ll36-ease),translate var(--ll36-med) var(--ll36-spring),scale var(--ll36-med) var(--ll36-spring)!important;
  }
  #ll6635FindOverlay:not([hidden]) .ll6635FindCard,#ll6635FilesOverlay:not([hidden]) .ll6635FilesCard,#ll6631LibrarySheet:not([hidden])>section,.commandPalette:not([hidden]) .commandCard,.llDialogOverlay:not([hidden]) .llDialog,.llSetup:not([hidden]) .llSetupCard,.appearanceModal:not([hidden]) .appearanceCard,.memoryModal:not([hidden]) .memoryCard,.voiceSettingsPanel:not([hidden]) .voiceSettingsCard,.flashEditModal:not([hidden]) .flashEditCard,.ownerGate:not([hidden]) .ownerGateCard,.freeImageSetup:not([hidden]) .freeImageCard{animation:ll36DialogIn 240ms var(--ll36-spring) both!important}
  @keyframes ll36OverlayIn{from{opacity:0}to{opacity:1}}
  @keyframes ll36DialogIn{from{opacity:0;translate:0 12px;scale:.978}to{opacity:1;translate:0 0;scale:1}}

  #ll6632MiniDialog{transition:opacity var(--ll36-med) var(--ll36-ease)!important}
  #ll6632MiniDialog>section{opacity:0;translate:0 12px;scale:.98;transition:opacity var(--ll36-med) var(--ll36-ease),translate var(--ll36-med) var(--ll36-spring),scale var(--ll36-med) var(--ll36-spring)!important}
  #ll6632MiniDialog.open>section{opacity:1;translate:0 0;scale:1}

  /* ---------- full feature surfaces ---------- */
  #ll6631LibrarySurface:not([hidden]),#ll6631TasksSurface:not([hidden]),#ll6632ProjectsSurface:not([hidden]),#ll6632AssistantsSurface:not([hidden]),.ll6624Page.open{
    animation:ll36SurfaceIn var(--ll36-page) var(--ll36-spring) both!important;
  }
  #ll6631LibrarySurface:not([hidden]) .ll6631SurfaceHeader,#ll6631TasksSurface:not([hidden]) .ll6631SurfaceHeader,#ll6632ProjectsSurface:not([hidden]) .ll6631SurfaceHeader,#ll6632AssistantsSurface:not([hidden]) .ll6631SurfaceHeader{animation:ll36HeaderIn 300ms 25ms var(--ll36-spring) both}
  #ll6631LibrarySurface:not([hidden]) .ll6631Tabs,#ll6631LibrarySurface:not([hidden]) .ll6631LibraryFooter,#ll6631TasksSurface:not([hidden]) .ll6631TaskComposer{animation:ll36SoftIn 300ms 70ms var(--ll36-spring) both}
  @keyframes ll36SurfaceIn{from{opacity:0}to{opacity:1}}
  @keyframes ll36HeaderIn{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
  @keyframes ll36SoftIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}

  /* internal view swaps in Projects + Assistants */
  .ll6632ProjectsIntro,.ll6632ProjectHero,.ll6632AssistantTop,.ll6632AssistantHero,.ll6632AssistantEditor,.ll6632FeatureEmpty,.ll6632FeatureSection{animation:ll36SoftIn 250ms var(--ll36-spring) both}

  /* ---------- cards + tabs ---------- */
  .ll6632AssistantCard,.ll6632ProjectCard,.ll6631TaskCard,.ll6631LibraryCard,.ll6631LibCard,.ll6624Card,.ll6624Plugin,.ll6624MemoryItem,.imageCard,.flashSourceCard,.flashDetailGrid button,.canvasPreset{
    transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),box-shadow var(--ll36-med) var(--ll36-ease),translate var(--ll36-fast) var(--ll36-spring),scale var(--ll36-fast) var(--ll36-spring),opacity var(--ll36-med) var(--ll36-ease)!important;
  }
  @media (hover:hover){
    .ll6632AssistantCard:hover,.ll6632ProjectCard:hover,.ll6631TaskCard:hover,.ll6631LibraryCard:hover,.ll6631LibCard:hover,.ll6624Card:hover,.ll6624Plugin:hover,.imageCard:hover,.flashSourceCard:hover,.flashDetailGrid button:hover,.canvasPreset:hover{translate:0 -2px;scale:1.003}
  }
  .ll6632AssistantCard:active,.ll6632ProjectCard:active,.ll6631TaskCard:active,.ll6631LibraryCard:active,.ll6631LibCard:active,.imageCard:active,.flashSourceCard:active,.flashDetailGrid button:active,.canvasPreset:active{scale:.99;translate:0 0}

  .ll6631LibraryGrid>*:nth-child(-n+18),.ll6631TaskList>.ll6631TaskCard:nth-child(-n+12),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(-n+12),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(-n+12){animation:ll36ItemIn 300ms var(--ll36-spring) both}
  .ll6631LibraryGrid>*:nth-child(2),.ll6631TaskList>.ll6631TaskCard:nth-child(2),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(2),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(2){animation-delay:24ms}
  .ll6631LibraryGrid>*:nth-child(3),.ll6631TaskList>.ll6631TaskCard:nth-child(3),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(3),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(3){animation-delay:48ms}
  .ll6631LibraryGrid>*:nth-child(4),.ll6631TaskList>.ll6631TaskCard:nth-child(4),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(4),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(4){animation-delay:72ms}
  .ll6631LibraryGrid>*:nth-child(5),.ll6631TaskList>.ll6631TaskCard:nth-child(5),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(5),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(5){animation-delay:96ms}
  .ll6631LibraryGrid>*:nth-child(6),.ll6631TaskList>.ll6631TaskCard:nth-child(6),.ll6632ProjectGrid>.ll6632ProjectCard:nth-child(6),.ll6632AssistantGrid>.ll6632AssistantCard:nth-child(6){animation-delay:120ms}
  @keyframes ll36ItemIn{from{opacity:0;translate:0 9px;scale:.99}to{opacity:1;translate:0 0;scale:1}}

  .ll6631Tabs button,.ll6624SettingsTabs button,.ll6632ToggleRow,.ll6624Switch{
    transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring)!important;
  }
  .ll6631Tabs button:active,.ll6624SettingsTabs button:active{scale:.95}

  /* task expansion smoothly reveals controls */
  .ll6631TaskActions{display:grid!important;max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;padding-top:0!important;padding-bottom:0!important;transition:max-height var(--ll36-slow) var(--ll36-spring),opacity var(--ll36-med) var(--ll36-ease),padding var(--ll36-slow) var(--ll36-spring),visibility 0s linear var(--ll36-slow)!important}
  .ll6631TaskCard.expanded .ll6631TaskActions{max-height:128px;opacity:1;visibility:visible;pointer-events:auto;padding-bottom:18px!important;transition-delay:0s!important}
  .ll6631TaskMain>[data-task-expand]{transition:rotate var(--ll36-med) var(--ll36-spring),background-color var(--ll36-med) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring)!important;transform:none!important}
  .ll6631TaskCard.expanded [data-task-expand]{rotate:45deg!important}

  /* ---------- chat content ---------- */
  #chat.ll-chat-switching{animation:ll36ChatSwitch 230ms var(--ll36-ease) both!important}
  @keyframes ll36ChatSwitch{from{opacity:.55;translate:0 7px}to{opacity:1;translate:0 0}}
  .ll36MessageIn{animation:ll36MessageIn 260ms var(--ll36-spring) both!important}
  .ll36UserMessageIn{animation:ll36UserIn 240ms var(--ll36-spring) both!important}
  @keyframes ll36MessageIn{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
  @keyframes ll36UserIn{from{opacity:0;translate:8px 7px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
  .msgActions button,.ll625MoreBtn,.ll625ActionIcon{transition:background-color var(--ll36-fast) var(--ll36-ease),color var(--ll36-fast) var(--ll36-ease),opacity var(--ll36-fast) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring)!important}
  @media (hover:hover){.msgActions button:hover,.ll625MoreBtn:hover{scale:1.055}}
  .msgActions button:active,.ll625MoreBtn:active{scale:.91}

  /* ---------- Images / Canvas / Flashcards / Voice ---------- */
  #imageStudio:not([hidden]),#canvasStudio:not([hidden]),#flashStudio:not([hidden]),#voiceOverlay:not([hidden]){animation:ll36WorkspaceIn 300ms var(--ll36-spring) both!important}
  #imageStudio:not([hidden]) .imageStudioTop,#canvasStudio:not([hidden]) .canvasTop,#flashStudio:not([hidden]) .flashTop,#voiceOverlay:not([hidden]) .voiceTop{animation:ll36HeaderIn 300ms 25ms var(--ll36-spring) both}
  #imageStudio:not([hidden]) .imageStudioBody,#canvasStudio:not([hidden]) .canvasWorkspace,#flashStudio:not([hidden]) .flashBody,#voiceOverlay:not([hidden]) .voiceCard{animation:ll36WorkspaceBodyIn 340ms 40ms var(--ll36-spring) both}
  @keyframes ll36WorkspaceIn{from{opacity:0}to{opacity:1}}
  @keyframes ll36WorkspaceBodyIn{from{opacity:0;translate:0 10px;scale:.994}to{opacity:1;translate:0 0;scale:1}}
  .ll-view-enter{animation:ll36WorkspaceBodyIn 300ms var(--ll36-spring) both!important}
  .ll-view-leave{animation:ll36WorkspaceOut 170ms var(--ll36-ease) both!important;pointer-events:none}
  @keyframes ll36WorkspaceOut{to{opacity:0;translate:0 7px;scale:.995}}
  #chatVoiceOrbDock:not([hidden]){animation:ll36DockIn 260ms var(--ll36-spring) both}
  @keyframes ll36DockIn{from{opacity:0;translate:0 14px;scale:.82}to{opacity:1;translate:0 0;scale:1}}
  .voiceControls button,.closeVoice,.canvasTopBtn,.canvasTool,.canvasRun,.flashTopBtn,.flashControl,.imageGenerate,.imageKeyButton{
    transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring),translate var(--ll36-fast) var(--ll36-spring),box-shadow var(--ll36-med) var(--ll36-ease)!important;
  }
  @media (hover:hover){.voiceControls button:hover,.closeVoice:hover,.canvasTopBtn:hover,.canvasTool:hover,.canvasRun:hover,.flashTopBtn:hover,.flashControl:hover,.imageGenerate:hover,.imageKeyButton:hover{scale:1.035;translate:0 -1px}}
  .voiceControls button:active,.closeVoice:active,.canvasTopBtn:active,.canvasTool:active,.canvasRun:active,.flashTopBtn:active,.flashControl:active,.imageGenerate:active,.imageKeyButton:active{scale:.93;translate:0 0}


  /* ---------- image viewer ---------- */
  #llImageViewer:not([hidden]){animation:ll36OverlayIn 190ms var(--ll36-ease) both!important}
  #llImageViewer:not([hidden]) .llIvStage img{animation:ll36ImageReveal 300ms var(--ll36-spring) both}
  .llIvIcon,.llIvShare,.llIvAction,.llIvActionCircle,.llIvPanelBtn{transition:background-color var(--ll36-med) var(--ll36-ease),border-color var(--ll36-med) var(--ll36-ease),color var(--ll36-med) var(--ll36-ease),scale var(--ll36-fast) var(--ll36-spring),translate var(--ll36-fast) var(--ll36-spring)!important}
  @media (hover:hover){.llIvIcon:hover,.llIvShare:hover,.llIvAction:hover,.llIvPanelBtn:hover{scale:1.035;translate:0 -1px}}
  .llIvIcon:active,.llIvShare:active,.llIvAction:active,.llIvPanelBtn:active{scale:.93;translate:0 0}
  .llIvPopover:not([hidden]),.llIvPanel:not([hidden]){animation:ll36MenuIn 190ms var(--ll36-spring) both}
  @keyframes ll36ImageReveal{from{opacity:0;scale:.985}to{opacity:1;scale:1}}

  /* ---------- drawers / toasts / selection feedback ---------- */
  .notesDrawer{transition:max-height var(--ll36-slow) var(--ll36-spring),opacity var(--ll36-med) var(--ll36-ease),translate var(--ll36-med) var(--ll36-spring),border-color var(--ll36-med) var(--ll36-ease)!important;transform:none!important;translate:0 5px}
  .notesDrawer.open{translate:0 0}
  .llToast{animation:ll36ToastIn 280ms var(--ll36-spring) both!important}
  .llToast.leaving{animation:ll36ToastOut 170ms var(--ll36-ease) both!important}
  @keyframes ll36ToastIn{from{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
  @keyframes ll36ToastOut{to{opacity:0;translate:0 8px;scale:.975}}
  .ll6635FindHit,.ll6631Hit{animation:ll36FindHit 900ms var(--ll36-ease) both!important}
  @keyframes ll36FindHit{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}28%,70%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);background:rgba(255,255,255,.055)}}
}

@starting-style{
  #ll6635ChatMenu:not([hidden]),#ll6631MoreMenu:not([hidden]),#ll6631ChatMenu:not([hidden]),#ll6632ProjectMenu:not([hidden]),#ll6631TaskFilterMenu:not([hidden]),#ll6631LibraryMenu:not([hidden]),#chatContextMenu.chatContextMenu:not([hidden]),.ll625ResponseMenu.ll6484Portal:not([hidden]){opacity:0;translate:0 7px;scale:.975}
  #ll6635FindOverlay:not([hidden]),#ll6635FilesOverlay:not([hidden]),#ll6631LibrarySheet:not([hidden]),.commandPalette:not([hidden]),.llDialogOverlay:not([hidden]),.llSetup:not([hidden]),.appearanceModal:not([hidden]),.memoryModal:not([hidden]),.voiceSettingsPanel:not([hidden]),.flashEditModal:not([hidden]),.ownerGate:not([hidden]),.freeImageSetup:not([hidden]){opacity:0}
}

@media (prefers-reduced-motion:reduce){
  :root{--ll36-fast:.01ms;--ll36-med:.01ms;--ll36-slow:.01ms;--ll36-page:.01ms}
  *,*::before,*::after{scroll-behavior:auto!important}
  .ll36MessageIn,.ll36UserMessageIn,.welcome h1,.welcome p,.welcome .chip,#imageStudio,#canvasStudio,#flashStudio,#voiceOverlay,.llToast,.ll-view-enter,.ll-view-leave{animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Prevent older broad transform rules from stacking with v66.36 individual scale/translate motion. */
@media (prefers-reduced-motion:no-preference){
  .ll6631SideAction,#closeSide.sideCloseBtn,.ll6634HeaderAction,
  #ll6631PrimaryNav>.navItem,.ll6631MoreButton,#ll6631SettingsSide,#ll6623Projects .ll6623ProjectsHead,
  #llAccountRail,.ll6623ProjectNav,.chatItem,.chatAction,#ll6623Projects .ll6623ProjectsHead>button,
  #ll6631TopCluster.ll6635TopCluster>button,.ll6631Round,.welcome .chip,
  .composerPlus,.composerDictation,.composerPrimary,#send,#voice,#attach,
  .ll6632AssistantCard,.ll6632ProjectCard,.ll6631TaskCard,.ll6631LibraryCard,.ll6631LibCard,.ll6624Card,.ll6624Plugin,.ll6624MemoryItem,.imageCard,.flashSourceCard,.flashDetailGrid button,.canvasPreset,
  .msgActions button,.ll625MoreBtn,.voiceControls button,.closeVoice,.canvasTopBtn,.canvasTool,.canvasRun,.flashTopBtn,.flashControl,.imageGenerate,.imageKeyButton,
  .llIvIcon,.llIvShare,.llIvAction,.llIvPanelBtn{transform:none!important}
}