:root{--purple-dark: #1a0a2e;--purple-mid: #2d1b69;--purple-brand: #7B2FBE;--gold: #FFD700;--correct: #26890C;--incorrect: #E21B3C;--card-bg: rgba(255, 255, 255, .06);--card-border: rgba(123, 47, 190, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple-mid) 50%,var(--purple-dark) 100%);color:#fff;font-family:-apple-system,system-ui,sans-serif;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--card-border)}.header-brand{font-size:1.3rem;font-weight:800}.header-brand span{color:var(--gold)}.header-link{color:#fff9;text-decoration:none;font-size:.85rem}.header-link:hover{color:#fff}.tab-bar{display:flex;overflow-x:auto;border-bottom:1px solid var(--card-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar a{flex-shrink:0;padding:12px 16px;color:#ffffff80;text-decoration:none;font-size:.85rem;font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}.tab-bar a.active{color:var(--gold);border-bottom-color:var(--gold)}.content{flex:1;padding:20px;max-width:600px;width:100%;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:12px}.card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin-bottom:4px}.card-value{font-size:1.1rem;font-weight:600}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar{width:64px;height:64px;border-radius:50%;background:var(--purple-brand);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;flex-shrink:0}.profile-name{font-size:1.4rem;font-weight:700}.profile-email{color:#ffffff80;font-size:.9rem}.inline-edit{display:flex;align-items:center;gap:8px}.inline-input{background:#ffffff14;border:1px solid var(--card-border);border-radius:8px;color:#fff;padding:8px 12px;font-size:1rem;outline:none;flex:1}.inline-input:focus{border-color:var(--purple-brand)}.btn{padding:10px 20px;border-radius:10px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--purple-brand);color:#fff}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:8px}.btn-outline{background:transparent;border:1px solid var(--card-border);color:#fff}.btn-danger{background:var(--incorrect);color:#fff}.btn-gold{background:var(--gold);color:var(--purple-dark)}.game-row{display:flex;justify-content:space-between;align-items:center}.game-venue{font-weight:600}.game-date{font-size:.8rem;color:#fff6}.game-score{text-align:right}.game-rank{font-size:.8rem;color:var(--gold)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-big{font-size:2rem;font-weight:800;color:var(--gold)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-weight:500}.toggle{width:48px;height:28px;border-radius:14px;background:#ffffff26;border:none;cursor:pointer;position:relative;transition:background .2s}.toggle.on{background:var(--purple-brand)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(20px)}.provider-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.provider-row:last-child{border-bottom:none}.provider-name{font-weight:500}.provider-status{font-size:.85rem;color:#fff6}.provider-status.connected{color:var(--correct)}.login-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:16px;min-height:100dvh}.login-logo{font-size:2.2rem;font-weight:800;margin-bottom:8px}.login-subtitle{color:#ffffff80;margin-bottom:24px}.oauth-btn{width:100%;max-width:320px;padding:14px;border-radius:12px;border:2px solid var(--card-border);background:var(--card-bg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:border-color .15s}.oauth-btn:hover{border-color:var(--purple-brand)}.social-links-list{display:flex;flex-direction:column;gap:10px}.social-link-row{display:flex;align-items:center;gap:10px}.social-icon{width:28px;height:28px;flex-shrink:0;border-radius:6px}.social-input-wrapper{flex:1;min-width:0}.social-input{width:100%;font-size:.95rem}.social-error{font-size:.7rem;color:var(--incorrect);margin-top:2px}.section-title{font-size:1.1rem;font-weight:700;margin-bottom:12px}.page-title{font-size:1.3rem;font-weight:700;margin-bottom:16px}