*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;font-family:Arial,sans-serif}button{color:inherit;cursor:pointer;background:0 0;border:none}.app{background:#0f0f0f;border-left:1px solid #222;border-right:1px solid #222;width:100%;max-width:500px;min-height:100vh;position:relative}.page-content{padding:20px 20px 70px}.bottom-nav{background:#1a1a1a;border-top:1px solid #333;justify-content:space-around;align-items:center;width:100%;height:100px;display:flex;position:fixed;bottom:0}.bottom-nav button{color:#888;font-size:14px}.bottom-nav button.active{color:#fff}#root{justify-content:center;display:flex}.header{padding:20px}.header h1{font-size:32px;font-weight:700}.category-card{background:#1a1a1a;border-radius:16px;margin-bottom:15px;padding:20px;transition:all .2s}.category-card:active{transform:scale(.98)}.category-card h2{font-size:20px}.event-card{border-radius:20px;margin-bottom:20px;padding:20px}.event-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.event-top h2{font-size:20px}.event-top span{color:#999}.session-list{flex-direction:column;gap:10px;display:flex}.session-list p{color:#ccc}.category-filter{gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.category-filter::-webkit-scrollbar{display:none}.filter-btn{color:#fff;background:#1a1a1a;border:2px solid #333;border-radius:14px;min-width:max-content;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.filter-btn:active{transform:scale(.95)}.event-badge{margin-bottom:15px}.event-badge span{color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.event-status{margin-bottom:10px;font-size:13px;font-weight:700}.event-status.upcoming{color:#22c55e}.event-status.live{color:#ef4444}.event-status.finished{color:#777}.next-session{color:#fff;font-size:17px;font-weight:700}.settings-section{background:#1a1a1a;border-radius:24px;margin-bottom:20px;padding:20px}.settings-section h2{text-align:center;margin-bottom:20px;font-size:22px}.settings-buttons{flex-wrap:wrap;gap:10px;display:flex}.settings-btn{color:#fff;background:#111;border:2px solid #333;border-radius:14px;padding:10px 16px;font-weight:700;transition:all .2s}.settings-btn:active{transform:scale(.95)}.notification-permission{color:#fff;background:#111;border:2px solid #333;border-radius:14px;margin-bottom:20px;padding:12px 16px}.about{text-align:center}.about p{color:#999}.driver-card{border:1px solid #2a2a2a;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:18px;display:flex;box-shadow:0 4px 15px #00000040}.driver-left{align-items:center;gap:15px;display:flex}.driver-position{color:#ff1801;font-size:22px;font-weight:700}.driver-left h3{margin-bottom:5px}.driver-left p{color:#999;font-size:14px}.driver-points{font-size:18px;font-weight:700}.home-next-session{margin-top:10px}.next-session-label{color:#777;margin-bottom:8px;font-size:12px;font-weight:700}.back-btn{color:#fff;background:#111;border:2px solid #333;border-radius:14px;margin-bottom:20px;padding:12px 18px}.race-header{background:#1a1a1a;border-radius:24px;margin-bottom:25px;padding:25px}.race-header h1{margin-top:20px;margin-bottom:20px;font-size:36px}.race-info{color:#bbb;flex-direction:column;gap:10px;display:flex}.sessions-title{margin-bottom:20px}.sessions-container{flex-direction:column;gap:15px;display:flex}.session-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:18px;padding:18px}.notification-button{color:#fff;cursor:pointer;background:#111;border:2px solid #333;border-radius:16px;margin-bottom:20px;padding:14px 20px;font-weight:700;transition:all .2s}.notification-button:hover{border-color:#ff2d2d}.settings-btn.active{color:#fff;background:#ff2d2d;border-color:#ff2d2d}.nav-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:24px;transition:all .2s}.nav-btn.active{color:#fff;transform:scale(1.7)}