:root{--primary: #2563EB;--primary-dark: #1E3A8A;--primary-light: #3B82F6;--max-width: 480px;--bg-card-glass: rgba(255, 255, 255, .8);--bg-main: #FFFFFF;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--text-primary: #000000;--text-secondary: #333333;--text-muted: #64748B;--border-light: #E2E8F0;--border-strong: #CBD5E1;--gradient-bg: linear-gradient(135deg, #0F172A 0%, var(--primary-dark) 60%, var(--primary-light) 100%);--gradient-btn: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);--gradient-primary: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 22px;--radius-xl: 30px;--radius-full: 999px;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-btn: 0 8px 16px rgba(37, 99, 235, .25);--shadow-glow: 0 0 20px rgba(37, 99, 235, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .02)}.dark-theme{--bg-main: #0B0F1A;--bg-card: #161E2E;--bg-input: #1F2937;--bg-secondary: #0F172A;--bg-tertiary: #1E293B;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-muted: #9CA3AF;--border-light: #1F2937;--border-strong: #374151;--primary: #60A5FA;--primary-dark: #3B82F6;--primary-light: #93C5FD;--bg-card-glass: rgba(11, 15, 26, .82);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100%;width:100%;position:absolute;inset:0;overflow:hidden;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--bg-main);transition:background-color .1s ease;font-family:var(--font-family);color:var(--text-primary);line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],.selectable-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}body{display:flex;flex-direction:column}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}button,[role=button],.btn,a[href]{transition:transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);-webkit-tap-highlight-color:transparent;outline:none;font-family:inherit}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-paddings{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,24px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}#root{display:flex;flex-direction:column;min-height:100dvh;height:100%;width:100%;margin:0 auto;background-color:var(--bg-main);transition:background-color .1s ease;position:relative}@media(min-width:481px){#root{max-width:480px;box-shadow:var(--shadow-md)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}h1{font-size:28px;font-weight:800;letter-spacing:-.3px;margin-bottom:var(--spacing-md);text-shadow:0 1px 1px rgba(0,0,0,.05)}h2{font-size:22px;font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:-.2px;text-shadow:0 1px 1px rgba(0,0,0,.03)}h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm)}p{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-md)}.container{flex:1;display:flex;flex-direction:column;position:relative}.page-header{margin-top:0;margin-bottom:var(--spacing-md);animation:fadeIn .5s ease-out}.subheading{font-size:15px;font-weight:500;color:var(--text-muted);opacity:.9;margin-top:4px;margin-bottom:0}.divider-or{display:flex;align-items:center;margin:var(--spacing-lg) 0;opacity:.85}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background-color:var(--border-light);opacity:.5}.divider-text{padding:0 var(--spacing-md);font-size:14px;font-weight:700;color:var(--text-muted);text-transform:uppercase;opacity:.95}.card{background-color:var(--bg-card);border-radius:18px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);box-sizing:border-box;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}.card:hover{transform:scale(1.02);box-shadow:0 10px 24px #0000001f}.btn-primary{background:var(--gradient-btn);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-btn);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);pointer-events:none}.btn-primary:hover{transform:scale(1.03);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:scale(.96);box-shadow:0 4px 8px #2563eb33}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);font-size:16px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s,transform .3s ease-in-out;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.btn-secondary:hover{color:var(--primary);border-color:var(--primary)}.btn-secondary:active{transform:scale(.96)}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs);letter-spacing:.3px}.input-field{width:100%;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-card);font-size:16px;color:var(--text-primary);outline:none;transition:all .2s ease;box-shadow:var(--shadow-inner)}.input-field:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2563eb1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:slideInRight .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.shimmer-wrapper{position:relative;overflow:hidden;background-color:var(--bg-card);border-radius:var(--radius-md)}.shimmer-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dark-theme .shimmer-wrapper:after{background:linear-gradient(90deg,#fff0,#ffffff14,#fff0)}.hero-greeting{animation:slideDownFadeIn .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.streak-flame{animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(249,115,22,.8))}}.message-pop{animation:messagePop .3s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:bottom center}@keyframes messagePop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.typing-dots{display:flex;gap:4px;align-items:center;padding:8px 0}.typing-dot{width:6px;height:6px;background-color:var(--primary);border-radius:50%;animation:bounceDots 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounceDots{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.parallax-bg{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}@keyframes slideUpFade{0%{transform:translateY(20px) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}@keyframes slideDownFade{0%{transform:translateY(0) translate(-50%);opacity:1}to{transform:translateY(20px) translate(-50%);opacity:0}}