/* ========================================================================== Ivy-F Duo — temporary aesthetics-off / simulator performance layer Loaded last and scoped to .ivy-duo-aesthetics-off. It removes expensive paint effects without changing element geometry, visibility state, pointer behavior, icons, labels, or JavaScript functionality. Premium effects can be previewed without editing code by loading: ?duo=1&duoFx=1 ========================================================================== */ /* IMPORTANT: Do not add position, inset, top/right/bottom/left, width, height, margin, padding, display, or border-radius overrides for the Billie layout here. All Duo geometry belongs in duo-home.css. */ html.ivy-duo-mode.ivy-duo-aesthetics-off, html.ivy-duo-mode.ivy-duo-aesthetics-off body { background: #14161c !important; } /* Retain ultra-short durations so any transitionend/animationend-dependent controls still complete their state changes, while removing visible motion. */ html.ivy-duo-mode.ivy-duo-aesthetics-off *, html.ivy-duo-mode.ivy-duo-aesthetics-off *::before, html.ivy-duo-mode.ivy-duo-aesthetics-off *::after { animation-duration: 1ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; box-shadow: none !important; text-shadow: none !important; mix-blend-mode: normal !important; will-change: auto !important; } /* Keep the Day Cycle Arc visible as the one atmospheric layer. Its expensive motion, blur, filters, shadows, and blend processing are still neutralized by the global Duo performance rules above. */ html.ivy-duo-mode.ivy-duo-aesthetics-off .day-cycle-arc { background: transparent !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .day-cycle-arc__phase-clock, html.ivy-duo-mode.ivy-duo-aesthetics-off .day-cycle-arc__phase-clock-phase { color: var(--ambient-text-primary, #d7dbe4) !important; -webkit-text-fill-color: currentColor !important; background: none !important; background-image: none !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .day-cycle-arc__phase-clock-phase { color: var(--ambient-text-secondary, #d7dbe4) !important; } /* Book-mode time needs visible ink rather than the original transparent gradient text. The closed-mode clock aura remains unchanged. */ html.ivy-duo-mode.ivy-duo-layout--canvas .day-cycle-arc__phase-clock-time { color: var(--ambient-text-primary, #d7dbe4) !important; -webkit-text-fill-color: currentColor !important; background: none !important; } /* Keep phase-aware text without bringing back blur, shadows or glass. Original folded buttons and the inner-screen dock use the same palette. */ html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__svg, html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__icon.active .icon-bar__svg { color: var(--ambient-text-primary, #d7dbe4) !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__category-label { color: var(--ambient-text-secondary, #d7dbe4) !important; } /* The Duo clock aura is intentionally retained in performance mode. It is a single text layer and does not reintroduce the expensive panel blurs. */ html.ivy-duo-mode.ivy-duo-layout--passport.ivy-duo-aesthetics-off .day-cycle-arc__phase-clock-time { background: none !important; color: var(--ambient-text-primary, #d7dbe4) !important; -webkit-text-fill-color: currentColor !important; text-shadow: 0 0 4px currentColor, 0 0 9px currentColor !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off #matrix-sea, html.ivy-duo-mode.ivy-duo-aesthetics-off .glass-panel::before, html.ivy-duo-mode.ivy-duo-aesthetics-off .glass-panel::after, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface::before, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface::after, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__input-pill::before, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__input-pill::after { display: none !important; content: none !important; } /* Flat structural surfaces: enough contrast to understand and operate the UI, with no blur, gradients, reflections, bloom, or translucent stacking. */ html.ivy-duo-mode.ivy-duo-aesthetics-off .glass-panel { background: rgba(27, 30, 37, 0.22) !important; background-image: none !important; border: 1px solid #343945 !important; opacity: 1 !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel.is-open { opacity: 1 !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface.is-open, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface--underlay { background: #232731 !important; background-image: none !important; border: 1px solid #3a404d !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__surface--underlay { display: none !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__input-pill, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__energy-wrap, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel-Premium-connect-line, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel-Premium-connect-locked-overlay, html.ivy-duo-mode.ivy-duo-aesthetics-off .ai-panel__toggle { background: #2b303b !important; background-image: none !important; border-color: #424957 !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar, html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__category { background: transparent !important; background-image: none !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__icon { background: #272b34 !important; background-image: none !important; border: 1px solid #3a404b !important; } html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__icon:hover, html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__icon:active, html.ivy-duo-mode.ivy-duo-aesthetics-off .icon-bar__icon.active { transform: none !important; background: #303641 !important; } /* Feature windows remain functional if opened during Duo work. The redesigned Settings surface owns its material in duo-settings.css. */ html.ivy-duo-mode.ivy-duo-aesthetics-off :is( .timing__panel, .routine-finance-panel, .trading__sim-panel, .achievement-panel, .color_engine-panel, .comment-panel, .life-panel, .ivy-logs-panel, .feature-drawer__surface ) { background: #20242d !important; background-image: none !important; border-color: #383e4a !important; } /* Disable decorative videos only when they are explicitly marked as a visual background. Functional video-studio playback remains untouched. */ html.ivy-duo-mode.ivy-duo-aesthetics-off :is( .subscription-card__bg-video, .trading__sim-background-video, .ambient-background-video ) { display: none !important; }