:root{--theme-transition-duration: .22s}html.theme-transitions-enabled body,html.theme-transitions-enabled .app-sidebar,html.theme-transitions-enabled .app-main-column,html.theme-transitions-enabled .mobile-bottom-nav,html.theme-transitions-enabled .fi,html.theme-transitions-enabled .pill,html.theme-transitions-enabled .btn-primary,html.theme-transitions-enabled .btn-primary-ghost,html.theme-transitions-enabled .btn-ghost,html.theme-transitions-enabled .nav-item,html.theme-transitions-enabled .interactive-row,html.theme-transitions-enabled .interactive-card,html.theme-transitions-enabled .icon-btn,html.theme-transitions-enabled .theme-picker-card,html.theme-transitions-enabled .settings-pill,html.theme-transitions-enabled .font-picker-option,html.theme-transitions-enabled .rank-hero-card,html.theme-transitions-enabled .level-row{transition:background-color var(--theme-transition-duration) ease,background var(--theme-transition-duration) ease,border-color var(--theme-transition-duration) ease,color var(--theme-transition-duration) ease,box-shadow var(--theme-transition-duration) ease}:root{--app-chrome-header-h: 64px}.app-sidebar-head{box-sizing:border-box;height:var(--app-chrome-header-h);padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.app-sidebar--collapsed .app-sidebar-head{padding:0 8px;justify-content:center}.app-cursor-glow{position:fixed;top:0;left:0;width:min(440px,75vw);height:min(440px,75vw);pointer-events:none;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent) 0%,color-mix(in srgb,var(--accent) 5%,transparent) 42%,transparent 68%);filter:blur(48px);opacity:0;transition:opacity .5s ease;mix-blend-mode:screen;will-change:transform}.app-shell.app-cursor-active .app-cursor-glow{opacity:.85}.app-shell--light .app-cursor-glow{mix-blend-mode:multiply;opacity:0}.app-shell--light.app-cursor-active .app-cursor-glow{opacity:.45}.app-shell>.app-sidebar,.app-shell>.app-main-column{position:relative;z-index:1}.nav-item{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-item:hover:not(.nav-item--active){background:var(--surface3)}.nav-item--active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mobile-nav-item{transition:background .15s ease,color .15s ease}.mobile-nav-item--active{background:var(--accent-bg);color:var(--accent)}.mobile-nav-item:active:not(.mobile-nav-item--active){background:var(--surface3)}.interactive-row{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.interactive-row--clickable{cursor:pointer}.interactive-row--clickable:hover{border-color:var(--accent-ring);background:var(--surface3);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 8%,transparent)}.interactive-card{--card-accent: var(--accent);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.interactive-card:hover{border-color:color-mix(in srgb,var(--card-accent) 38%,transparent);box-shadow:0 4px 18px color-mix(in srgb,var(--card-accent) 10%,transparent)}.icon-btn{transition:background .15s ease,color .15s ease,transform .12s ease,opacity .15s ease}.icon-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.icon-btn:active:not(:disabled){transform:translateY(0)}.theme-picker-card{position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.theme-picker-card:hover:not(.theme-picker-card--active){border-color:color-mix(in srgb,var(--picker-accent) 55%,var(--border))!important;box-shadow:0 4px 16px color-mix(in srgb,var(--picker-accent) 12%,transparent);transform:translateY(-2px)}.theme-picker-card--active{box-shadow:0 0 12px color-mix(in srgb,var(--picker-accent) 28%,transparent)}.settings-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface3);border:1px solid var(--border);color:var(--text-3);padding:6px 14px;border-radius:99px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-pill:hover:not(.settings-pill--active){border-color:var(--accent-ring);color:var(--text-2);background:color-mix(in srgb,var(--surface3) 80%,var(--accent-bg))}.settings-pill--active{background:var(--accent-bg);border-color:var(--accent-ring);color:var(--accent)}.onboarding-pill.settings-pill,html.theme-transitions-enabled .onboarding-pill.settings-pill{transition:none}.font-picker-trigger{transition:border-color .15s ease,box-shadow .15s ease}.font-picker-trigger:hover{border-color:var(--accent-ring)}.font-picker-option{transition:background .15s ease,border-color .15s ease}.font-picker-option:hover:not(.font-picker-option--active){background:var(--surface3);border-color:var(--border)!important}.rank-hero-card{--rank-color: var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.rank-hero-card:hover{border-color:color-mix(in srgb,var(--rank-color) 55%,transparent)!important;box-shadow:inset 0 1px #ffffff14,0 12px 36px color-mix(in srgb,var(--rank-color) 22%,transparent)!important;transform:translateY(-1px)}.xp-bar-fill{height:100%;border-radius:99px;transition:width .75s cubic-bezier(.16,1,.3,1)}.level-row{transition:border-color .15s ease,background .15s ease}.level-row--current{box-shadow:0 0 0 1px color-mix(in srgb,var(--level-color) 20%,transparent)}.modal-panel-enter{animation:txp-bounce-from-bottom .72s ease-out both}.level-up-overlay{animation:levelUpOverlayIn .28s ease both}.level-up-panel{animation:levelUpPanelIn .62s cubic-bezier(.16,1,.3,1) both}.level-up-panel:before,.level-up-panel:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--level-color) 38%,transparent);pointer-events:none;opacity:0;animation:levelUpRing 1.15s ease-out .08s both}.level-up-panel:after{top:30px;right:30px;bottom:30px;left:30px;animation-delay:.22s}.level-up-shine{animation:levelUpShine 1.2s ease-out .22s both}.level-up-icon-badge{animation:levelUpBadgePop .78s cubic-bezier(.16,1,.3,1) .1s both,levelUpBadgePulse 1.7s ease-in-out .9s infinite}.level-up-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.level-up-burst span{position:absolute;width:9px;height:16px;border-radius:999px;background:linear-gradient(180deg,#fff,var(--level-color));box-shadow:0 0 12px color-mix(in srgb,var(--level-color) 60%,transparent);opacity:0;transform:rotate(var(--spark-rotate)) translate(0) scale(.35);animation:levelUpSpark 1.05s cubic-bezier(.16,1,.3,1) var(--spark-delay) both}@keyframes levelUpOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes levelUpPanelIn{0%{opacity:0;transform:translateY(18px) scale(.9)}58%{opacity:1;transform:translateY(-3px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes levelUpRing{0%{opacity:.9;transform:scale(.78)}to{opacity:0;transform:scale(1.18)}}@keyframes levelUpShine{0%{opacity:0;transform:translate(-85%) skew(-18deg)}22%{opacity:1}to{opacity:0;transform:translate(85%) skew(-18deg)}}@keyframes levelUpBadgePop{0%{opacity:0;transform:scale(.46) rotate(-10deg)}60%{opacity:1;transform:scale(1.12) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes levelUpBadgePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.12)}}@keyframes levelUpSpark{0%{opacity:0;transform:rotate(var(--spark-rotate)) translate(0) scale(.35)}18%{opacity:1}74%{opacity:.95}to{opacity:0;transform:rotate(var(--spark-rotate)) translate(var(--spark-x),var(--spark-y)) scale(1)}}@media(prefers-reduced-motion:reduce){.level-up-overlay,.level-up-panel,.level-up-panel:before,.level-up-panel:after,.level-up-shine,.level-up-icon-badge,.level-up-burst span{animation:none!important}.level-up-burst{display:none}}.sidebar-side-switch{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:9px 14px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;background:transparent;color:var(--text-3);transition:background .15s ease,color .15s ease}.sidebar-side-switch:hover{background:var(--surface3);color:var(--text-2)}.sidebar-side-switch--collapsed{justify-content:center;padding:9px 0}.sidebar-side-switch:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.sidebar-side-switch__track{position:relative;display:block;width:32px;height:18px;border-radius:5px;border:1px solid var(--border);background:var(--surface2);box-shadow:inset 0 1px color-mix(in srgb,var(--text-2) 8%,transparent);overflow:hidden;flex-shrink:0}.sidebar-side-switch__pane{position:absolute;top:0;left:0;bottom:0;width:8px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface3) 88%,var(--accent-bg));transition:width .22s cubic-bezier(.65,0,.35,1),background .22s ease}.sidebar-side-switch__track.is-expanded .sidebar-side-switch__pane{width:12px;background:color-mix(in srgb,var(--accent-bg) 70%,var(--surface3));border-right-color:color-mix(in srgb,var(--accent-ring) 65%,var(--border))}.sidebar-side-switch__main{position:absolute;top:0;right:0;bottom:0;left:8px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 5px 0 4px;transition:inset .22s cubic-bezier(.65,0,.35,1)}.sidebar-side-switch__track.is-expanded .sidebar-side-switch__main{top:0;right:0;bottom:0;left:12px;padding-left:4px}.sidebar-side-switch__line{display:block;height:1.5px;border-radius:999px;background:color-mix(in srgb,var(--text-3) 55%,transparent);transition:background .22s ease,width .22s ease}.sidebar-side-switch__line--short{width:62%}.sidebar-side-switch__track.is-expanded .sidebar-side-switch__line{background:color-mix(in srgb,var(--text-2) 45%,transparent)}.app-view-fade-in{animation:appViewFadeIn .42s ease-out both}@keyframes appViewFadeIn{0%{opacity:0}to{opacity:1}}.screenshot-analyze-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:12px 16px;border-radius:10px;border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white) 0%,var(--accent) 100%);color:var(--btn-text);font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 0 1px var(--accent-ring),0 8px 24px color-mix(in srgb,var(--accent) 28%,transparent);transition:filter .15s ease,transform .12s ease,box-shadow .15s ease}.screenshot-analyze-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent-ring),0 12px 28px color-mix(in srgb,var(--accent) 34%,transparent)}.screenshot-analyze-btn:active:not(:disabled){transform:translateY(0)}.screenshot-analyze-btn:disabled{opacity:.85;cursor:wait;transform:none}@media(hover:none),(pointer:coarse){.app-cursor-glow{display:none!important}}@media(prefers-reduced-motion:reduce){.app-cursor-glow{display:none!important}.nav-item,.mobile-nav-item,.interactive-row,.interactive-card,.icon-btn,.theme-picker-card,.settings-pill,.font-picker-option,.rank-hero-card,.level-row,.sidebar-side-switch,.sidebar-side-switch__pane,.sidebar-side-switch__main,.sidebar-side-switch__line{transition:none}.theme-picker-card:hover:not(.theme-picker-card--active){transform:none}.icon-btn:hover:not(:disabled){transform:none}.rank-hero-card:hover{transform:none}.screenshot-analyze-btn:hover:not(:disabled){transform:none}.modal-panel-enter,.app-view-fade-in{animation:none}.xp-bar-fill{transition:none}}.txp-form-field{display:flex;flex-direction:column;gap:6px}.txp-form-label{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.txp-form-hint{color:var(--text-4);font-size:11px;line-height:1.45;margin-top:-2px}@media(max-width:768px){.fi,.txp-log-filter .fi,select.fi,textarea.fi{font-size:16px}.txp-trade-form input,.txp-trade-form select,.txp-trade-form textarea{font-size:16px!important}.txp-topbar,.app-sidebar-head{min-height:calc(var(--app-chrome-header-h) + env(safe-area-inset-top,0px));height:auto;padding-top:env(safe-area-inset-top,0px)}.txp-topbar-inner{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.txp-acct-ico{width:34px;height:34px;border-radius:9px}.txp-acct h1{font-size:14px}.txp-acct p{display:none}.txp-topbar-inner{align-items:center}.txp-topbar-actions .txp-log-btn{display:none}.txp-acct-wrap .txp-acct-menu{left:0;right:0;max-width:none}.guest-banner{flex-direction:column;align-items:stretch;padding:10px 14px}.guest-banner-copy-sub{display:none}.guest-banner-actions{width:100%}.guest-banner-actions .btn-primary{flex:1}.txp-log-filter-row,.txp-log-filter-actions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.txp-log-filter-row::-webkit-scrollbar,.txp-log-filter-actions::-webkit-scrollbar{display:none}.txp-log-filter-btn{flex-shrink:0}.txp-log-row{flex-wrap:wrap;gap:10px}.txp-log-row-stats,.txp-log-row-actions{margin-left:auto}.txp-app-toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;max-width:calc(100vw - 32px);text-align:center}.txp-settings-subtitle,.txp-profile-subtitle{display:none}.txp-log-fab,.mobile-nav-item,.txp-acct-btn,.txp-log-btn,.btn-primary{touch-action:manipulation}}.txp-log-fab{display:none;position:fixed;bottom:max(72px,calc(64px + env(safe-area-inset-bottom,0px)));right:max(20px,env(safe-area-inset-right,0px));width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 82%,#000));color:var(--btn-text);cursor:pointer;align-items:center;justify-content:center;z-index:125;box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 40%,transparent),0 2px 8px #00000059;font-family:inherit}.txp-log-mobile-filter-btn{display:none}@media(max-width:768px){.txp-log-fab{display:inline-flex}.txp-log-fab:active{transform:scale(.96)}.txp-log-mobile-filter-btn{display:inline-flex;align-items:center;justify-content:center;position:fixed;bottom:max(136px,calc(128px + env(safe-area-inset-bottom,0px)));right:max(20px,env(safe-area-inset-right,0px));z-index:124;width:56px;height:56px;padding:0;border-radius:50%;border:1px solid var(--txp-border, var(--border));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-2, var(--text-3));cursor:pointer;font-family:inherit;box-shadow:0 4px 24px color-mix(in srgb,var(--bg) 55%,transparent),0 2px 8px #00000059;touch-action:manipulation}.txp-log-mobile-filter-btn .txp-log-filter-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;font-size:10px;border:2px solid var(--surface, var(--bg));box-shadow:0 1px 4px #00000040}.txp-log-mobile-filter-btn:active{transform:scale(.96)}.txp-log-mobile-filter-btn--active{border-color:var(--accent-ring, var(--accent));color:var(--accent);background:var(--accent-bg, color-mix(in srgb, var(--accent) 12%, var(--surface)));box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 28%,transparent),0 2px 8px #00000059}}@media(max-width:480px){.txp-log-row-bar{height:40px}}.txp-bounce-in{animation-duration:.72s;animation-timing-function:ease-out;animation-fill-mode:both}.txp-bounce-in--from-top{animation-name:txp-bounce-from-top}.txp-bounce-in--from-bottom{animation-name:txp-bounce-from-bottom}.txp-bounce-in--from-left{animation-name:txp-bounce-from-left}.txp-bounce-in--from-right{animation-name:txp-bounce-from-right}@keyframes txp-bounce-from-top{0%{transform:translateY(-16px);opacity:.82}38%{transform:translateY(6px);opacity:1}58%{transform:translateY(-3px)}74%{transform:translateY(2px)}86%{transform:translateY(-1px)}to{transform:translateY(0);opacity:1}}@keyframes txp-bounce-from-bottom{0%{transform:translateY(16px);opacity:.82}38%{transform:translateY(-6px);opacity:1}58%{transform:translateY(3px)}74%{transform:translateY(-2px)}86%{transform:translateY(1px)}to{transform:translateY(0);opacity:1}}@keyframes txp-bounce-from-left{0%{transform:translate(-16px);opacity:.82}38%{transform:translate(6px);opacity:1}58%{transform:translate(-3px)}74%{transform:translate(2px)}86%{transform:translate(-1px)}to{transform:translate(0);opacity:1}}@keyframes txp-bounce-from-right{0%{transform:translate(16px);opacity:.82}38%{transform:translate(-6px);opacity:1}58%{transform:translate(3px)}74%{transform:translate(-2px)}86%{transform:translate(1px)}to{transform:translate(0);opacity:1}}.txp-topbar.txp-topbar--bounce-in .txp-topbar-inner{animation:txp-bounce-from-top .72s ease-out forwards}.app-sidebar--expand-bounce .nav-item span,.app-sidebar--expand-bounce .app-sidebar-head .tradesxp-brand-name{animation:txp-bounce-from-left .72s ease-out both}.app-sidebar--expand-bounce .nav-item:nth-child(1) span{animation-delay:.04s}.app-sidebar--expand-bounce .nav-item:nth-child(2) span{animation-delay:.08s}.app-sidebar--expand-bounce .app-sidebar-head .tradesxp-brand-name{animation-delay:.02s}@media(prefers-reduced-motion:reduce){.txp-bounce-in,.txp-topbar.txp-topbar--bounce-in .txp-topbar-inner,.app-sidebar--expand-bounce .nav-item span,.app-sidebar--expand-bounce .app-sidebar-head .tradesxp-brand-name,.txp-log-filter-overlay-panel,.txp-log-filter-dock-panel--visible{animation:none!important}}
