:root{--f1-red: #E10600;--f1-dark: #15151E;--f1-card: #1E1E2E;--f1-border: rgba(255, 255, 255, 0.1);--f1-text: #FFFFFF;--f1-muted: rgba(255, 255, 255, 0.6);--f1-accent: #FF8000;--f1-success: #00C853;--f1-error: #FF1744;--f1-gold: #FFD700;--f1-silver: #C0C0C0;--f1-bronze: #CD7F32;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--f1-dark);color:var(--f1-text);line-height:1.5;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--f1-dark)}::-webkit-scrollbar-thumb{background:var(--f1-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--f1-muted)}::selection{background:var(--f1-red);color:var(--f1-text)}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg, var(--f1-dark) 0%, rgba(21, 21, 30, 0.95) 100%);backdrop-filter:blur(10px);border-bottom:1px solid var(--f1-border);padding:var(--spacing-md)}.header__content{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.25rem}.header__logo svg{width:32px;height:32px}.header__logo span{color:var(--f1-red)}.header__user{width:36px;height:36px;border-radius:50%;background:var(--f1-card);border:2px solid var(--f1-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.header__user img{width:100%;height:100%;object-fit:cover}.header__user .initials{font-size:.875rem;font-weight:600;color:var(--f1-muted)}.header__user .telegram-login-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.header__user .telegram-login-container script{display:none}.header__logout{background:none;border:none;color:#E10600;font-size:16px;cursor:pointer;padding:8px;margin-left:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.header__logout:hover{background:rgba(225,6,0,.1)}.main{flex:1;max-width:600px;width:100%;margin:0 auto;padding:var(--spacing-md)}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--f1-card);border-top:1px solid var(--f1-border);z-index:1000}.bottom-nav__content{max-width:600px;margin:0 auto;display:flex;justify-content:space-around;padding:var(--spacing-xs) 0}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);color:var(--f1-muted);transition:var(--transition-fast);border-radius:var(--radius-sm)}.bottom-nav__item:hover,.bottom-nav__item:active{color:var(--f1-text);background:hsla(0,0%,100%,.05)}.bottom-nav__item.active{color:var(--f1-red)}.bottom-nav__item.active svg{filter:drop-shadow(0 0 8px rgba(225, 6, 0, 0.5))}.bottom-nav__item svg{width:24px;height:24px;transition:var(--transition-fast)}.bottom-nav__item span{font-size:.75rem;font-weight:500}@supports(padding-bottom: env(safe-area-inset-bottom)){.app{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.card{background:var(--f1-card);border-radius:var(--radius-md);border:1px solid var(--f1-border);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:var(--transition-normal)}.card:hover{border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.card__header h3{font-size:1rem;color:var(--f1-text)}.card__header .badge{font-size:.75rem;padding:4px 8px;border-radius:12px;background:var(--f1-red);color:#fff;font-weight:600}.card__content{color:var(--f1-muted);font-size:.875rem}.event-card{background:var(--f1-card);border-radius:var(--radius-md);border:1px solid var(--f1-border);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.event-card.next-event{border:2px solid var(--f1-red);background:linear-gradient(135deg, var(--f1-card) 0%, rgba(225, 6, 0, 0.1) 100%)}.event-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.event-card__header .round{background:var(--f1-red);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.event-card__header .name{font-weight:600;font-size:1.1rem}.event-card__header .circuit{margin-left:auto;font-size:.875rem;color:var(--f1-muted)}.event-card__sessions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-card .session{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:hsla(0,0%,100%,.03);border-radius:var(--radius-sm)}.event-card .session.highlighted{background:rgba(225,6,0,.15);border:1px solid rgba(225,6,0,.3)}.event-card .session__name{font-weight:500;font-size:.875rem}.event-card .session__time{font-size:.875rem;color:var(--f1-muted)}.event-card .session__countdown{font-size:.75rem;color:var(--f1-red);font-weight:600;font-variant-numeric:tabular-nums}.result-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--f1-card);border-bottom:1px solid var(--f1-border)}.result-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.result-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.result-row.medal-gold{background:linear-gradient(90deg, rgba(255, 215, 0, 0.15) 0%, var(--f1-card) 100%)}.result-row.medal-silver{background:linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, var(--f1-card) 100%)}.result-row.medal-bronze{background:linear-gradient(90deg, rgba(205, 127, 50, 0.15) 0%, var(--f1-card) 100%)}.result-row .position{width:32px;font-weight:700;font-size:1.1rem;text-align:center}.result-row .position.medal{font-size:1.25rem}.result-row .flag{font-size:1.25rem;margin:0 var(--spacing-sm)}.result-row .driver{flex:1}.result-row .driver .name{font-weight:600}.result-row .driver .team{font-size:.75rem;color:var(--f1-muted)}.result-row .time{font-variant-numeric:tabular-nums;color:var(--f1-muted);font-size:.875rem}.leaderboard-item{display:flex;align-items:center;padding:var(--spacing-md);background:var(--f1-card);border-bottom:1px solid var(--f1-border)}.leaderboard-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.leaderboard-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.leaderboard-item.current-user{background:rgba(225,6,0,.1);border-left:3px solid var(--f1-red)}.leaderboard-item.top-1{background:linear-gradient(90deg, rgba(255, 215, 0, 0.1) 0%, var(--f1-card) 100%)}.leaderboard-item.top-2{background:linear-gradient(90deg, rgba(192, 192, 192, 0.1) 0%, var(--f1-card) 100%)}.leaderboard-item.top-3{background:linear-gradient(90deg, rgba(205, 127, 50, 0.1) 0%, var(--f1-card) 100%)}.leaderboard-item .rank{width:40px;font-weight:700;font-size:1.25rem;text-align:center}.leaderboard-item .user-info{flex:1;margin:0 var(--spacing-md)}.leaderboard-item .user-info .name{font-weight:600;margin-bottom:4px}.leaderboard-item .user-info .stats{font-size:.75rem;color:var(--f1-muted)}.leaderboard-item .xp-bar{width:80px}.leaderboard-item .xp-bar .bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.leaderboard-item .xp-bar .bar .fill{height:100%;background:linear-gradient(90deg, var(--f1-red) 0%, var(--f1-accent) 100%);border-radius:3px;transition:width .5s ease}.leaderboard-item .xp-bar .value{font-size:.75rem;color:var(--f1-muted);text-align:right;margin-top:2px}.driver-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-sm)}.driver-grid .driver-card{background:var(--f1-card);border-radius:var(--radius-md);border:1px solid var(--f1-border);padding:var(--spacing-md);padding:var(--spacing-sm);text-align:center;cursor:pointer;transition:var(--transition-fast)}.driver-grid .driver-card:hover{border-color:var(--f1-red);transform:scale(1.02)}.driver-grid .driver-card.selected{border-color:var(--f1-red);background:rgba(225,6,0,.15);box-shadow:0 0 0 2px var(--f1-red)}.driver-grid .driver-card .number{font-size:1.5rem;font-weight:700;color:var(--f1-red);font-variant-numeric:tabular-nums}.driver-grid .driver-card .code{font-weight:600;font-size:.875rem;margin:4px 0}.driver-grid .driver-card .team{font-size:.75rem;color:var(--f1-muted)}.driver-grid .driver-card .flag{font-size:1.25rem;margin-bottom:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge--primary{background:var(--f1-red);color:#fff}.badge--success{background:var(--f1-success);color:#fff}.badge--warning{background:var(--f1-accent);color:#fff}.badge--info{background:hsla(0,0%,100%,.1);color:var(--f1-text)}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg, var(--f1-red) 0%, var(--f1-accent) 100%);border-radius:4px;transition:width .5s ease}.progress-bar__label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--f1-muted);margin-top:4px}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.5rem;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.section-header p{color:var(--f1-muted);font-size:.875rem}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--f1-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{color:var(--f1-text);margin-bottom:var(--spacing-sm)}.empty-state p{font-size:.875rem;margin-bottom:var(--spacing-lg)}.login-prompt{text-align:center;padding:var(--spacing-xl)}.login-prompt .telegram-login{margin:var(--spacing-lg) 0}.countdown-banner{background:linear-gradient(135deg, var(--f1-red) 0%, #8B0000 100%);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.countdown-banner .label{font-size:.875rem;opacity:.9;margin-bottom:var(--spacing-xs)}.countdown-banner .timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px}.countdown-banner .event-name{font-size:.875rem;opacity:.8;margin-top:var(--spacing-xs)}.prediction-types{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm)}.prediction-types::-webkit-scrollbar{display:none}.prediction-types .type-btn{flex:1;min-width:100px;padding:var(--spacing-md);background:var(--f1-card);border:2px solid var(--f1-border);border-radius:var(--radius-md);color:var(--f1-text);font-weight:600;transition:var(--transition-fast)}.prediction-types .type-btn:hover{border-color:var(--f1-muted)}.prediction-types .type-btn.active{border-color:var(--f1-red);background:rgba(225,6,0,.1)}.prediction-types .type-btn .icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.prediction-types .type-btn .label{font-size:.875rem}.current-predictions{margin-bottom:var(--spacing-lg)}.current-predictions h4{font-size:.875rem;color:var(--f1-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.current-predictions .prediction-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--f1-border)}.current-predictions .prediction-item:last-child{border-bottom:none}.current-predictions .prediction-item .type{font-size:.875rem;color:var(--f1-muted)}.current-predictions .prediction-item .value{font-weight:600}.current-predictions .prediction-item .value.pending{color:var(--f1-accent)}.stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stats-grid .stat-card{background:var(--f1-card);border-radius:var(--radius-md);border:1px solid var(--f1-border);padding:var(--spacing-md);text-align:center}.stats-grid .stat-card .value{font-size:1.75rem;font-weight:700;color:var(--f1-red);font-variant-numeric:tabular-nums}.stats-grid .stat-card .label{font-size:.75rem;color:var(--f1-muted);margin-top:4px}.predictions-list .prediction{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--f1-border)}.predictions-list .prediction:last-child{border-bottom:none}.predictions-list .prediction .status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);font-size:.75rem}.predictions-list .prediction .status.correct{background:var(--f1-success)}.predictions-list .prediction .status.wrong{background:var(--f1-error)}.predictions-list .prediction .status.pending{background:var(--f1-accent)}.predictions-list .prediction .info{flex:1}.predictions-list .prediction .info .race{font-weight:500;font-size:.875rem}.predictions-list .prediction .info .prediction-text{font-size:.75rem;color:var(--f1-muted)}.predictions-list .prediction .xp{font-weight:600;font-size:.875rem}.predictions-list .prediction .xp.positive{color:var(--f1-success)}.predictions-list .prediction .xp.negative{color:var(--f1-error)}.profile-header{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.profile-header .avatar{width:96px;height:96px;border-radius:50%;margin:0 auto var(--spacing-md);border:4px solid var(--f1-red);overflow:hidden;background:var(--f1-card);display:flex;align-items:center;justify-content:center}.profile-header .avatar img{width:100%;height:100%;object-fit:cover}.profile-header .avatar .initials{font-size:2rem;font-weight:700;color:var(--f1-text)}.profile-header .name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.profile-header .level{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:rgba(225,6,0,.15);border-radius:20px;font-size:.875rem;color:var(--f1-red);font-weight:600}.profile-header .xp-progress{margin-top:var(--spacing-lg)}.profile-header .xp-progress .progress-bar__label{justify-content:center;gap:var(--spacing-sm)}.push-btn{width:100%;padding:var(--spacing-md);background:var(--f1-card);border:2px solid var(--f1-border);border-radius:var(--radius-md);color:var(--f1-text);font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition-fast);margin-top:var(--spacing-lg)}.push-btn:hover{border-color:var(--f1-red);background:rgba(225,6,0,.1)}.push-btn.subscribed{border-color:var(--f1-success);background:rgba(0,200,83,.1);color:var(--f1-success)}.push-btn svg{width:20px;height:20px}@keyframes skeleton-loading{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 100%);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton--text.short{width:60%}.skeleton--text.medium{width:80%}.skeleton--text.long{width:100%}.skeleton--title{height:24px;width:70%;margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.skeleton--circle{width:64px;height:64px;border-radius:50%}.skeleton--card{height:120px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.skeleton--row{height:56px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.skeleton--avatar{width:40px;height:40px;border-radius:50%}.skeleton--button{height:48px;border-radius:var(--radius-md)}.skeleton-card{background:var(--f1-card);border-radius:var(--radius-md);border:1px solid var(--f1-border);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.skeleton-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skeleton-card__header .skeleton--circle{width:40px;height:40px}.skeleton-card__header .skeleton--text{flex:1;margin:0}.skeleton-card__content .skeleton--text:last-child{width:40%}.skeleton-list .skeleton--row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.skeleton-list .skeleton--row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:0}.skeleton-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-sm)}.skeleton-grid .skeleton{height:100px;border-radius:var(--radius-md)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:var(--transition-fast);border:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--f1-red);color:#fff}.btn--primary:hover:not(:disabled){background:rgb(174,4.64,0);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:hsla(0,0%,100%,.1);color:var(--f1-text);border:1px solid var(--f1-border)}.btn--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:var(--f1-muted)}.btn--ghost{background:rgba(0,0,0,0);color:var(--f1-muted)}.btn--ghost:hover{color:var(--f1-text);background:hsla(0,0%,100%,.05)}.btn--large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.btn--full{width:100%}.btn svg{width:18px;height:18px}.btn-predict{position:relative;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg, var(--f1-red) 0%, #8B0000 100%);color:#fff;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;overflow:hidden;transition:var(--transition-normal)}.btn-predict::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:var(--transition-slow)}.btn-predict:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(225,6,0,.4)}.btn-predict:hover::before{left:100%}.btn-predict:active{transform:translateY(0)}.btn-predict.selected{background:linear-gradient(135deg, var(--f1-success) 0%, #00A344 100%);box-shadow:0 4px 12px rgba(0,200,83,.4)}.telegram-login{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#08c;color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:var(--transition-fast)}.telegram-login:hover{background:#0099e6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.telegram-login svg{width:20px;height:20px}.icon-btn{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0);color:var(--f1-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.icon-btn:hover{background:hsla(0,0%,100%,.1);color:var(--f1-text)}.icon-btn svg{width:20px;height:20px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(100px);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:500;font-size:.875rem;z-index:10000;opacity:0;transition:all .3s ease;max-width:90vw;text-align:center}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast--success{background:var(--f1-success);color:#fff}.toast--error{background:var(--f1-error);color:#fff}.toast--info{background:var(--f1-card);color:var(--f1-text);border:1px solid var(--f1-border)}/*# sourceMappingURL=style.css.map */