*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0D0609;--bg-card: #221219;--bg-card2: #2E1A24;--bg-card3: #3A2231;--accent: #FFA102;--accent2: #FFBE4C;--accent-glow: rgba(255,161,2,.25);--purple: #9B72E8;--purple-bg: rgba(155,114,232,.15);--green: #4FC15A;--red: #DD5533;--blue: #5BA4CF;--text: #F5E9CE;--text-2: rgba(245,233,206,.68);--text-3: rgba(245,233,206,.4);--border: rgba(245,233,206,.1);--border2: rgba(245,233,206,.18);--nav-h: 74px;--radius: 16px;--radius-sm: 12px;--card-glow: rgba(255,161,2,.08);--overlay-btn: rgba(245,233,206,.09);--overlay-btn-hover: rgba(245,233,206,.15);--gradient-card: linear-gradient(135deg, #221219, #2E1A24);--card-shadow: 0 2px 12px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.5);--nav-bg: rgba(10,10,10,.92);--nav-inactive: rgba(255,255,255,.55);--nav-border: rgba(255,255,255,.08)}[data-theme=light]{--bg: #FBF3E4;--bg-card: #FFFFFF;--bg-card2: #F5E9CE;--bg-card3: #EDE0C0;--accent: #E8920A;--accent2: #FFC952;--accent-glow: rgba(232,146,10,.2);--purple: #6B3FA0;--purple-bg: rgba(107,63,160,.1);--green: #2E8B57;--red: #BC2D29;--blue: #2E5FA3;--text: #3A0A12;--text-2: rgba(58,10,18,.62);--text-3: rgba(58,10,18,.38);--border: rgba(58,10,18,.09);--border2: rgba(58,10,18,.16);--card-glow: rgba(232,146,10,.06);--overlay-btn: rgba(58,10,18,.06);--overlay-btn-hover: rgba(58,10,18,.1);--gradient-card: linear-gradient(135deg, #FFFFFF, #FBF3E4);--card-shadow: 0 1px 6px rgba(58,10,18,.08), 0 2px 16px rgba(58,10,18,.05);--nav-bg: rgba(255,255,255,.92);--nav-inactive: rgba(58,10,18,.65);--nav-border: rgba(58,10,18,.08)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{height:100%;max-width:430px;margin:0 auto;position:relative;display:flex;flex-direction:column;background:var(--bg)}::-webkit-scrollbar{width:0;height:0}.app-container{flex:1;display:flex;flex-direction:column;min-height:0}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;min-height:100%;color:var(--text-2);font-size:15px}.screen{flex:1;overflow-y:auto;padding:16px 16px calc(var(--nav-h) + 20px)}.strike{text-decoration:line-through;text-decoration-color:var(--text-3);color:var(--text-2)}.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.section-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:16px;box-shadow:var(--card-shadow)}.progress-wrap{width:100%;height:6px;background:var(--overlay-btn);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill.green{background:linear-gradient(90deg,var(--green),#6BC96B)}.progress-fill.purple{background:linear-gradient(90deg,var(--purple),#C49FF5)}.xp-badge{background:var(--accent);color:#1a0e13;font-size:12px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap;flex-shrink:0}.xp-badge.purple{background:var(--purple);color:#fff}.checkbox{width:26px;height:26px;border-radius:8px;border:2px solid var(--border2);background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.done{background:var(--green);border-color:var(--green)}.checkbox.done-accent{background:var(--accent);border-color:var(--accent)}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#1a0800;font-size:16px;font-weight:800;border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,opacity .15s;letter-spacing:-.2px}.btn-primary:active{transform:scale(.97);opacity:.88}.btn-outline-green{flex:1;padding:14px;background:#4fc15a1f;border:1.5px solid rgba(79,193,90,.45);color:var(--green);font-size:14px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-outline-red{flex:1;padding:14px;background:#dd55331a;border:1.5px solid rgba(221,85,51,.45);color:var(--red);font-size:14px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-outline-green:active,.btn-outline-red:active{transform:scale(.97)}.input{width:100%;padding:14px 16px;background:var(--bg-card2);border:1.5px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffa1021f}.input::placeholder{color:var(--text-3)}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:var(--card-shadow)}.stat-num{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--accent)}.stat-num.blue{color:var(--blue)}.stat-num.green{color:var(--green)}.stat-num.amber{color:var(--accent2)}.stat-num.purple{color:var(--purple)}.stat-lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.overlay{position:fixed;inset:0;width:100%;max-width:430px;height:100%;margin:0 auto;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:flex-end;padding-bottom:var(--nav-h);box-sizing:border-box;overflow:hidden;touch-action:none}.modal-sheet{background:var(--bg-card);border-radius:24px 24px 0 0;padding:0 20px 28px;width:100%;border-top:2px solid var(--border2);animation:slideUp .3s cubic-bezier(.32,.72,0,1);max-height:85vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;position:relative;box-shadow:0 -8px 40px #0006}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:var(--border2);border-radius:99px;margin:14px auto 22px}.divider{height:1px;background:var(--border);margin:12px 0}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.fade-up{animation:fadeUp .35s ease}@keyframes tickPulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 4px #ffa10240;transition:box-shadow .2s}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 8px #ffa10259}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea.input{resize:none}.login-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;background:#0d0609;padding:24px}.login-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.orb-1{width:340px;height:340px;background:radial-gradient(circle,#FFA102 0%,transparent 70%);bottom:-80px;left:-60px;animation:orbFloat1 8s ease-in-out infinite}.orb-2{width:260px;height:260px;background:radial-gradient(circle,#432E6F 0%,transparent 70%);top:-40px;right:-40px;animation:orbFloat2 10s ease-in-out infinite}.orb-3{width:180px;height:180px;background:radial-gradient(circle,#DD5533 0%,transparent 70%);top:40%;left:50%;opacity:.3;animation:orbFloat3 12s ease-in-out infinite}.orb-4{width:200px;height:200px;background:radial-gradient(circle,#BC2D29 0%,transparent 70%);bottom:20%;right:-20px;opacity:.25;animation:orbFloat4 9s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,-20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.05)}66%{transform:translate(20px,50px) scale(1.1)}}@keyframes orbFloat3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-30px) scale(1.15)}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-40px) scale(1.1)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(245,233,206,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,233,206,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%)}.login-glass{position:relative;z-index:1;width:100%;max-width:380px;background:#1a0e1399;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(245,233,206,.08);border-radius:28px;padding:40px 28px 32px;box-shadow:0 4px 30px #00000080,0 0 60px #ffa1020d,inset 0 1px #f5e9ce0f;animation:cardAppear .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{text-align:center;margin-bottom:36px}.brand-mark{display:flex;justify-content:center;margin-bottom:16px;animation:markPulse 4s ease-in-out infinite}@keyframes markPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.brand-name{font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#ffa102,#f5e9ce,#ffa102);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite;margin:0}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-tagline{font-size:14px;color:#f5e9ce66;font-weight:500;margin-top:6px;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f5e9ce66;padding-left:4px}.glass-input{width:100%;padding:14px 16px;background:#f5e9ce0a;border:1px solid rgba(245,233,206,.08);border-radius:14px;color:#f5e9ce;font-size:15px;font-family:inherit;outline:none;transition:all .25s ease;box-sizing:border-box}.glass-input:focus{border-color:#ffa10280;background:#f5e9ce0f;box-shadow:0 0 20px #ffa10214}.glass-input::placeholder{color:#f5e9ce33}.login-error{background:#dd55331f;border:1px solid rgba(221,85,51,.25);color:#ff8a6a;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:500;text-align:center}.login-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:linear-gradient(135deg,#ffa102,#d53);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-top:4px;position:relative;overflow:hidden}.login-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s}.login-cta:hover:before{transform:translate(100%)}.login-cta:active{transform:scale(.97)}.login-cta.loading{opacity:.7;pointer-events:none}.login-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.switch-text{font-size:13px;color:#f5e9ce59}.switch-btn{background:none;border:none;color:#ffa102;font-size:13px;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.switch-btn:hover{color:#f5e9ce}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-line{position:relative;z-index:1;margin-top:40px;font-size:11px;color:#f5e9ce26;letter-spacing:.1em;text-transform:uppercase}.method-picker{display:flex;flex-direction:column;gap:12px}.method-hint{font-size:12px;color:#f5e9ce59;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin:0 0 4px}.method-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:#f5e9ce0d;border:1px solid rgba(245,233,206,.1);border-radius:16px;cursor:pointer;text-align:left;transition:all .2s ease;color:#f5e9ce;font-family:inherit}.method-card:active{transform:scale(.97);background:#f5e9ce17}.method-tg{border-color:#229ed940;background:#229ed912}.method-tg:active{background:#229ed91f}.method-email{border-color:#ffa10240;background:#ffa10212}.method-email:active{background:#ffa1021f}.method-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0f}.method-text{flex:1;display:flex;flex-direction:column;gap:3px}.method-title{font-size:15px;font-weight:700;color:#f5e9ce}.method-desc{font-size:12px;color:#f5e9ce73;font-weight:400}.method-arrow{font-size:18px;color:#f5e9ce4d;flex-shrink:0}.back-btn{background:none;border:none;color:#f5e9ce73;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:20px;display:block;transition:color .15s;font-family:inherit}.back-btn:hover{color:#f5e9cecc}.tg-connect{display:flex;flex-direction:column}.tg-status{display:flex;flex-direction:column;align-items:center;padding:8px 0 16px}.tg-spinner-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tg-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,158,217,.4);animation:tgRipple 1.5s ease-out infinite}@keyframes tgRipple{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.4);opacity:0}}.tg-status-text{font-size:17px;font-weight:700;color:#f5e9ce;margin:0 0 8px;text-align:center}.tg-status-hint{font-size:13px;color:#f5e9ce66;margin:0;text-align:center}.tg-browser-note{font-size:12px;color:#f5e9ce4d;text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin:24px 0 8px}