*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #E8ECF2;--bg-card: #FFFFFF;--bg-card2: #EEF2F7;--bg-card3: #E2E8F0;--text: #10151C;--text-2: #57616D;--text-3: #626C7A;--border: #DDE3EA;--border2: #C3CBD6;--line: #DDE3EA;--control: #6F7A89;--accent: #1F4FD8;--accent2: #1A43B8;--accent-glow: rgba(31,79,216,.12);--accent-tint: #EBEFFB;--on-accent: #FFFFFF;--s1: #B7C7F3;--s2: #8FA7EC;--s3: #6787E4;--s4: #1F4FD8;--green: #177245;--red: #B42318;--blue: #1662C4;--purple: #6D28D9;--purple-bg: rgba(109,40,217,.1);--nav-h: 74px;--radius: 12px;--radius-sm: 8px;--r-pill: 9999px;--card-shadow: none;--modal-shadow: 0 -12px 32px rgba(16,21,28,.16);--card-glow: rgba(16,21,28,.03);--overlay-btn: rgba(16,21,28,.06);--overlay-btn-hover: rgba(16,21,28,.1);--gradient-card: linear-gradient(180deg, #FFFFFF, #FFFFFF);--nav-bg: rgba(255,255,255,.94);--nav-inactive: #57616D;--nav-border: #DDE3EA}[data-theme=light]{--bg: #E8ECF2;--bg-card: #FFFFFF;--bg-card2: #EEF2F7;--bg-card3: #E2E8F0;--text: #10151C;--text-2: #57616D;--text-3: #626C7A;--border: #DDE3EA;--border2: #C3CBD6;--line: #DDE3EA;--control: #6F7A89;--accent: #1F4FD8;--accent2: #1A43B8;--accent-glow: rgba(31,79,216,.12);--accent-tint: #EBEFFB;--on-accent: #FFFFFF;--s1: #B7C7F3;--s2: #8FA7EC;--s3: #6787E4;--s4: #1F4FD8;--green: #177245;--red: #B42318;--blue: #1662C4;--purple: #6D28D9;--purple-bg: rgba(109,40,217,.1);--card-shadow: none;--modal-shadow: 0 -12px 32px rgba(16,21,28,.16);--card-glow: rgba(16,21,28,.03);--overlay-btn: rgba(16,21,28,.06);--overlay-btn-hover: rgba(16,21,28,.1);--gradient-card: linear-gradient(180deg, #FFFFFF, #FFFFFF);--nav-bg: rgba(255,255,255,.94);--nav-inactive: #57616D;--nav-border: #DDE3EA}html[data-accent=moss]{--accent: #0E6B4F;--accent2: #0C5B43;--accent-glow: rgba(14,107,79,.12);--accent-tint: #E9F2EF;--s1: #B2D0C7;--s2: #87B5A7;--s3: #5B9A87;--s4: #0E6B4F}html[data-accent=plum]{--accent: #7B34C9;--accent2: #692CAB;--accent-glow: rgba(123,52,201,.12);--accent-tint: #F3EDFA;--s1: #D5BEEE;--s2: #BD9AE4;--s3: #A575DA;--s4: #7B34C9}html[data-accent=wax]{--accent: #B93711;--accent2: #9D2F0E;--accent-glow: rgba(185,55,17,.12);--accent-tint: #F9EDEA;--s1: #E9BFB3;--s2: #DC9B88;--s3: #CF775D;--s4: #B93711}[data-theme=dark]{--bg: #0C1017;--bg-card: #141A23;--bg-card2: #1C2531;--bg-card3: #26303E;--text: #E7ECF3;--text-2: #98A3B3;--text-3: #7A8595;--border: #222B36;--border2: #3A4656;--line: #222B36;--control: #647082;--accent: #5B8BFF;--accent2: #749CFF;--accent-glow: rgba(91,139,255,.2);--accent-tint: #19243C;--on-accent: #0C1017;--s1: #1F2E4F;--s2: #2C4174;--s3: #375497;--s4: #5B8BFF;--green: #4FC77A;--red: #F2705B;--blue: #64A8F0;--purple: #B08CF0;--purple-bg: rgba(176,140,240,.16);--card-shadow: none;--modal-shadow: 0 -8px 40px rgba(0,0,0,.5);--card-glow: rgba(231,236,243,.04);--overlay-btn: rgba(231,236,243,.08);--overlay-btn-hover: rgba(231,236,243,.13);--gradient-card: linear-gradient(180deg, #141A23, #141A23);--nav-bg: rgba(18,24,33,.94);--nav-inactive: #98A3B3;--nav-border: #222B36}[data-theme=dark][data-accent=moss]{--accent: #3FBE8E;--accent2: #5CC89F;--accent-glow: rgba(63,190,142,.2);--accent-tint: #142C2A;--s1: #183A34;--s2: #205647;--s3: #287058;--s4: #3FBE8E}[data-theme=dark][data-accent=plum]{--accent: #B98BFF;--accent2: #C49CFF;--accent-glow: rgba(185,139,255,.2);--accent-tint: #28243C;--s1: #362E4F;--s2: #514174;--s3: #6B5497;--s4: #B98BFF}[data-theme=dark][data-accent=wax]{--accent: #FF6A38;--accent2: #FF8056;--accent-glow: rgba(255,106,56,.2);--accent-tint: #331E1C;--s1: #46261F;--s2: #6D3424;--s3: #924229;--s4: #FF6A38}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;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#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(--bg-card3);border-radius:var(--r-pill);overflow:hidden;flex:none}.progress-fill{height:100%;background:var(--text);border-radius:var(--r-pill);transition:width .25s ease-out}.progress-fill.green{background:var(--green)}.progress-fill.purple{background:var(--purple)}.xp-badge{background:var(--bg-card3);color:var(--text);font-size:12px;font-weight:600;letter-spacing:.01em;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0}.xp-badge.purple{background:var(--purple-bg);color:var(--purple)}.checkbox{width:24px;height:24px;border-radius:var(--r-pill);border:2px solid var(--control);background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-out,border-color .15s ease-out}.checkbox.done,.checkbox.done-accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.checkbox.done svg path,.checkbox.done-accent svg path{stroke:var(--on-accent)}.btn-primary{width:100%;padding:16px;background:var(--accent);color:var(--on-accent);font-size:16px;font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease-out,opacity .15s ease-out;letter-spacing:-.2px}.btn-primary:active{transform:scale(.97);opacity:.88}.btn-outline-green{flex:1;padding:14px;background:#1772451f;background:color-mix(in srgb,var(--green) 12%,transparent);border:1.5px solid rgba(23,114,69,.45);border-color:color-mix(in srgb,var(--green) 45%,transparent);color:var(--green);font-size:14px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s ease-out}.btn-outline-red{flex:1;padding:14px;background:#b423181a;background:color-mix(in srgb,var(--red) 10%,transparent);border:1.5px solid rgba(180,35,24,.45);border-color:color-mix(in srgb,var(--red) 45%,transparent);color:var(--red);font-size:14px;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s ease-out}.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 transparent;border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;transition:border-color .2s ease-out,box-shadow .2s ease-out;font-family:inherit}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.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:650;letter-spacing:-.03em;color:var(--text)}.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:20px 20px 0 0;padding:0 20px 28px;width:100%;border-top:1px solid var(--border);animation:slideUp .26s 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:var(--modal-shadow)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:var(--border2);border-radius:var(--r-pill);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 .25s ease-out}@keyframes tickPulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){@keyframes slideUp{0%{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:none}}@keyframes tickPulse{0%,40%,to{transform:none}}.modal-sheet{animation-duration:.2s;animation-timing-function:ease-out}.fade-up{animation-duration:.2s}.progress-fill{transition-duration:.01s}}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 var(--accent-glow);transition:box-shadow .2s ease-out}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 8px var(--accent-glow)}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:var(--bg);padding:24px}.login-glass{position:relative;z-index:1;width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px 28px;animation:loginIn .25s ease-out}@keyframes loginIn{0%{opacity:0;transform:translateY(10px)}}.login-brand{text-align:center;margin-bottom:28px}.brand-mark{display:flex;justify-content:center;margin-bottom:14px}.brand-name{font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--text);margin:0}.brand-tagline{font-size:12.5px;color:var(--text-2);font-weight:500;margin-top:5px}.login-form{display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding-left:2px}.glass-input{width:100%;padding:14px 16px;background:var(--bg-card2);border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease-out,box-shadow .2s ease-out;box-sizing:border-box}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.glass-input::placeholder{color:var(--text-3)}.login-error{background:color-mix(in srgb,var(--red) 10%,transparent);border:1px solid color-mix(in srgb,var(--red) 45%,transparent);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;text-align:center}.login-success{background:color-mix(in srgb,var(--green) 10%,transparent);border:1px solid color-mix(in srgb,var(--green) 45%,transparent);color:var(--green);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;text-align:center}.login-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out;margin-top:4px}.login-cta:active{transform:scale(.97);opacity:.88}.login-cta.loading{opacity:.7;pointer-events:none}.login-switch{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.switch-text{font-size:13px;color:var(--text-2)}.switch-btn{background:none;border:none;color:var(--text);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0;font-family:inherit}.spinner{width:20px;height:20px;border:2.5px solid color-mix(in srgb,var(--on-accent) 30%,transparent);border-radius:50%;border-top-color:var(--on-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-line{position:relative;z-index:1;margin-top:32px;font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.08em;text-transform:uppercase}.method-picker{display:flex;flex-direction:column;gap:10px}.method-hint{font-size:11px;color:var(--text-2);text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 4px}.method-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:var(--bg-card2);border:none;border-radius:var(--radius);cursor:pointer;text-align:left;transition:background-color .15s ease-out,transform .15s ease-out;color:var(--text);font-family:inherit}.method-card:active{transform:scale(.98);background:var(--bg-card3)}.method-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-card3);color:var(--text)}.method-text{flex:1;display:flex;flex-direction:column;gap:2px}.method-title{font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--text)}.method-desc{font-size:12.5px;color:var(--text-2);font-weight:500}.method-arrow{font-size:16px;color:var(--text-2);flex-shrink:0}.back-btn{background:none;border:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:18px;display:block;transition:color .15s ease-out;font-family:inherit}.back-btn:hover{color:var(--text)}.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:18px}.tg-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 40%,transparent);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:650;letter-spacing:-.02em;color:var(--text);margin:0 0 8px;text-align:center}.tg-status-hint{font-size:13px;color:var(--text-2);margin:0;text-align:center}.tg-browser-note{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:22px 0 8px}@media(prefers-reduced-motion:reduce){@keyframes loginIn{0%{opacity:0;transform:none}}@keyframes tgRipple{0%{transform:none;opacity:.8}to{transform:none;opacity:0}}.login-glass{animation-duration:.2s}}