:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #131824;--color-bg-tertiary: #1a1f2e;--color-surface: #1e2433;--color-surface-hover: #252b3d;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-accent: #ec4899;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #475569;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-accent: linear-gradient(135deg, #ec4899 0%, #d946ef 100%);--gradient-bg: radial-gradient(ellipse at top, rgba(99, 102, 241, .05) 0%, transparent 50%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow-primary: 0 0 20px rgba(99, 102, 241, .4), 0 0 40px rgba(99, 102, 241, .2);--shadow-glow-pink: 0 0 20px rgba(255, 71, 87, .4), 0 0 40px rgba(255, 71, 87, .2);--shadow-glow-cyan: 0 0 20px rgba(0, 168, 255, .4), 0 0 40px rgba(0, 168, 255, .2);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-primary);background-image:var(--gradient-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);outline:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.app{min-height:100vh;background:var(--color-bg-primary)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.top-bar{display:flex;flex-direction:column;gap:0;padding:0}.top-section{display:grid;grid-template-columns:auto 1fr;gap:clamp(6px,1.2vw,10px);margin-bottom:clamp(6px,1.5vw,10px);align-items:start}.top-section__right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:clamp(4px,1vw,8px)}.progress-section{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);margin-bottom:clamp(16px,4vw,24px)}.progress-header{font-size:clamp(.85rem,2.2vw,1rem);font-weight:700;color:var(--color-text-primary);margin:0;padding:0;text-align:left;letter-spacing:.3px}.progress-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.5vw,10px);width:100%}.additional-section{margin-bottom:clamp(16px,4vw,24px)}@media(max-width:640px){.top-section{gap:6px}.top-section__right{gap:4px}.progress-section{gap:6px}.progress-header{font-size:.75rem}.progress-cards{gap:5px}}@media(min-width:641px)and (max-width:1024px){.top-section{gap:8px}.progress-cards{gap:7px}}@media(min-width:1025px){.top-section,.progress-cards{gap:10px}}.hanging-board{position:relative;border-style:solid;border-radius:clamp(12px,3vw,20px);width:clamp(220px,45vw,280px);height:clamp(80px,16vw,100px);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:space-between;padding:0;overflow:visible;transition:none;flex-shrink:0}.hanging-board[data-rope-type=rope]:before,.hanging-board[data-rope-type=rope]:after{content:"";position:absolute;top:-60px;width:2px;height:60px;background:linear-gradient(180deg,#4a5568,#2d3748);border-radius:2px;box-shadow:1px 0 3px #0006}.hanging-board[data-rope-type=rope]:before{left:20%}.hanging-board[data-rope-type=rope]:after{right:20%}.hanging-board[data-rope-type=chain]:before,.hanging-board[data-rope-type=chain]:after{content:"";position:absolute;top:-200px;width:3px;height:200px;background:linear-gradient(180deg,#718096,#4a5568);border-radius:1px;box-shadow:1px 0 2px #fff3,-1px 0 3px #00000080}.hanging-board[data-rope-type=chain]:before{left:20%}.hanging-board[data-rope-type=chain]:after{right:20%}.hanging-board[data-rope-type=gold-chain]:before,.hanging-board[data-rope-type=gold-chain]:after{content:"";position:absolute;top:-200px;width:4px;height:200px;background:linear-gradient(180deg,#fbbf24,#d97706);border-radius:2px;box-shadow:1px 0 3px #fbbf2480,-1px 0 4px #00000080,0 0 8px #fbbf244d;animation:gold-shimmer 2s ease-in-out infinite}.hanging-board[data-rope-type=gold-chain]:before{left:20%}.hanging-board[data-rope-type=gold-chain]:after{right:20%}@keyframes gold-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hanging-board[data-rope-type=energy]:before,.hanging-board[data-rope-type=energy]:after{content:"";position:absolute;top:-200px;width:4px;height:200px;background:linear-gradient(180deg,#a78bfa,#7c3aed);border-radius:2px;box-shadow:0 0 10px #a78bfacc,0 0 20px #7c3aed80,inset 0 0 5px #ffffff4d;animation:energy-pulse 1.5s ease-in-out infinite}.hanging-board[data-rope-type=energy]:before{left:20%}.hanging-board[data-rope-type=energy]:after{right:20%}@keyframes energy-pulse{0%,to{opacity:1;box-shadow:0 0 10px #a78bfacc,0 0 20px #7c3aed80}50%{opacity:.8;box-shadow:0 0 15px #a78bfa,0 0 30px #7c3aedb3}}.board-label{position:relative;z-index:2;background:#fffffff2;padding:clamp(4px,1vw,6px) clamp(8px,2vw,10px);border-radius:0 12px 12px 0;margin-left:0;display:flex;flex-direction:column;gap:clamp(2px,.5vw,3px);box-shadow:2px 0 8px #00000026,0 2px 4px #0000001a;max-width:120px}.level-badge-top{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:2px 8px;border-radius:12px;font-size:clamp(.6rem,1.5vw,.65rem);font-weight:700;width:fit-content;box-shadow:0 2px 6px #6366f166;line-height:1.2}.level-icon{font-size:clamp(9px,2vw,10px);animation:star-twinkle 2s ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.username-label{font-size:clamp(.85rem,2.2vw,.95rem);font-weight:800;color:#1a202c;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.board-character{position:absolute;right:-5px;bottom:1px;height:150%;width:auto;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:3}.character-image{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.hanging-board[data-rank="1"] .board-character{right:-25px;bottom:1px;height:120%}.hanging-board[data-rank="2"] .board-character{right:-9px;bottom:-1px;height:120%}.hanging-board[data-rank="3"] .board-character{right:-53px;bottom:-25px;height:180%}.hanging-board[data-rank="4"] .board-character{right:-25px;bottom:-10px;height:150%}.hanging-board[data-rank="5"] .board-character{right:-10px;bottom:-2px;height:130%}.hanging-board[data-rank="6"] .board-character{right:-25px;bottom:-10px;height:150%}.hanging-board[data-rank="7"] .board-character{right:-19px;bottom:0;height:150%}.hanging-board[data-rank="8"] .board-character{right:-15px;bottom:-1px;height:140%}.hanging-board[data-rank="9"] .board-character{right:-5px;bottom:0;height:139%}.hanging-board[data-rank="10"] .board-character{right:-50px;bottom:-18px;height:190%}.stat-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:clamp(10px,2.5vw,14px);padding:clamp(10px,2.5vw,16px);display:flex;flex-direction:column;gap:clamp(4px,1vw,6px);transition:all var(--transition-fast);position:relative;overflow:hidden;min-height:0;text-align:center}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-card__header{display:flex;align-items:center;justify-content:center}.stat-card__label{font-size:clamp(.5rem,1.5vw,.7rem);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.stat-card__content{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,6px)}.stat-card__icon{font-size:clamp(.65rem,2.5vw,1.1rem);line-height:1}.stat-card__value{font-size:clamp(.7rem,2.8vw,1.3rem);font-weight:800;color:var(--color-text-primary);line-height:1}.stat-card__sub{font-size:clamp(.55rem,1.8vw,.75rem);color:var(--color-text-muted);font-weight:500;line-height:1.2}.stat-card--primary{border-color:#6366f14d;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.stat-card--primary:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f133}.stat-card--success{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#0596690d)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--success:hover{border-color:var(--color-success);box-shadow:0 4px 12px #10b98133}.stat-card--danger{border-color:#ef44444d;background:linear-gradient(135deg,#ef44440d,#dc26260d)}.stat-card--danger .stat-card__value{color:var(--color-danger)}.stat-card--danger:hover{border-color:var(--color-danger);box-shadow:0 4px 12px #ef444433}.stat-card--warning{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.stat-card--warning .stat-card__value{color:var(--color-warning)}.stat-card--warning:hover{border-color:var(--color-warning);box-shadow:0 4px 12px #f59e0b33}.stat-card--gold{border-color:#fbbf2466;background:linear-gradient(135deg,#fbbf2414,#d9770614)}.stat-card--gold .stat-card__value{color:#fbbf24}.stat-card--gold:hover{border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d}.stat-card--small{padding:clamp(4px,1.2vw,8px)}.stat-card--small .stat-card__value{font-size:clamp(.7rem,2.2vw,1rem)}.stat-card--large{padding:clamp(8px,2vw,12px)}.stat-card--large .stat-card__value{font-size:clamp(1rem,3.5vw,1.6rem)}@media(max-width:640px){.stat-card{padding:5px 6px}.stat-card__label{font-size:.5rem}.stat-card__value{font-size:.7rem}.stat-card__icon{font-size:.65rem}}@media(max-width:380px){.stat-card{padding:4px 5px}.stat-card__label{font-size:.45rem;letter-spacing:.2px}.stat-card__value{font-size:.7rem}.stat-card__icon{font-size:.65rem}}.stat-card--icon-only{padding:clamp(3px,.8vw,5px);text-align:center;min-width:0}.stat-card--icon-only .stat-card__content{flex-direction:column;gap:clamp(1px,.2vw,2px);align-items:center;justify-content:center}.stat-card--icon-only .stat-card__icon{font-size:clamp(.75rem,2.5vw,1rem)}.stat-card--icon-only .stat-card__value{font-size:clamp(.5rem,1.6vw,.7rem);font-weight:700}@media(max-width:640px){.stat-card--icon-only{padding:3px}.stat-card--icon-only .stat-card__icon{font-size:.75rem}.stat-card--icon-only .stat-card__value{font-size:.5rem}}@media(max-width:380px){.stat-card--icon-only{padding:2px}.stat-card--icon-only .stat-card__icon{font-size:.65rem}.stat-card--icon-only .stat-card__value{font-size:.45rem}}.xp-progress-bar{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.3);border-radius:clamp(8px,2vw,12px);padding:clamp(5px,1.2vw,8px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,0 0 20px #6366f126;text-align:center}.xp-header{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(2px,.5vw,3px)}.xp-rank{font-size:clamp(.5rem,1.5vw,.7rem);font-weight:700;color:#8b5cf6;display:flex;align-items:center;gap:3px;line-height:1.2}.xp-percentage{font-size:clamp(.6rem,1.8vw,.8rem);font-weight:800;color:#818cf8;font-family:var(--font-mono);line-height:1.2}.xp-bar-container{height:clamp(4px,1vw,6px);background:#6366f11a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:clamp(2px,.5vw,3px);box-shadow:inset 0 2px 4px #0000004d}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #6366f199;position:relative}.xp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-footer{display:flex;justify-content:center;align-items:center}.xp-current{font-size:clamp(.5rem,1.5vw,.7rem);font-weight:600;color:var(--color-text-secondary);font-family:var(--font-mono);line-height:1.2}.xp-next{font-size:clamp(.5rem,1.5vw,.7rem);font-weight:700;color:#8b5cf6;display:flex;align-items:center;gap:3px;line-height:1.2}@media(max-width:640px){.xp-progress-bar{padding:5px 6px}.xp-rank{font-size:.5rem;gap:2px}.xp-percentage{font-size:.6rem}.xp-current{font-size:.5rem}}@media(max-width:380px){.xp-progress-bar{padding:4px 5px}.xp-rank{font-size:.45rem}.xp-percentage{font-size:.55rem}.xp-current{font-size:.45rem}.xp-bar-container{height:3px}}.daily-challenge{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1.5px solid rgba(99,102,241,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(8px,2vw,12px);position:relative;overflow:hidden;transition:all var(--transition-fast)}.daily-challenge:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.daily-challenge--completed{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b98166}.daily-challenge--completed:hover{border-color:var(--color-success);box-shadow:0 4px 12px #10b98126}.daily-challenge__container{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2.5vw,14px)}.daily-challenge__left{flex:1;min-width:0}.daily-challenge__header{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.daily-challenge__icon{font-size:clamp(1.5rem,3.5vw,2rem);flex-shrink:0;animation:bounce-subtle 2s ease-in-out infinite}.daily-challenge__content{flex:1;min-width:0}.daily-challenge__title-row{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(2px,.5vw,3px)}.daily-challenge__title{font-size:clamp(.75rem,2vw,.9rem);font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2}.daily-challenge__timer{font-size:clamp(.55rem,1.4vw,.65rem);font-weight:600;font-family:var(--font-mono);color:var(--color-warning);opacity:.9;flex-shrink:0}.daily-challenge__description{font-size:clamp(.6rem,1.5vw,.7rem);color:var(--color-text-secondary);margin:0;line-height:1.3}.daily-challenge__progress-inline{font-weight:800;color:var(--color-primary)}.daily-challenge__right{flex-shrink:0}.daily-challenge__cta{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,6px);padding:clamp(8px,2vw,10px) clamp(14px,3.5vw,18px);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);min-width:clamp(80px,20vw,100px)}.daily-challenge__cta-icon{font-size:clamp(1.2rem,3vw,1.5rem)}.daily-challenge__cta-text{font-size:clamp(.7rem,1.8vw,.85rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.daily-challenge__cta:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-2px)}.daily-challenge__cta:active:not(:disabled){transform:translateY(0)}.daily-challenge__cta--completed{background:var(--gradient-success);cursor:not-allowed;opacity:.8}.daily-challenge__cta--completed:hover{box-shadow:var(--shadow-sm);transform:none}.daily-challenge__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none;animation:pulse-glow 3s ease-in-out infinite}.daily-challenge--completed .daily-challenge__glow{background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%)}@media(max-width:640px){.daily-challenge{padding:8px}.daily-challenge__container{gap:8px}.daily-challenge__header{gap:6px}.daily-challenge__icon{font-size:1.5rem}.daily-challenge__title-row{gap:6px}.daily-challenge__title{font-size:.75rem}.daily-challenge__timer{font-size:.55rem}.daily-challenge__description{font-size:.6rem}.daily-challenge__right{gap:3px}.daily-challenge__cta{padding:8px 14px;min-width:80px}.daily-challenge__cta-icon{font-size:1.2rem}.daily-challenge__cta-text{font-size:.7rem}}@media(max-width:380px){.daily-challenge{padding:4px 6px;border-radius:8px}.daily-challenge__container,.daily-challenge__header{gap:4px}.daily-challenge__icon{font-size:1rem}.daily-challenge__title{font-size:.6rem;line-height:1.1}.daily-challenge__timer{font-size:.45rem}.daily-challenge__description{font-size:.5rem;line-height:1.1}.daily-challenge__cta{padding:4px 8px;min-width:60px;height:24px;border-radius:6px}.daily-challenge__cta-icon{font-size:.8rem}.daily-challenge__cta-text{font-size:.55rem}}.activity-leaderboard{display:flex;gap:clamp(8px,2vw,12px);flex:.5;min-height:0}.activity-feed{flex:6;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1.5px solid rgba(99,102,241,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(6px,1.5vw,8px);position:relative;overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column;min-height:0}.activity-feed:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f126}.activity-feed__header{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(4px,1vw,6px);flex-shrink:0}.activity-feed__icon{font-size:clamp(.9rem,2.2vw,1.1rem)}.activity-feed__title{font-size:clamp(.65rem,1.6vw,.75rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.activity-feed__list{display:flex;flex-direction:column;gap:clamp(3px,.8vw,4px);flex:1;min-height:0;overflow-y:auto;padding-right:4px}.activity-feed__list::-webkit-scrollbar{width:3px}.activity-feed__list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.activity-feed__list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.activity-item{display:flex;align-items:center;gap:clamp(4px,1vw,6px);padding:clamp(3px,.8vw,4px);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.activity-item:hover{background:#ffffff0f;transform:translate(2px)}.activity-item__icon{font-size:clamp(.8rem,2vw,1rem);flex-shrink:0}.activity-item__content{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:clamp(4px,1vw,6px)}.activity-item__text{font-size:clamp(.6rem,1.5vw,.7rem);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item__text strong{color:var(--color-text-primary);font-weight:700}.activity-item__time{font-size:clamp(.55rem,1.3vw,.65rem);color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.leaderboard{flex:4;background:linear-gradient(135deg,#fbbf2414,#f59e0b14);border:1.5px solid rgba(251,191,36,.3);border-radius:clamp(10px,2vw,14px);padding:clamp(6px,1.5vw,8px);position:relative;transition:all var(--transition-fast);display:flex;flex-direction:column;min-height:0;overflow:visible}.leaderboard:hover{border-color:var(--color-warning);box-shadow:0 4px 12px #fbbf2426}.leaderboard__header{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(4px,1vw,6px)}.leaderboard__icon{font-size:clamp(.9rem,2.2vw,1.1rem)}.leaderboard__title{font-size:clamp(.65rem,1.6vw,.75rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.leaderboard__list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.leaderboard__top{display:flex;flex-direction:column;gap:clamp(3px,.8vw,4px);overflow-y:auto;flex:1;min-height:0;padding-right:4px}.leaderboard__top::-webkit-scrollbar{width:3px}.leaderboard__top::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard__top::-webkit-scrollbar-thumb{background:var(--color-warning);border-radius:10px}.leaderboard__user{flex-shrink:0;padding-top:4px;border-top:1px solid rgba(251,191,36,.2);margin-top:4px}.leaderboard-item{display:flex;align-items:center;gap:clamp(4px,1vw,6px);padding:clamp(3px,.8vw,4px);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.leaderboard-item:hover{background:#ffffff0f}.leaderboard-item__rank{font-size:clamp(.8rem,2vw,1rem);flex-shrink:0}.leaderboard-item__name{flex:1;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-item__profit{font-size:clamp(.6rem,1.5vw,.7rem);font-weight:700;color:var(--color-success);font-family:var(--font-mono);flex-shrink:0}.leaderboard-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:clamp(2px,.5vw,3px) 0}.leaderboard-item--user{background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.leaderboard-item--user .leaderboard-item__rank{color:var(--color-primary);font-weight:700}@media(max-width:640px){.activity-leaderboard{gap:6px}.activity-feed,.leaderboard{padding:6px}.activity-feed__header,.leaderboard__header{gap:4px;margin-bottom:4px}.activity-feed__icon,.leaderboard__icon{font-size:.9rem}.activity-feed__title,.leaderboard__title{font-size:.65rem}.activity-feed__list,.leaderboard__list{gap:3px}.activity-item,.leaderboard-item{padding:3px;gap:4px}.activity-item__icon,.leaderboard-item__rank{font-size:.8rem}.activity-item__text,.leaderboard-item__name,.leaderboard-item__profit{font-size:.6rem}.activity-item__time{font-size:.55rem}}@media(max-width:380px){.activity-leaderboard{gap:4px;align-items:stretch}.activity-feed,.leaderboard{padding:4px;border-radius:8px}.activity-feed__header,.leaderboard__header{gap:3px;margin-bottom:2px}.activity-feed__icon,.leaderboard__icon{font-size:.7rem}.activity-feed__title,.leaderboard__title{font-size:.5rem}.activity-feed__list,.leaderboard__list{gap:2px}.activity-item,.leaderboard-item{padding:1.5px 3px;gap:3px;border-radius:4px;min-height:18px}.activity-item__icon,.leaderboard-item__rank{font-size:.65rem}.activity-item__text,.leaderboard-item__name,.leaderboard-item__profit{font-size:.48rem}.activity-item__time{font-size:.45rem}}.daily-reward{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:clamp(10px,2.5vw,14px);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:.1}.daily-reward__content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.daily-reward__icon-box{width:36px;height:36px;background:#ffd7001a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 0 15px #ffd7001a}.daily-reward__text{display:flex;flex-direction:column;justify-content:center}.daily-reward__label{font-size:.65rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.daily-reward__tip{font-size:.8rem;color:var(--color-text-primary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.daily-reward__action{flex-shrink:0}.claim-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-lg);padding:6px 12px;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50066}.claim-btn:active{transform:translateY(0)}.coin-icon{font-size:1.2rem}.claim-info{display:flex;flex-direction:column;align-items:flex-start}.claim-title{font-size:.6rem;font-weight:700;color:#0009;line-height:1}.claim-value{font-size:.85rem;font-weight:800;color:#333;line-height:1}.claim-btn.claimed{background:#ffffff1a;box-shadow:none;cursor:default;transform:none;padding:8px 16px;color:var(--color-text-secondary)}.claim-btn.claimed:hover{transform:none;box-shadow:none}.claim-btn.claimed span{color:var(--color-success);font-weight:600;font-size:.8rem}@media(max-width:380px){.daily-reward{padding:3px 6px;border-radius:8px;min-height:32px}.daily-reward__content{gap:4px}.daily-reward__icon-box{width:24px;height:24px;font-size:.9rem;box-shadow:0 0 8px #ffd7001a}.daily-reward__label{font-size:.5rem;margin-bottom:0}.daily-reward__tip{max-width:110px;font-size:.65rem;line-height:1.1}.claim-btn{padding:3px 8px;border-radius:6px;min-height:24px}.coin-icon{font-size:.8rem}.claim-title{font-size:.45rem}.claim-value{font-size:.65rem}}.market-ticker{width:100%;overflow:hidden;background:linear-gradient(90deg,#0f172a99,#1e293b99,#0f172a99);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:clamp(10px,2.5vw,14px) 0;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.market-ticker__track{display:flex;gap:32px;width:max-content;animation:scroll-ticker 30s linear infinite}.market-ticker:hover .market-ticker__track{animation-play-state:paused}.market-ticker__item{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:clamp(.8rem,2.5vw,.9rem)}.market-ticker__symbol{font-weight:700;color:var(--color-text-secondary)}.market-ticker__price{font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.market-ticker__change{font-weight:600;font-size:.9em}.market-ticker__change.positive{color:var(--color-success)}.market-ticker__change.negative{color:var(--color-danger)}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:640px){.market-ticker{padding:5px 0}.market-ticker__track{gap:20px;animation-duration:25s}}@media(max-width:380px){.market-ticker{padding:3px 0}.market-ticker__track{gap:12px}.market-ticker__item{font-size:.65rem;gap:4px}}.institute-war{background:linear-gradient(180deg,#0f172ae6,#0a0f1cf2);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-xl);padding:clamp(12px,3vw,18px);position:relative;overflow:hidden;box-shadow:0 0 20px #38bdf80d;flex:.35;display:flex;flex-direction:column}.institute-war:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(56,189,248,.03) 3px,rgba(56,189,248,.03) 4px);pointer-events:none;z-index:1}.war-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);position:relative;z-index:2}.live-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;color:#ef4444;background:#ef44441a;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.live-dot{width:6px;height:6px;background-color:#ef4444;border-radius:50%;animation:pulse-red 1.5s infinite}.war-timer{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.war-battleground{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:12px;z-index:2}.team{display:flex;align-items:center;gap:10px}.team-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.team-info{display:flex;flex-direction:column}.team-info.right-align{align-items:flex-end;text-align:right}.team-name{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px}.team-score{font-size:1rem;font-weight:800;color:#fff;font-family:var(--font-mono)}.vs-badge{font-weight:900;font-style:italic;font-size:1.2rem;color:#ffffff1a;position:absolute;left:50%;transform:translate(-50%)}.dominance-track{height:8px;background:#374151;border-radius:4px;position:relative;overflow:hidden;margin-bottom:10px;z-index:2}.dominance-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);position:relative;transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px 0 0 4px}.dominance-glow{position:absolute;right:0;top:0;height:100%;width:20px;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #3b82f6;opacity:.8;filter:blur(4px)}.center-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff3;z-index:3}.war-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#4ade80;font-weight:600;z-index:2;position:relative}.active-agents{color:var(--color-text-secondary)}.text-glow{text-shadow:0 0 10px rgba(74,222,128,.3)}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.your-team .team-score{color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.4)}.enemy-team .team-score{color:#f87171}@media(max-width:640px){.institute-war{padding:10px}.team-logo{width:35px;height:35px;font-size:1.3rem}.team-name{font-size:.65rem}.team-score{font-size:.95rem}.vs-badge{font-size:1.1rem}.dominance-track{height:7px}.war-footer{font-size:.65rem}.live-badge{font-size:.65rem;padding:3px 6px}.war-timer{font-size:.7rem}}@media(max-width:380px){.institute-war{padding:6px;border-radius:10px}.war-header{margin-bottom:4px}.live-badge{font-size:.55rem;padding:2px 4px;gap:3px;height:18px}.live-dot{width:4px;height:4px}.war-timer{font-size:.6rem}.team{gap:4px}.team-logo{width:26px;height:26px;font-size:1rem;border-radius:6px}.team-name{font-size:.5rem}.team-score{font-size:.75rem}.vs-badge{font-size:.9rem}.war-battleground{margin-bottom:6px}.dominance-track{height:5px;margin-bottom:4px}.war-footer{font-size:.55rem}}.war-news{margin-top:8px;padding-top:6px;border-top:1px solid rgba(56,189,248,.1);overflow:hidden;position:relative;z-index:2;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.war-news__track{display:flex;flex-direction:row;gap:24px;width:max-content;animation:war-news-horizontal 15s linear infinite}.war-news__item{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:clamp(.6rem,1.8vw,.7rem);flex-shrink:0}.news-icon{font-size:clamp(.7rem,1.8vw,.85rem);flex-shrink:0}.news-text{color:var(--color-text-secondary)}.news-text strong{color:var(--color-primary);font-weight:700}.war-news__item:after{content:"•";color:#38bdf84d;margin-left:24px}.war-news__item:last-child:after{content:""}@keyframes war-news-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:380px){.war-news{margin-top:4px;padding-top:4px}.war-news__track{gap:16px}.war-news__item{gap:4px;font-size:.55rem}.news-icon{font-size:.65rem}.war-news__item:after{margin-left:16px}}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-xl);font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;letter-spacing:1px;width:100%;min-height:80px}.action-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);pointer-events:none}.action-button-practice{background:linear-gradient(135deg,#ff6b9d,#ff4757);color:#fff}.action-button-practice:hover{box-shadow:0 12px 24px #ff475766,0 0 40px #ff47574d}.action-button-practice:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);box-shadow:0 0 30px #ff475780;opacity:0;animation:pulse-glow 2s infinite;pointer-events:none}.action-button-battle{background:linear-gradient(135deg,#34d399,#059669);color:#fff}.action-button-battle:hover{box-shadow:0 12px 24px #05966966,0 0 40px #0596694d}.action-button-battle:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);box-shadow:0 0 30px #05966980;opacity:0;animation:pulse-glow 2s infinite 1s;pointer-events:none}.action-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.action-label{font-size:var(--font-size-xl);text-shadow:0 2px 4px rgba(0,0,0,.2)}@media(max-width:640px){.action-button{padding:var(--spacing-lg) var(--spacing-xl);min-height:70px}.action-icon{font-size:28px}.action-label{font-size:var(--font-size-lg)}}@media(max-width:400px){.action-button{padding:var(--spacing-md) var(--spacing-lg);min-height:60px;gap:var(--spacing-sm)}.action-icon{font-size:24px}.action-label{font-size:var(--font-size-base)}}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,16px);width:100%;padding:clamp(8px,2vw,12px) 0;flex-shrink:0;margin-top:auto}@media(max-width:640px){.action-buttons{gap:clamp(6px,1.5vw,8px);padding:clamp(6px,1.5vw,8px) 0}}@media(max-width:380px){.action-buttons{gap:4px;padding:4px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-container>*{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards}.home-container>*:nth-child(1){animation-delay:.1s}.home-container>*:nth-child(2){animation-delay:.2s}.home-container>*:nth-child(3){animation-delay:.3s}.home-container>*:nth-child(4){animation-delay:.4s}.home-container>*:nth-child(5){animation-delay:.5s}.level-tester{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:center}.level-tester button{background:var(--gradient-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.level-tester button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.level-controls{display:flex;gap:var(--spacing-sm);align-items:center;background:var(--color-bg-tertiary);padding:4px 12px;border-radius:var(--radius-lg)}.level-controls button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700}.level-controls span{color:var(--color-text-primary);font-weight:600;min-width:80px;text-align:center}html,body{overflow:hidden;height:100vh;width:100vw;position:fixed;margin:0;padding:0;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto}.home-page{height:100vh;width:100vw;background:var(--color-bg-primary);overflow:hidden;position:fixed;top:0;left:0;padding:0 10px;touch-action:none;overscroll-behavior:none}.home-container{max-width:600px;height:100vh;margin:0 auto;padding-top:clamp(16px,4vw,24px);padding-bottom:clamp(12px,3vw,20px);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(6px,1.5vw,10px);touch-action:none}@media(max-width:640px){.home-container{padding-top:clamp(14px,3.5vw,20px);padding-bottom:clamp(10px,2.5vw,16px)}}@media(max-width:380px){.home-container{padding-top:12px;padding-bottom:8px}}@media(max-height:670px)and (max-width:400px){.home-container{padding-top:10px;padding-bottom:6px}}.trading-chart-container{width:100%;height:100%;min-height:300px;background:transparent}.trading-chart-container canvas{touch-action:none}.trading-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#131824f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);flex-shrink:0;transition:all .2s ease-out}.trading-panel-expanded{padding:var(--spacing-sm) var(--spacing-md)}.position-display-expanded{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}.position-display-expanded.long{border-color:#10b9814d}.position-display-expanded.short{border-color:#ef44444d}.position-display-expanded.pnl-glow.long{box-shadow:0 0 20px #10b98166,inset 0 0 10px #10b9811a;border-color:#10b98199}.position-display-expanded.pnl-glow.short{box-shadow:0 0 20px #ef444466,inset 0 0 10px #ef44441a;border-color:#ef444499}.position-header{display:flex;justify-content:space-between;align-items:center}.position-type-badge{display:flex;align-items:center;gap:10px}.position-side-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.position-side-badge.long{background:#10b98133;color:var(--color-success)}.position-side-badge.short{background:#ef444433;color:var(--color-danger)}.position-duration{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.position-pnl-large{display:flex;flex-direction:column;align-items:flex-end}.position-pnl-large .pnl-amount{font-size:1.25rem;font-weight:800;font-family:var(--font-mono)}.position-pnl-large.positive .pnl-amount{color:var(--color-success)}.position-pnl-large.negative .pnl-amount{color:var(--color-danger)}.position-pnl-large .pnl-percent-small{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono)}.position-info-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;padding:10px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-label.sl-label{color:var(--color-danger)}.info-label.tp-label{color:var(--color-success)}.info-value{font-size:.8rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.info-value.sl-value{color:var(--color-danger)}.info-value.tp-value{color:var(--color-success)}.qty-item{text-align:center;min-width:40px}.close-position-btn-expanded{width:100%;padding:10px;background:linear-gradient(135deg,#6464784d,#50506466);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.close-position-btn-expanded:hover{background:linear-gradient(135deg,#ef44444d,#dc262666);border-color:var(--color-danger);color:var(--color-danger);transform:translateY(-1px)}.close-position-btn-expanded:active{transform:translateY(0)}.trade-closed-card{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid transparent;transition:all .3s ease;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trade-closed-card.profit{border-color:#10b98180;box-shadow:0 0 25px #10b9814d,inset 0 0 15px #10b9811a}.trade-closed-card.loss{border-color:#ef444466;box-shadow:0 0 20px #ef444433,inset 0 0 10px #ef44440d}.closed-header{display:flex;justify-content:space-between;align-items:center}.closed-title{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.closed-pnl{display:flex;flex-direction:column;align-items:flex-end}.closed-pnl .pnl-main{font-size:1.4rem;font-weight:800;font-family:var(--font-mono)}.closed-pnl.profit .pnl-main{color:var(--color-success)}.closed-pnl.loss .pnl-main{color:var(--color-danger)}.closed-pnl .pnl-sub{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono)}.closed-details{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.closed-detail-item{display:flex;flex-direction:column;gap:2px;text-align:center}.detail-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.8rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.detail-value.side-long{color:var(--color-success);font-weight:700}.detail-value.side-short{color:var(--color-danger);font-weight:700}.continue-trading-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--color-primary) 0%,#4f46e5 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.continue-trading-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.continue-trading-btn:active{transform:translateY(0)}.position-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.position-info{display:flex;flex-direction:column;gap:2px}.position-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.position-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600}.position-side{padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.position-side.long{background:#10b98133;color:var(--color-success)}.position-side.short{background:#ef444433;color:var(--color-danger)}.position-entry{color:var(--color-text-secondary);font-family:var(--font-mono)}.position-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pnl-value{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono)}.pnl-value.positive{color:var(--color-success)}.pnl-value.negative{color:var(--color-danger)}.pnl-percent{font-size:var(--font-size-xs);font-family:var(--font-mono)}.pnl-percent.positive{color:var(--color-success)}.pnl-percent.negative{color:var(--color-danger)}.close-position-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.close-position-btn:hover{background:var(--color-danger);border-color:var(--color-danger)}.order-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quantity-row{display:flex;align-items:center;gap:var(--spacing-sm)}.quantity-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:40px}.quantity-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-mono);text-align:center;width:80px}.quantity-input:focus{outline:none;border-color:var(--color-primary)}.quantity-presets{display:flex;gap:4px}.quantity-preset-btn{padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.quantity-preset-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.sltp-row{display:flex;gap:var(--spacing-sm)}.sltp-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.sltp-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.sltp-label.sl{color:var(--color-danger)}.sltp-label.tp{color:var(--color-success)}.sltp-input{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono)}.sltp-input:focus{outline:none;border-color:var(--color-primary)}.sltp-input.sl:focus{border-color:var(--color-danger)}.sltp-input.tp:focus{border-color:var(--color-success)}.order-buttons{display:flex;gap:var(--spacing-sm)}.order-btn{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:2px}.order-btn .btn-label{font-size:var(--font-size-xs);font-weight:500;opacity:.8}.order-btn.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.order-btn.buy:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.order-btn.buy:active{transform:translateY(0)}.order-btn.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.order-btn.sell:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.order-btn.sell:active{transform:translateY(0)}.order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:400px){.trading-panel{padding:var(--spacing-sm);gap:6px}.position-display{padding:var(--spacing-xs) var(--spacing-sm)}.order-btn{padding:var(--spacing-sm);font-size:var(--font-size-base)}.quantity-preset-btn{padding:3px 8px}}.replay-controls{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#131824f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);flex-shrink:0}.replay-btn{display:flex;align-items:center;justify-content:center;min-width:36px;padding:0 12px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.replay-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.replay-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.replay-btn:disabled{opacity:.4;cursor:not-allowed}.speed-selector{display:flex;gap:2px;margin-left:var(--spacing-sm)}.speed-btn{padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.speed-btn:hover{color:var(--color-text-secondary)}.speed-btn.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}@media(max-width:400px){.replay-controls{padding:6px var(--spacing-sm);gap:4px}.replay-btn{min-width:32px;padding:0 8px;height:28px;font-size:14px}.speed-btn{padding:3px 6px;font-size:10px}.progress-text{font-size:10px;min-width:50px}}.drawing-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.drawing-sheet-overlay.open{opacity:1;visibility:visible}.drawing-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70vh;transform:translateY(100%);transition:transform .3s ease;z-index:101;display:flex;flex-direction:column}.drawing-sheet-overlay.open .drawing-sheet{transform:translateY(0)}.drawing-sheet-handle{width:100%;height:28px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.drawing-sheet-handle:after{content:"";width:40px;height:4px;background:#94a3b899;border-radius:2px}.drawing-sheet-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.drawing-sheet-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.drawing-sheet-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.drawing-sheet-search::placeholder{color:var(--color-text-muted)}.drawing-sheet-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.drawing-sheet-tabs::-webkit-scrollbar{display:none}.drawing-tab{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.drawing-tab:hover{color:var(--color-text-secondary);background:var(--color-surface)}.drawing-tab.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}.drawing-sheet-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.drawing-category{margin-bottom:var(--spacing-lg)}.drawing-category-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.drawing-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.drawing-tool-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.drawing-tool-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.drawing-tool-card.selected{background:#6366f133;border-color:var(--color-primary)}.drawing-tool-icon{font-size:24px;line-height:1}.drawing-tool-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.drawing-tool-star{position:absolute;top:4px;right:4px;font-size:12px;color:#94a3b866;cursor:pointer;transition:all var(--transition-fast);filter:grayscale(1)}.drawing-tool-card:hover .drawing-tool-star{color:#94a3b8cc;filter:grayscale(.5)}.drawing-tool-star.favorited{color:#f59e0b!important;filter:none!important}.drawing-quick-toolbar{display:flex;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);margin-right:auto}.quick-tool-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.quick-tool-btn:hover{background:var(--color-surface-hover)}.quick-tool-btn.active{background:#6366f133;border-color:var(--color-primary)}.drawing-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.drawing-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.mobile-crosshair-overlay{position:absolute;top:0;left:0;z-index:100;pointer-events:auto;cursor:crosshair}.crosshair-line{position:absolute;background:#3b82f6cc;pointer-events:none}.crosshair-line.vertical{width:1px;top:0;bottom:0;transform:translate(-.5px)}.crosshair-line.horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.crosshair-dot{position:absolute;width:36px;height:36px;background:#3b82f64d;border:3px solid #3b82f6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #3b82f680;pointer-events:none}.crosshair-dot:before{content:"";position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-status-bar{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,rgba(15,15,20,.95),transparent);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:120}.status-text{font-size:14px;color:#e5e7eb;font-weight:500}.cancel-btn{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:active{background:#ef444466;transform:scale(.95)}.crosshair-anchor-marker{position:absolute;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 8px #10b98199;z-index:105}.crosshair-preview-line{position:absolute;background:none;pointer-events:none;z-index:104}.crosshair-preview-line svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.crosshair-preview-line line{stroke:#3b82f699;stroke-width:2;stroke-dasharray:6,4}.drawing-canvas{position:absolute;top:0;left:0;width:calc(100% - 60px);height:calc(100% - 25px);z-index:20;pointer-events:none;overflow:hidden}.drawing-canvas.active{pointer-events:auto;cursor:crosshair}.drawing-canvas svg{width:100%;height:100%;overflow:hidden}.drawing-tool-indicator{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid rgba(51,65,85,.5);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:12px;color:#e2e8f0;font-size:14px;font-weight:500;pointer-events:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:30}.drawing-tool-indicator button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;margin:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawing-tool-indicator button:hover{color:#ef4444;background:#ef44441a}.drawing-line{fill:none;cursor:pointer;pointer-events:stroke}.drawing-line:hover{stroke-width:4px;stroke-opacity:.5}.drawing-line.selected{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.drawing-line.preview{opacity:.6;pointer-events:none}.drawing-rect{fill-opacity:.1;cursor:pointer;pointer-events:all}.drawing-rect:hover{stroke-width:3px;fill-opacity:.2}.drawing-rect.selected{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.drawing-rect.preview{opacity:.6;pointer-events:none}.drawing-anchor{fill:#fff;stroke-width:2px;cursor:grab;pointer-events:auto;transition:r .1s}.drawing-anchor:hover{r:8px;fill:#e2e8f0}.fib-line{pointer-events:stroke}.fib-label{fill:#94a3b8;font-size:10px;font-family:Inter,sans-serif;pointer-events:none}.drawing-quick-toolbar{position:absolute;background:#0f172af2;border:1px solid rgba(51,65,85,.5);border-radius:8px;padding:4px;display:flex;gap:4px;pointer-events:auto;z-index:40;box-shadow:0 10px 15px -3px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:16px;transition:all .2s}.quick-toolbar-btn:hover{background:#ffffff1a;color:#fff}.quick-toolbar-btn.active{background:#3b82f633;color:#3b82f6}.quick-toolbar-divider{width:1px;background:#47556980;margin:4px 2px}.color-picker-popup{position:absolute;top:100%;left:0;margin-top:8px;background:#0f172af2;border:1px solid rgba(51,65,85,.5);border-radius:8px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:50;box-shadow:0 10px 15px -3px #0000004d}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #00000080}.drawing-hit-target{stroke-opacity:0;stroke:#00000003;fill:none;pointer-events:stroke;cursor:pointer}.drawing-hit-target.filled{fill:transparent;pointer-events:all}.drawing-anchor-hit{fill:#00000003;pointer-events:fill;cursor:grab;stroke:none}.toolbar-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;color:#64748b;cursor:grab;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none;padding-right:4px;border-right:1px solid rgba(71,85,105,.3);margin-right:4px}.toolbar-drag-handle:active{cursor:grabbing;color:#94a3b8}.text-edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.text-edit-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;width:300px;box-shadow:0 20px 40px #0006}.text-edit-modal h3{margin:0 0 16px;color:#f1f5f9;font-size:16px;font-family:Outfit,sans-serif}.text-edit-modal input{width:100%;background:#0f172a;border:1px solid #334155;padding:12px;border-radius:8px;color:#e2e8f0;font-size:16px;margin-bottom:16px;outline:none;box-sizing:border-box}.text-edit-modal input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{background:transparent;border:1px solid #475569;padding:8px 16px;border-radius:6px;color:#cbd5e1;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.modal-actions button:hover{background:#ffffff0d;color:#fff}.modal-actions button.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-actions button.primary:hover{background:#2563eb}.drawing-text{pointer-events:none}.drawing-text.selected{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.drawing-text.preview{opacity:.6}.drawing-favorites-bar{position:absolute;display:flex;align-items:center;gap:2px;padding:8px 10px;background:#0f172af2;border:1px solid rgba(51,65,85,.6);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;z-index:25;pointer-events:auto}.favorites-bar-handle{display:flex;align-items:center;justify-content:center;padding:0 6px 0 2px;cursor:grab;-webkit-user-select:none;user-select:none}.favorites-bar-handle:active{cursor:grabbing}.handle-dots{color:#94a3b880;font-size:14px;letter-spacing:-2px;margin-right:2px}.favorites-bar-separator{width:1px;height:18px;background:#ffffff1a;margin:0 6px}.favorites-bar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:16px;color:#cbd5e1;transition:all .15s ease}.favorites-bar-btn:hover{background:#ffffff1a;color:#fff}.favorites-bar-btn.active{background:#3b82f640;color:#3b82f6;box-shadow:inset 0 0 0 1px #3b82f680}.favorites-bar-separator{width:1px;height:20px;background:#47556980;margin:0 4px}.favorites-bar-btn.more-btn{font-size:10px;color:#94a3b8}.favorites-bar-btn.more-btn:hover{color:#e2e8f0}@media(max-width:480px){.drawing-favorites-bar{padding:8px 10px;gap:1px}.favorites-bar-btn{width:28px;height:28px;font-size:14px}.favorites-bar-separator{height:16px;margin:0 2px}}.timeframe-spinner-container{position:relative;height:38px;width:44px;background:transparent;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.timeframe-spinner-container.disabled{opacity:.5;pointer-events:none}.timeframe-spinner-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;padding:0}.timeframe-spinner-scroll::-webkit-scrollbar{display:none}.spinner-item{height:20px;min-height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#64748b;scroll-snap-align:center;cursor:pointer;transition:all .2s;opacity:.5}.spinner-item.active{color:#60a5fa;font-weight:800;font-size:15px;opacity:1;text-shadow:0 0 8px rgba(96,165,250,.5)}.spinner-spacer{height:9px;min-height:9px;flex-shrink:0}.spinner-highlight{display:none}.spinner-mask{position:absolute;left:0;right:0;height:6px;z-index:2;pointer-events:none}.spinner-mask.top{top:0;background:linear-gradient(to bottom,#131824,#13182400)}.spinner-mask.bottom{bottom:0;background:linear-gradient(to top,#131824,#13182400)}.welcome-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.welcome-modal-content{background:#1e1e1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center;box-shadow:0 8px 32px #0006}.welcome-modal-content h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff}.welcome-subtitle{margin:0 0 24px;font-size:14px;color:#fff9}.progress-container{height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:12px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#2962ff,#2979ff);transition:width .3s ease-out}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80;margin-bottom:16px}.start-hint{font-size:12px;color:#fff6;margin-bottom:24px}.skip-button{background:#2962ff;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.skip-button:hover{background:#1e88e5}.skip-button:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}:root{--glass-bg: rgba(30, 30, 46, .95);--glass-border: rgba(255, 255, 255, .1);--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8}.journal-sheet-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:flex-end}.journal-sheet{width:100%;max-width:500px;height:90vh;background:var(--glass-bg);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0009;border-top:1px solid var(--glass-border);animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.journal-header-col{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:20px}.journal-title-row{display:flex;justify-content:space-between;align-items:center}.journal-title-row h3{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.journal-stepper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.step-item{background:transparent;border:none;display:flex;flex-direction:column;gap:8px;cursor:pointer;text-align:left;padding:0;opacity:.5;transition:all .3s ease}.step-item:hover{opacity:.8}.step-item.active,.step-item.completed{opacity:1}.step-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.step-bar{height:4px;background:#ffffff1a;border-radius:2px;width:100%;position:relative;overflow:hidden}.step-item.active .step-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.step-item.completed .step-bar{background:#4ade80}.pnl-badge{padding:6px 12px;border-radius:12px;font-weight:700;font-size:1rem;background:#ffffff0d}.pnl-badge.win{color:#4ade80;background:#4ade8026;border:1px solid rgba(74,222,128,.2);box-shadow:0 0 12px #4ade8033}.pnl-badge.loss{color:#f87171;background:#f8717126;border:1px solid rgba(248,113,113,.2)}.journal-content-area{flex:1;overflow-y:auto;position:relative;padding:24px}.step-content{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0}.result-card{background:#0003;border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.result-row{display:flex;flex-direction:column;gap:4px}.result-row .label{font-size:.7rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;margin-bottom:4px}.result-row .value{font-size:1rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace;word-break:break-word}.text-win{color:#4ade80}.text-loss{color:#f87171}.empty-system-msg{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic;background:#ffffff05;border-radius:12px}.journal-content::-webkit-scrollbar{width:6px}.journal-content::-webkit-scrollbar-track{background:transparent}.journal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.journal-section h4{margin:0 0 12px;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.reason-input{width:100%;background:#0003;border:1px solid var(--glass-border);padding:14px 16px;border-radius:12px;color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s;margin-bottom:12px}.reason-input:focus{border-color:var(--accent-color);background:#0000004d;box-shadow:0 0 0 2px #3b82f61a}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{background:#ffffff0d;border:1px solid transparent;border-radius:20px;padding:6px 14px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.chip-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.execution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exec-btn{background:#ffffff08;border:1px solid var(--glass-border);padding:12px;border-radius:10px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.exec-btn:hover{background:#ffffff14}.exec-btn.selected{background:#3b82f626;border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px #3b82f61a}.emotions-grid{display:flex;flex-wrap:wrap;gap:10px}.emotion-btn{flex:1;min-width:80px;background:#ffffff08;border:1px solid var(--glass-border);padding:12px 8px;border-radius:10px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:center}.emotion-btn:hover{transform:translateY(-2px);background:#ffffff14}.emotion-btn.selected{background:#3b82f626;border-color:var(--accent-color);box-shadow:0 0 15px #3b82f61a}.notes-area{width:100%;background:#0003;border:1px solid var(--glass-border);padding:14px;border-radius:12px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;resize:none;outline:none;transition:border .2s}.notes-area:focus{border-color:var(--accent-color)}.journal-actions{padding:20px 24px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;background:#14141ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-group{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;color:var(--text-primary)}.btn-primary{padding:10px 24px;background:var(--accent-color);color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--accent-glow)}.btn-skip{padding:14px 24px;background:transparent;color:var(--text-secondary);border:none;font-weight:600;cursor:pointer;font-size:1rem;transition:color .2s}.btn-skip:hover{color:var(--text-primary)}.btn-save{flex:1;padding:14px;background:var(--accent-color);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px var(--accent-glow)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--accent-glow)}.system-actions-list{display:flex;flex-direction:column;gap:10px}.system-action-card{display:flex;align-items:center;background:#ffffff0d;padding:12px;border-radius:12px;border:1px solid var(--glass-border);gap:12px}.action-icon{font-size:1.2rem;min-width:32px;display:flex;align-items:center;justify-content:center}.action-details{display:flex;flex-direction:column;gap:2px}.action-desc{color:var(--text-primary);font-size:.9rem;font-weight:500}.matchmaking-lobby{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;background:linear-gradient(180deg,#0f172a,#1e293b);position:relative;overflow:hidden}.lobby-split-top{flex:1;display:flex;flex-direction:column;padding:16px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lobby-center{display:flex;flex-direction:column;align-items:center;padding:8px 16px;z-index:10;flex-shrink:0}.lobby-split-bottom{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.matchmaking-lobby.splitting .lobby-split-top{transform:translateY(-100%)}.matchmaking-lobby.splitting .lobby-split-bottom{transform:translateY(100%)}.matchmaking-lobby.splitting .lobby-center{opacity:0;transition:opacity .3s ease}.floating-candles-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floating-candle{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:.5}.floating-candle.green{bottom:-100px;animation:floatUp linear infinite}.floating-candle.red{top:-100px;animation:floatDown linear infinite}.floating-candle .candle-wick{width:2px;height:30%;background:#475569}.floating-candle .candle-body{width:100%;height:40%;border-radius:2px}.floating-candle .candle-wick-bottom{width:2px;height:30%;background:#475569}.floating-candle.green .candle-body{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 0 15px #22c55e80}.floating-candle.red .candle-body{background:linear-gradient(180deg,#ef5350,#dc2626);box-shadow:0 0 15px #ef535080}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-120vh);opacity:0}}@keyframes floatDown{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(120vh);opacity:0}}.lobby-header,.vs-container,.status-text,.lobby-actions{position:relative;z-index:1}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:24px}.lobby-header h1{font-size:20px;font-weight:800;color:#f1f5f9;text-align:center;margin:0;letter-spacing:2px}.lobby-header .back-btn{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:8px 12px}.lobby-header .placeholder{width:60px}.vs-container-vertical{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;padding:8px 0;justify-content:center;min-height:0}.player-card{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 24px;background:#1e293be6;border-radius:16px;border:2px solid #334155;min-width:200px;transition:all .3s ease}.player-card .player-info{display:flex;flex-direction:column;gap:4px}.player-card.you{border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.player-card.opponent.found{border-color:#ef5350;box-shadow:0 0 20px #ef53504d;animation:opponentReveal .5s ease}@keyframes opponentReveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.player-card .avatar{width:80px;height:80px;border-radius:50%;background:#33415580;display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid #475569}.player-card .avatar.empty{color:#64748b;font-size:32px}.player-card .avatar.searching{position:relative}.player-card .avatar .spinner{width:50px;height:50px;border:4px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-card .name{font-size:18px;font-weight:700;color:#f1f5f9}.player-card .rank{font-size:14px;color:#94a3b8;font-weight:500}.player-card .ai-badge{font-size:11px;background:#ef535033;color:#ef5350;padding:4px 8px;border-radius:12px;font-weight:600}.vs-divider-vertical{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:280px;padding:8px 0}.vs-divider-vertical .vs-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,#475569 50%,transparent 100%)}.vs-divider-vertical .vs-text{font-size:28px;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);letter-spacing:4px}.vs-divider-vertical .countdown-ring{width:50px;height:50px;border-radius:50%;background:#ef53501a;border:3px solid #ef5350;display:flex;align-items:center;justify-content:center;animation:pulse-ring 1s ease infinite}.vs-divider-vertical .countdown-number{font-size:20px;font-weight:800;color:#ef5350;font-family:monospace}.vs-divider{display:flex;flex-direction:column;align-items:center;gap:16px}.vs-text{font-size:32px;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);letter-spacing:4px}.countdown-ring{width:60px;height:60px;border-radius:50%;background:#ef53501a;border:3px solid #ef5350;display:flex;align-items:center;justify-content:center;animation:pulse-ring 1s ease infinite}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #ef535066}50%{transform:scale(1.05);box-shadow:0 0 20px #ef53504d}}.countdown-number{font-size:24px;font-weight:800;color:#ef5350;font-family:monospace}.status-text{text-align:center;font-size:16px;color:#94a3b8;padding:16px;font-weight:500}.lobby-actions{display:flex;justify-content:center;padding:24px 0}.action-btn{padding:16px 48px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.action-btn.primary.pulse{animation:btn-pulse 1.5s ease infinite;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66}@keyframes btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-btn.secondary{background:#47556980;color:#94a3b8;border:1px solid #475569}.action-btn.secondary:hover{background:#475569b3;color:#f1f5f9}@media(max-height:700px){.lobby-header{margin-bottom:8px;padding:4px 0}.lobby-header h1{font-size:18px}.player-card{padding:12px 16px;min-width:180px;gap:12px}.player-card .avatar{width:60px;height:60px;font-size:30px}.player-card .avatar .spinner{width:40px;height:40px}.player-card .name{font-size:16px}.player-card .rank{font-size:12px}.vs-divider-vertical{gap:8px}.vs-divider-vertical .countdown-ring{width:40px;height:40px}.vs-divider-vertical .countdown-number{font-size:16px}.vs-divider-vertical .vs-text{font-size:20px}.status-text{font-size:14px;padding:8px}.action-btn{padding:12px 32px;font-size:16px}.lobby-split-top,.lobby-split-bottom{padding:12px}}@media(max-height:600px){.matchmaking-lobby{min-height:100vh}.player-card{padding:8px 12px}.player-card .avatar{width:50px;height:50px;font-size:24px}.vs-divider-vertical{gap:4px;padding:0}.lobby-header .back-btn{padding:4px 8px;font-size:14px}}.round-intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#09090b,#1a1a1a);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;color:#fff;font-family:Inter,system-ui,sans-serif;transform-origin:center;animation:fadeIn .3s ease-out}.round-intro-overlay.exiting{opacity:0;transform:scale(1.1);transition:all .5s ease-in;pointer-events:none}.round-intro-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(34,197,94,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,68,68,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);animation:gridScroll 20s linear infinite;z-index:-2}.round-intro-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.2) 50%);background-size:100% 4px;z-index:-1;pointer-events:none}.round-intro-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:-1}.orb-1{width:300px;height:300px;background:#22c55e;top:-100px;left:-100px;animation:float 10s ease-in-out infinite}.orb-2{width:400px;height:400px;background:#ef4444;bottom:-100px;right:-100px;animation:float 12s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:#22c55e;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;animation:pulse 4s ease-in-out infinite}.round-intro-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:10;text-align:center;max-width:90%}.round-title-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin-bottom:.5rem}.round-line-left,.round-line-right{height:2px;width:60px;background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.7}.round-title{font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2rem;text-shadow:0 0 10px rgba(239,68,68,.5);margin:0}.round-mode-big{font-size:3.5rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(to right,#22c55e,#fff,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(34,197,94,.3));animation:shimmer 3s infinite linear;background-size:200% auto;line-height:1}.round-desc-container{display:flex;flex-direction:column;gap:.5rem;color:#94a3b8;font-size:.9rem;background:#0006;padding:1rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.round-description{margin:0;font-weight:500;color:#e2e8f0}.round-sub-description{margin:0;color:#ef4444;font-weight:600;font-size:.85rem;letter-spacing:.5px}.round-countdown{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-label{font-size:.75rem;color:#64748b;letter-spacing:2px;text-transform:uppercase}.countdown-ring{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.countdown-ring svg{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.ring-progress{fill:none;stroke:url(#countdownGradient);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.countdown-number{position:absolute;font-size:1.5rem;font-weight:700;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}@keyframes shimmer{to{background-position:200% center}}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 50px}}.tutorial-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.tutorial-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:24px;padding:32px;width:90%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden;text-align:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.tutorial-modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#22c55e,#3b82f6,#ef4444)}.tutorial-icon{font-size:48px;margin-bottom:24px;animation:bounce 2s infinite}.tutorial-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.tutorial-text{font-size:16px;line-height:1.6;color:#cbd5e1;margin-bottom:32px;font-weight:500}.tutorial-highlight{color:#22d3ee;font-weight:700}.tutorial-action-btn{width:100%;padding:16px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #3b82f680}.tutorial-action-btn:active{transform:scale(.98)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.practice-mode-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg-primary);overflow:hidden}.practice-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.practice-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:18px}.back-button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.symbol-info{display:flex;flex-direction:column}.symbol-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:1.2}.symbol-exchange{font-size:var(--font-size-xs);color:var(--color-text-muted)}.practice-header-right{display:flex;align-items:flex-end;flex-direction:column}.current-price{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.price-change{font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono)}.price-change.positive{color:var(--color-success)}.price-change.negative{color:var(--color-danger)}.chart-area{flex:1;min-height:0;position:relative;background:var(--color-bg-primary);overflow:hidden}.crosshair-info{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:#1e2433e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);z-index:10;opacity:0;transition:opacity var(--transition-fast)}.crosshair-info.visible{opacity:1}.crosshair-price{color:var(--color-primary-light);font-weight:600}.controls-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-sm)}.chart-type-selector{display:flex;gap:4px}.chart-type-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.chart-type-btn:hover{color:var(--color-text-secondary);background:var(--color-surface)}.chart-type-btn.active{color:var(--color-primary-light);background:#6366f126;border-color:var(--color-primary)}@media(max-width:400px){.practice-header{padding:var(--spacing-xs) var(--spacing-sm)}.symbol-name{font-size:var(--font-size-base)}.current-price{font-size:var(--font-size-lg)}.price-change{font-size:var(--font-size-xs)}.chart-type-btn{width:32px;height:28px;font-size:14px}}.loading-price{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.loading-overlay,.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:#0a0e1ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.loading-spinner{font-size:48px;animation:pulse-glow 1.5s ease-in-out infinite}.loading-overlay p,.error-overlay p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.error-overlay{color:var(--color-danger)}.error-overlay button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.error-overlay button:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.practice-title{display:flex;flex-direction:column}.practice-title-main{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:1.2}.practice-title-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.trade-result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.trade-result-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:320px;width:90%;animation:modal-pop .3s ease-out}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.trade-result-modal h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.trade-result-modal h2.positive{color:var(--color-success)}.trade-result-modal h2.negative{color:var(--color-danger)}.trade-result-pnl{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.trade-result-pnl>span:first-child{font-size:2rem;font-weight:700;font-family:var(--font-mono)}.trade-result-pnl .positive{color:var(--color-success)}.trade-result-pnl .negative{color:var(--color-danger)}.trade-result-percent{font-size:var(--font-size-sm);color:var(--color-text-muted)}.trade-result-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.trade-result-details p{margin:2px 0}.trade-result-actions{display:flex;gap:var(--spacing-sm)}.trade-result-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-continue{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-continue:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary)}.btn-switch{background:var(--gradient-primary);border:none;color:#fff}.btn-switch:hover{opacity:.9;transform:translateY(-1px)}.timeframe-sheet-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-bottom:80px;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.timeframe-sheet{background:#1e222d;border:1px solid rgba(51,65,85,.5);border-radius:12px;padding:16px;width:90%;max-width:320px;box-shadow:0 4px 20px #00000080;animation:slide-up .2s ease-out;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-header{width:100%;text-align:center;font-size:13px;color:#94a3b8;margin-bottom:8px;font-weight:600}.sheet-btn{flex:1;min-width:60px;height:40px;background:#1e293b80;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.sheet-btn:hover{background:#33415580;border-color:#64748b}.sheet-btn.active{background:#3b82f626;border-color:#3b82f6;color:#60a5fa;font-weight:700}.sheet-btn.icon-layout{min-width:80px;height:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px}.timeframe-hud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172ae6;padding:24px 48px;border-radius:16px;color:#f8fafc;font-size:36px;font-weight:700;pointer-events:none;z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;border:1px solid rgba(255,255,255,.1);animation:hud-pop .15s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 4px 12px rgba(0,0,0,.5);letter-spacing:1px}@keyframes hud-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rgbGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rgb-glow-effect{position:relative;z-index:50}.rgb-glow-effect:before{content:"";position:absolute;inset:-2px;z-index:-2;background:linear-gradient(45deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6);background-size:300%;border-radius:10px;animation:rgbGlow 6s linear infinite;opacity:.8;filter:blur(3px)}.rgb-glow-effect:after{content:"";position:absolute;inset:0;z-index:-1;background:#1e293bf2;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.journal-tab-glow{position:relative;z-index:50}.journal-tab-glow:before{content:"";position:absolute;inset:-2px;z-index:-2;background:linear-gradient(45deg,#3b82f6,#22d3ee,#8b5cf6,#3b82f6);background-size:300%;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);animation:rgbGlow 6s linear infinite;opacity:.8;filter:blur(3px)}.journal-tab-glow:after{content:"";position:absolute;inset:0;z-index:-1;background:#1e293bf2;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);border:1px solid rgba(255,255,255,.1)}.timer-popup{animation:timerPopupIn .4s cubic-bezier(.34,1.56,.64,1)}.timer-popup.hiding{animation:timerPopupOut .5s ease-out forwards}@keyframes timerPopupIn{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.8)}50%{transform:translate(-50%) translateY(5px) scale(1.05)}70%{transform:translate(-50%) translateY(-3px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes timerPopupOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}}@keyframes urgentPulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 30px #ef444499}}.proximity-overlay{position:absolute;inset:0;pointer-events:none;z-index:50;transition:box-shadow .3s ease}.proximity-overlay.tp-close{box-shadow:inset 0 0 100px #22c55e33;animation:pulse-green 1s infinite}.proximity-overlay.sl-close{box-shadow:inset 0 0 100px #ef444433;animation:pulse-red .8s infinite}@keyframes pulse-green{0%,to{box-shadow:inset 0 0 50px #22c55e1a}50%{box-shadow:inset 0 0 150px #22c55e66}}@keyframes pulse-red{0%,to{box-shadow:inset 0 0 50px #ef44441a}50%{box-shadow:inset 0 0 150px #ef444466}}.shake-screen-win{animation:shake-win .5s cubic-bezier(.36,.07,.19,.97) both}.shake-screen-loss{animation:shake-loss .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-win{0%{transform:scale(1)}10%{transform:scale(1.02)}20%{transform:scale(1)}30%{transform:scale(1.02)}40%{transform:scale(1)}}@keyframes shake-loss{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.hourglass-loader{width:48px;height:48px;position:relative;animation:hourglass-spin 3s infinite cubic-bezier(.65,.05,.36,1)}.sand-top,.sand-bottom{position:absolute;width:40px;height:20px;left:4px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);clip-path:polygon(0 0,100% 0,50% 100%);box-shadow:0 4px 6px #0000001a}.sand-top{top:2px}.sand-bottom{bottom:2px;transform:rotate(180deg)}.sand-stream{position:absolute;top:50%;left:50%;width:2px;height:24px;background:#cbd5e1cc;transform:translate(-50%,-50%);animation:sand-flow 3s infinite linear}@keyframes hourglass-spin{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes sand-flow{0%{height:24px;opacity:1;top:50%}50%{height:0px;opacity:0;top:60%}to{height:0px;opacity:0;top:60%}}.hourglass-loader{width:40px;height:60px;position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.3);border-radius:4px;clip-path:polygon(0 0,100% 0,50% 50%,100% 100%,0 100%,50% 50%);overflow:hidden;animation:hourglassFlip 4s infinite ease-in-out;box-shadow:0 0 10px #ffffff1a;margin-bottom:8px;z-index:1}.hourglass-loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.1) 100%);z-index:10;pointer-events:none}.sand-top,.sand-bottom{z-index:2}.sand-top{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,#ef4444,#f87171);clip-path:polygon(0 0,100% 0,50% 100%);animation:sandTopCycle 4s infinite linear}.sand-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#22c55e,#4ade80);clip-path:polygon(50% 0,100% 100%,0 100%);animation:sandBottomCycle 4s infinite linear}.sand-stream{position:absolute;top:50%;left:50%;width:2px;height:0;transform:translate(-50%);transform-origin:top center;animation:sandStreamCycle 4s infinite linear;z-index:1}@keyframes hourglassFlip{0%,45%{transform:rotate(0)}50%,95%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sandTopCycle{0%{transform:scaleY(1);transform-origin:bottom}45%{transform:scaleY(0);transform-origin:bottom}50%{transform:scaleY(0);transform-origin:top}95%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes sandBottomCycle{0%{transform:scaleY(0);transform-origin:bottom}45%{transform:scaleY(1);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:top}95%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@keyframes sandStreamCycle{0%{height:0;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}5%{height:50%;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}40%{height:50%;opacity:1;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}45%{height:0;opacity:0;background:linear-gradient(to bottom,#ef4444,#22c55e);transform:translate(-50%) rotate(0)}49.9%{transform:translate(-50%) rotate(0)}50%{height:0;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}55%{height:50%;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}90%{height:50%;opacity:1;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}95%{height:0;opacity:0;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}to{height:0;opacity:0;background:linear-gradient(to bottom,#22c55e,#ef4444);transform:translate(-50%) rotate(180deg)}}.gradient-outline-btn{position:relative;width:100%;padding:12px 16px;background:#1e293b99;border:double 1px transparent;border-radius:12px;background-image:linear-gradient(#1e293bcc,#1e293bcc),linear-gradient(to right,#22d3ee,#c084fc,#f472b6);background-origin:border-box;background-clip:padding-box,border-box;color:#e2e8f0;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0003;margin-top:12px}.gradient-outline-btn:hover{background:#1e293b66;background-image:linear-gradient(#1e293b99,#1e293b99),linear-gradient(to right,#22d3ee,#c084fc,#f472b6);transform:translateY(-1px);box-shadow:0 6px 20px #c084fc26;color:#fff}.gradient-outline-btn:active{transform:translateY(1px)}.battle-scoreboard{display:flex;align-items:center;gap:12px;background:#0f172ae6;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:8px 16px;font-family:Orbitron,Courier New,monospace;box-shadow:0 0 12px #f59e0b26}.battle-scoreboard.compact{padding:4px 12px;gap:8px}.battle-scoreboard .score-column{display:flex;flex-direction:column;align-items:center;gap:2px}.battle-scoreboard .score-label{font-size:.55rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.8}.battle-scoreboard .score-column.player .score-label{color:#f59e0b}.battle-scoreboard .score-column.opponent .score-label{color:#94a3b8}.battle-scoreboard .score{font-size:1.4rem;font-weight:700;min-width:20px;text-align:center;transition:all .3s ease}.battle-scoreboard.compact .score{font-size:1.1rem}.battle-scoreboard.compact .score-label{font-size:.5rem}.battle-scoreboard .player-score{color:#f59e0b;text-shadow:0 0 6px rgba(245,158,11,.4)}.battle-scoreboard .player-score.winning{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.7)}.battle-scoreboard .opponent-score{color:#64748b}.battle-scoreboard .opponent-score.losing{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.5)}.battle-scoreboard .score-divider{font-size:1rem;color:#475569;font-weight:400}.battle-scoreboard .tie-indicator{font-size:.55rem;color:#f59e0b;background:#f59e0b26;padding:2px 6px;border-radius:4px;margin-left:4px;font-weight:600;letter-spacing:.5px}@keyframes scoreboardPulse{0%,to{box-shadow:0 0 12px #f59e0b26}50%{box-shadow:0 0 20px #f59e0b59}}.battle-scoreboard.active{animation:scoreboardPulse 2s ease-in-out infinite}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.5);text-shadow:0 0 20px rgba(251,191,36,.8)}to{transform:scale(1)}}.score.pop{animation:scorePop .4s cubic-bezier(.175,.885,.32,1.275)}.round3-container{position:relative;width:100%;height:100vh;height:100dvh;background:#0f172a;color:#fff;display:flex;flex-direction:column;overflow:hidden}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px 8px 16px;z-index:10;gap:16px;height:auto;min-height:80px}.round-info{display:flex;flex-direction:column;min-width:80px}.round-label{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px}.card-counter{font-size:16px;font-weight:800;color:#fff}.scanner-timeframe-selector{display:flex;background:#0f172a;padding:4px;border-radius:99px;border:1px solid #334155;pointer-events:all;margin-top:20px;margin-bottom:20px;align-self:center;z-index:15}.tf-btn{background:transparent;border:none;color:#64748b;padding:6px 16px;border-radius:99px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.tf-btn:hover:not(:disabled){color:#cbd5e1}.tf-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666}.timer-badge{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#fbbf24;background:#fbbf241a;padding:4px 10px;border-radius:6px;border:1px solid rgba(251,191,36,.3);min-width:50px;text-align:center}.timer-danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d;animation:pulse 1s infinite}.scanner-deck{flex:1;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:10px 0;min-height:0}.scanner-card{position:absolute;width:90%;max-width:800px;height:95%;max-height:600px;background:#1e293b;border-radius:20px;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.scanner-card.active{z-index:10;transform:scale(1);opacity:1}.scanner-card.next{z-index:5;transform:scale(.9) translateY(40px);opacity:.4;filter:blur(2px)}.scanner-controls{height:120px;display:flex;justify-content:center;align-items:center;gap:12px;padding-bottom:max(20px,env(safe-area-inset-bottom));z-index:20;width:100%;max-width:600px;margin:0 auto;padding-left:16px;padding-right:16px;flex-shrink:0}.control-btn{border:none;border-radius:12px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden}.control-btn:active{transform:scale(.96)}.btn-pass{background:#fbbf2426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(251,191,36,.2);color:#fff;height:60px}.btn-pass:hover{background:#fbbf2440;border-color:#fbbf2466;color:#fffbeb}.btn-pass:active{background:#fbbf2459;border-color:#fbbf2480;transform:scale(.96)}.btn-trade{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;height:60px}.btn-trade:hover{box-shadow:0 6px 20px #8b5cf699,inset 0 1px #ffffff4d;transform:translateY(-2px)}.btn-trade:active{box-shadow:0 2px 8px #8b5cf666}.scanner-status-card{width:100%;height:60px;background:#0f172a80;border:1px solid rgba(51,65,85,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a3b8;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.round3-card-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;animation:fadeIn .2s ease-out}.round3-card-result-overlay.win{background:#22c55e33;border:2px solid #22c55e}.round3-card-result-overlay.loss{background:#ef444433;border:2px solid #ef4444}.round3-card-result-overlay.missed{background:#f59e0b33;border:2px solid #f59e0b}.round3-card-result-overlay.good_pass{background:#fbbf2433;border:2px solid #fbbf24}.result-title{font-size:56px;font-weight:900;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.5);animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275);letter-spacing:-2px}.win .result-title{color:#4ade80}.loss .result-title{color:#f87171}.missed .result-title,.good_pass .result-title{color:#fbbf24}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.btn-short{flex:1;background:linear-gradient(135deg,#ef444433,#b91c1c66);border:1px solid rgba(239,68,68,.4);color:#fca5a5;text-shadow:0 0 10px rgba(239,68,68,.5);box-shadow:0 4px 15px #ef444433,inset 0 1px #ffffff1a}.btn-short:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#b91c1c99);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d,inset 0 1px #fff3}.btn-short:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #ef444433}.btn-long{flex:1;background:linear-gradient(135deg,#22c55e33,#15803d66);border:1px solid rgba(34,197,94,.4);color:#86efac;text-shadow:0 0 10px rgba(34,197,94,.5);box-shadow:0 4px 15px #22c55e33,inset 0 1px #ffffff1a}.btn-long:hover:not(:disabled){background:linear-gradient(135deg,#22c55e4d,#15803d99);border-color:#22c55e99;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d,inset 0 1px #fff3}.btn-long:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #22c55e33}.btn-confirm{flex:2;background:linear-gradient(135deg,#3b82f64d,#8b5cf680);border:1px solid rgba(139,92,246,.5);color:#c4b5fd;text-shadow:0 0 10px rgba(139,92,246,.5);box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff1a}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#8b5cf6b3);border-color:#8b5cf6b3;transform:translateY(-2px)}.btn-cancel{flex:1;background:#64748b33;border:1px solid rgba(100,116,139,.4);color:#94a3b8}.btn-cancel:hover:not(:disabled){background:#64748b4d;border-color:#64748b99}@media(max-height:750px){.scanner-header{min-height:70px;padding-bottom:4px}.scanner-timeframe-selector{margin-top:10px;margin-bottom:10px;transform:scale(.9)}.scanner-deck{padding:0}.scanner-card{height:100%;max-height:none;border-radius:12px}.scanner-controls{height:90px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.control-btn{height:48px;font-size:14px}.btn-trade,.btn-pass{height:48px}.scanner-status-card{height:48px;font-size:14px}}.scanner-reveal-pill{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:2px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000080;z-index:60;pointer-events:auto;overflow:hidden;min-width:180px}.scanner-reveal-pill:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,#3b82f6 90deg,#8b5cf6 180deg,#3b82f6 270deg,transparent 360deg);animation:borderSpin 4s linear infinite;z-index:0}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanner-reveal-pill-content{position:relative;z-index:1;background:#1e293b;width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:10px 24px;gap:8px}.scanner-reveal-pill:hover:not(:disabled) .scanner-reveal-pill-content{background:#334155}.scanner-reveal-pill:active:not(:disabled){transform:translate(-50%) scale(.96)}.scanner-reveal-pill:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.scanner-reveal-pill span{font-size:14px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.pill-counter{transition:color .3s}.pill-counter.high{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.4)}.pill-counter.medium{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.pill-counter.low{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.spectator-view .scanner-header{position:relative;justify-content:center}.spectator-view .scanner-card{width:100%;height:100%;max-height:none;border-radius:14px}@media(max-width:374px){.spectator-view .scanner-header{min-height:56px;padding:max(10px,env(safe-area-inset-top)) 10px 6px}.spectator-tracker{margin:6px 8px!important;padding:8px 10px!important;gap:6px!important;border-radius:10px!important}.spectator-tracker .spectator-dot{width:28px!important;height:28px!important;font-size:10px!important}.spectator-view .spectator-chart-area{padding:0 8px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.spectator-view .scanner-card{border-radius:10px}}@media(min-width:375px)and (max-width:429px){.spectator-view .scanner-header{min-height:64px;padding:max(12px,env(safe-area-inset-top)) 12px 6px}.spectator-tracker{margin:8px 12px 6px!important;padding:10px 14px!important;gap:8px!important}}@media(min-width:430px){.spectator-tracker{margin:12px 16px 10px!important;padding:14px 20px!important}.spectator-view .spectator-chart-area{padding:0 16px!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}.spectator-view .scanner-card{border-radius:16px}}@media(max-height:667px){.spectator-view .scanner-header{min-height:50px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:4px}.spectator-tracker{margin:4px 10px!important;padding:8px 12px!important;gap:6px!important}.spectator-view .spectator-chart-area{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}}@media(min-height:812px){.spectator-tracker{margin-top:12px!important;margin-bottom:10px!important}.spectator-view .spectator-chart-area{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}}.journal-page{min-height:100vh;background:#1e1e2d;color:#e2e8f0;display:flex;flex-direction:column}.journal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#252536;border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:10}.journal-title{margin:0;font-size:1.25rem;font-weight:700;color:#f1f5f9}.header-left{display:flex;align-items:center;gap:16px}.back-btn-header{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px;display:flex;align-items:center}.back-btn-header:hover{color:#e2e8f0}.journal-tabs{display:flex;gap:8px;background:#13131f;padding:4px;border-radius:8px}.tab-btn{padding:6px 12px;background:transparent;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:#3b82f6;color:#fff;font-weight:500}.journal-content{flex:1;overflow-y:auto;padding:16px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#2a2a3c;border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s,background .2s;border:1px solid #ffffff0d}.history-item:hover{background:#323246;transform:translate(4px)}.item-left{display:flex;flex-direction:column;gap:4px}.side-badge{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content}.side-badge.long{background:#22c55e33;color:#4ade80}.side-badge.short{background:#ef444433;color:#f87171}.item-symbol{font-weight:600;color:#e2e8f0}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-pnl{font-weight:700;font-size:1rem}.item-pnl.positive{color:#4ade80}.item-pnl.negative{color:#f87171}.item-date{font-size:.75rem;color:#64748b}.analytics-view{padding-top:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#2a2a3c;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff0d}.stat-label{font-size:.85rem;color:#94a3b8;margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:700;color:#f1f5f9}.stat-value.positive{color:#4ade80}.stat-value.negative{color:#f87171}.detail-content{display:flex;flex-direction:column;gap:20px;padding-top:10px}.detail-row{display:flex;justify-content:space-between;font-size:1.1rem;padding-bottom:12px;border-bottom:1px solid #ffffff1a}.detail-section h4{color:#94a3b8;margin-bottom:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#3b82f620;color:#60a5fa;padding:6px 12px;border-radius:20px;font-size:.85rem}.journal-notes{background:#13131f;padding:16px;border-radius:8px;color:#cbd5e1;line-height:1.6;font-size:.95rem;white-space:pre-wrap}.reset-section{margin-top:40px;display:flex;justify-content:center}.reset-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ef444433;transform:translateY(-2px)}.empty-state{text-align:center;color:#64748b;margin-top:40px;font-style:italic}.auth-stage{height:100vh;height:100dvh;max-height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#08090d;background-image:radial-gradient(circle at 15% 20%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(0,212,170,.06) 0%,transparent 40%);position:relative;overflow:hidden;padding:clamp(12px,2.5vh,32px) clamp(16px,4vw,48px);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f1f5f9;-webkit-font-smoothing:antialiased}.ambient-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}.glow-top{top:-100px;left:10%;background:#6366f11f}.glow-bottom{bottom:-100px;right:15%;background:#00d4aa1a}.auth-canvas{display:grid;grid-template-columns:1.15fr .9fr;gap:clamp(24px,4vw,56px);align-items:center;width:100%;max-width:1040px;max-height:94dvh;z-index:1;box-sizing:border-box}.hero-panel{display:flex;flex-direction:column;gap:clamp(12px,2vh,22px)}.brand-header{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.brand-meta{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.02em}.brand-name{font-weight:700;color:#fff;letter-spacing:-.01em}.brand-dot{color:#475569;font-size:10px}.brand-label{color:#94a3b8;font-weight:500}.hero-copy{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.hero-headline{font-size:clamp(24px,3.8vh,36px);font-weight:750;line-height:1.14;margin:0;letter-spacing:-.035em;color:#fff}.hero-highlight{color:#00d4aa;font-weight:800}.hero-description{font-size:clamp(12.5px,1.6vh,14px);color:#8e9bb0;line-height:1.5;margin:0;max-width:480px;letter-spacing:-.01em}.feature-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.6vh,14px) clamp(12px,2vw,20px);padding-top:4px}.feature-row{display:flex;align-items:flex-start;gap:10px;border-left:2px solid rgba(255,255,255,.08);padding-left:10px;transition:border-color .2s ease}.feature-row:hover{border-left-color:#00d4aa}.feature-index{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;color:#64748b;margin-top:1px}.feature-info{display:flex;flex-direction:column;gap:2px}.feature-name{font-size:clamp(12px,1.5vh,13px);font-weight:600;color:#f1f5f9;letter-spacing:-.01em}.feature-detail{font-size:clamp(10.5px,1.3vh,11.5px);color:#6b7a90;line-height:1.3}.hero-footer-status{display:flex;align-items:center;gap:8px;font-size:clamp(11px,1.3vh,12px);color:#64748b;padding-top:4px}.live-status-indicator{width:6px;height:6px;border-radius:50%;background:#00d4aa;box-shadow:0 0 8px #00d4aa}.auth-panel{display:flex;justify-content:center;width:100%}.auth-box{width:100%;max-width:360px;background:#0d0e15d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(18px,2.6vh,26px) clamp(18px,2.5vw,24px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009;box-sizing:border-box}.auth-box-header{text-align:center;margin-bottom:clamp(12px,1.8vh,18px)}.auth-box-header h2{margin:0;font-size:clamp(17px,2.2vh,20px);font-weight:700;color:#fff;letter-spacing:-.02em}.auth-box-header p{margin:4px 0 0;font-size:12px;color:#6b7a90}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:clamp(9px,1.4vh,11px) 14px;background:#fff;color:#0f172a;border:none;border-radius:9px;font-size:clamp(12.5px,1.5vh,13.5px);font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0003}.btn-google:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 14px #ffffff1f}.btn-google:disabled{opacity:.65;cursor:not-allowed}.google-svg{flex-shrink:0}.divider-line{display:flex;align-items:center;text-align:center;margin:clamp(10px,1.5vh,16px) 0;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.divider-line:before,.divider-line:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.divider-line span{padding:0 10px}.segmented-control{display:flex;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:3px;margin-bottom:clamp(10px,1.6vh,14px)}.segment-btn{flex:1;padding:clamp(5px,.9vh,7px) 8px;background:transparent;border:none;color:#8e9bb0;font-size:clamp(11.5px,1.4vh,12.5px);font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.segment-btn.active{background:#ffffff14;color:#fff;box-shadow:0 1px 4px #0006}.form-stack{display:flex;flex-direction:column;gap:clamp(8px,1.3vh,12px)}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:10.5px;font-weight:600;color:#8e9bb0;letter-spacing:.02em}.input-group input{padding:clamp(7.5px,1.2vh,9.5px) 12px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f1f5f9;font-size:clamp(12.5px,1.5vh,13.5px);transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa26}.input-group input::placeholder{color:#475569}.error-callout{padding:7px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#f87171;font-size:11.5px;line-height:1.3}.btn-primary-action{padding:clamp(9px,1.4vh,11px) 16px;background:#00d4aa;border:none;border-radius:9px;color:#08090d;font-size:clamp(12.5px,1.5vh,13.5px);font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 10px #00d4aa33;display:flex;align-items:center;justify-content:center;margin-top:2px}.btn-primary-action:hover:not(:disabled){background:#00e8ba;transform:translateY(-1px);box-shadow:0 4px 14px #00d4aa4d}.btn-primary-action:disabled{opacity:.6;cursor:not-allowed}.loader-spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.18);border-top-color:#08090d;border-radius:50%;animation:spinLoader .7s linear infinite}.loader-dark{border-color:#0000001a;border-top-color:#0f172a}@keyframes spinLoader{to{transform:rotate(360deg)}}.legal-notice{text-align:center;margin-top:clamp(10px,1.5vh,14px);padding-top:clamp(8px,1.2vh,10px);border-top:1px solid rgba(255,255,255,.05);color:#64748b;font-size:11px}.legal-notice a{color:#94a3b8;text-decoration:none;transition:color .15s ease}.legal-notice a:hover{color:#00d4aa;text-decoration:underline}@media(max-width:860px){.auth-canvas{grid-template-columns:1fr;gap:14px;max-height:100dvh}.hero-panel{align-items:center;text-align:center;gap:4px}.hero-copy,.feature-strip,.hero-footer-status{display:none}.auth-box{max-width:340px;padding:16px 18px}}.app{min-height:100vh}