*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b8b8b8;--text-muted: #aaaaaa;--text-label: #9a9a9a;--accent-orange: #e67e22;--accent-orange-light: #f39c12;--profit-green: #27ae60;--loss-red: #e74c3c;--border-color: #333333;--chart-line-1: #e67e22;--chart-line-2: #e74c3c;--chart-line-3: #3498db;--chart-line-4: #9b59b6;--card-glow: none;--card-border: 1px solid #333333;--button-gradient: linear-gradient(135deg, #e67e22 0%, #d35400 100%);--button-text-color: #ffffff;--button-shadow: 0 4px 15px rgba(230, 126, 34, .4);--bg-pattern: none;--bg-overlay: none;--header-bg: var(--bg-primary);--header-accent: none;--start-button-bg: var(--button-gradient);--start-button-border: none;--start-button-glow: var(--button-shadow);--card-pattern: none}[data-theme=pink]{--bg-primary: #1a0a14;--bg-secondary: #2a1020;--bg-card: #2e1525;--text-primary: #ffffff;--text-secondary: #d4a5b9;--text-muted: #c490a8;--text-label: #b07a94;--accent-orange: #ff69b4;--accent-orange-light: #ff85c2;--profit-green: #50c878;--loss-red: #ff6b8a;--border-color: #4a2035;--chart-line-1: #ff69b4;--chart-line-2: #ff6b8a;--chart-line-3: #da70d6;--chart-line-4: #ba55d3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);background-image:var(--bg-pattern);background-attachment:fixed;background-size:cover;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);pointer-events:none;z-index:0}:root{--safe-area-top: env(safe-area-inset-top, 47px)}.safe-top{padding-top:var(--safe-area-top)!important}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{width:100%;max-width:430px;margin:0 auto;min-height:100vh;background-color:var(--bg-primary);position:relative;display:flex;flex-direction:column;padding-top:var(--safe-area-top);box-sizing:border-box}.app-container>div{width:100%;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--header-bg);position:sticky;top:0;z-index:100}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--header-accent)}.header-title{font-size:20px;font-weight:600;color:var(--text-primary)}.header-icon{width:28px;height:28px;color:var(--accent-orange);cursor:pointer}.back-button{background:none;border:none;color:var(--accent-orange);font-size:24px;cursor:pointer;padding:0;display:flex;align-items:center}.tabs{display:flex;gap:24px;padding:0 20px 16px;border-bottom:1px solid var(--border-color)}.tab{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding-bottom:8px;position:relative}.tab.active{color:var(--accent-orange)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-orange)}.player-card{display:flex;align-items:center;padding:16px 20px;background-color:var(--bg-card);border-radius:12px;margin:8px 20px;cursor:pointer;transition:all .3s ease;box-shadow:var(--card-glow);border:var(--card-border)}.player-card:hover{background-color:var(--bg-secondary)}.player-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:16px}.player-avatar-initials{width:50px;height:50px;border-radius:50%;background-color:var(--accent-orange);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--bg-primary);margin-right:16px}.player-name{font-size:18px;font-weight:500;flex:1}.player-net{font-size:18px;font-weight:600}.player-net.positive{color:var(--profit-green)}.player-net.negative{color:var(--loss-red)}.chat-icon{width:24px;height:24px;background-color:var(--text-muted);border-radius:6px;margin-left:12px}.bottom-nav{display:flex;justify-content:space-around;padding:8px 0 env(safe-area-inset-bottom,0px);background-color:var(--bg-primary);border-top:1px solid var(--border-color);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 20px}.nav-item.active{color:var(--accent-orange)}.nav-icon{width:24px;height:24px;border-radius:4px}.nav-icon.active{background-color:var(--accent-orange)}.nav-label{font-size:12px}.page-content{flex:1;width:100%;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}[class*=page],.page-wrapper{width:100%;box-sizing:border-box}.profile-header{display:flex;align-items:center;padding:20px;gap:16px}.profile-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.profile-info h1{font-size:28px;font-weight:600;margin-bottom:4px}.profile-info .lifetime-label{font-size:12px;color:var(--accent-orange);text-transform:uppercase;letter-spacing:1px}.profile-info .lifetime-value{font-size:24px;font-weight:600}.chart-container{background-color:var(--bg-card);border-radius:12px;margin:0 20px;padding:20px;box-shadow:var(--card-glow);border:var(--card-border)}.chart-title{font-size:16px;color:var(--text-secondary);margin-bottom:16px}.chart-wrapper{width:100%;height:100%;min-height:100px}.time-filters{display:flex;justify-content:center;gap:12px;padding:20px}.time-filter{padding:10px 20px;border-radius:20px;background:none;border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.time-filter.active{background:var(--button-gradient);border-color:var(--accent-orange);color:var(--button-text-color)}.session-list{padding:0 20px}.session-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.session-info h3{font-size:18px;font-weight:500;margin-bottom:4px}.session-info .session-date{font-size:14px;color:var(--text-secondary)}.session-profit{font-size:20px;font-weight:600}.session-profit.positive{color:var(--profit-green)}.session-profit.negative{color:var(--loss-red)}.calendar{background-color:var(--bg-card);border-radius:12px;margin:0 20px 20px;padding:16px;box-shadow:var(--card-glow);border:var(--card-border)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-nav{background:none;border:none;color:var(--text-primary);font-size:18px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.calendar-day-header{font-size:12px;color:var(--text-secondary);padding:8px 0}.calendar-day{padding:10px;font-size:14px;color:var(--text-secondary);border-radius:50%;cursor:pointer}.calendar-day.current-month{color:var(--text-primary)}.calendar-day.today{background-color:var(--accent-orange);color:var(--bg-primary);font-weight:600}.calendar-day.has-event{color:var(--accent-orange)}.group-card{background-color:var(--bg-card);border-radius:12px;margin:8px 20px;padding:16px;cursor:pointer;box-shadow:var(--card-glow);border:var(--card-border);transition:all .3s ease}.group-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-name{font-size:18px;font-weight:500}.group-time{font-size:14px;color:var(--text-secondary)}.group-members{display:flex;align-items:center;gap:8px}.group-avatars{display:flex}.group-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-card);margin-left:-10px}.group-avatar:first-child{margin-left:0}.group-comment-count{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:14px}.compare-header{text-align:center;padding:20px}.compare-header h1{font-size:28px;font-weight:600}.compare-players{padding:0 20px 20px}.compare-player-item{display:flex;align-items:center;gap:12px;padding:12px 0}.checkbox{width:28px;height:28px;border-radius:6px;border:2px solid var(--accent-orange);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.checkbox.checked{background:var(--button-gradient)}.checkbox svg{width:18px;height:18px;color:var(--bg-primary)}.compare-player-name{font-size:20px;font-weight:500}.compare-chart{background-color:var(--bg-card);border-radius:12px;margin:0 20px 20px;padding:20px;box-shadow:var(--card-glow);border:var(--card-border)}.compare-legend{display:flex;justify-content:center;gap:20px;padding:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:24px;height:3px;border-radius:2px}.legend-name{font-size:14px}.chats-section{padding:20px}.chats-section h2{font-size:28px;font-weight:600;margin-bottom:16px}.chat-item{display:flex;align-items:center;padding:12px 0;cursor:pointer}.chat-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:12px}.chat-content{flex:1}.chat-name{font-size:18px;font-weight:500;margin-bottom:2px}.chat-message,.chat-time{font-size:14px;color:var(--text-secondary)}.group-chat-item{background-color:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;box-shadow:var(--card-glow);border:var(--card-border)}.group-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-chat-name{font-size:18px;font-weight:500}.group-chat-check{color:var(--accent-orange);font-size:20px}.group-chat-time{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.group-chat-time .indicator{width:8px;height:8px;border-radius:50%;background-color:var(--accent-orange)}.group-chat-message{font-size:14px;color:var(--text-secondary)}.menu-button{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:4px}.menu-button span{width:20px;height:2px;background-color:var(--text-primary)}.message-icon{width:28px;height:28px;background-color:var(--accent-orange);border-radius:8px;display:flex;align-items:center;justify-content:center}.btn-primary{background:var(--button-gradient);color:var(--button-text-color);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:var(--card-border);border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--card-glow)}.btn-secondary:hover{background:var(--bg-secondary)}.themed-card{background-color:var(--bg-card);background-image:var(--card-pattern);background-size:auto;background-repeat:repeat;border-radius:12px;padding:16px;box-shadow:var(--card-glow);border:var(--card-border);transition:all .3s ease;position:relative;overflow:hidden}.themed-card:hover{transform:translateY(-2px);box-shadow:var(--card-glow),0 8px 25px #0000004d}.player-card,.group-card,.chart-container,.calendar,.compare-chart,.group-chat-item{background-image:var(--card-pattern);background-size:auto;background-repeat:repeat}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media screen and (min-width: 768px){.app-container{max-width:100%;padding-left:20px;padding-right:20px}.bottom-nav{max-width:600px;border-radius:20px 20px 0 0;margin-bottom:env(safe-area-inset-bottom,0px)}.player-list,.players-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.player-card{margin:0}.groups-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px}.group-card{margin:0}.page-content{max-width:800px;margin:0 auto}.header{padding:20px 32px}.nav-item{padding:14px 32px}.chart-container{max-width:700px;margin:0 auto 20px;padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.session-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.session-item{background:var(--bg-card);border-radius:12px;padding:16px;border:none}}@media screen and (min-width: 1024px){.app-container{padding-left:40px;padding-right:40px}.player-list,.players-grid{grid-template-columns:repeat(3,1fr);gap:16px}.groups-list{grid-template-columns:repeat(3,1fr)}.page-content{max-width:1000px}.chart-container{max-width:900px;padding:32px}.stats-grid{grid-template-columns:repeat(4,1fr)}.session-list{grid-template-columns:repeat(3,1fr);gap:16px}.chat-layout{display:grid;grid-template-columns:300px 1fr;height:100vh}.chat-sidebar{border-right:1px solid var(--border-color);overflow-y:auto}.chat-main{display:flex;flex-direction:column}}@media screen and (min-width: 1024px) and (orientation: landscape){.bottom-nav{max-width:800px}.page-content{padding-left:40px;padding-right:40px}}@media screen and (min-width: 1200px){.player-list,.players-grid,.groups-list{grid-template-columns:repeat(4,1fr)}.page-content{max-width:1200px}}@media (pointer: coarse) and (min-width: 768px){.btn-primary,.btn-secondary{padding:18px 36px;font-size:17px}.player-card{padding:20px 24px}.group-card{padding:20px}.nav-item{min-height:60px}input,select,textarea{font-size:16px;padding:16px}}