:root{--brand-primary:#6c5ce7;--brand-primary-light:#a29bfe;--brand-primary-dark:#5438dc;--brand-gradient:linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--bg-body:#0b0d17;--bg-card:#141625;--bg-card-hover:#1a1d30;--bg-input:#1a1d30;--bg-glass:#141625d9;--border-subtle:#6c5ce726;--border-focus:#6c5ce780;--text-primary:#f1f1f6;--text-secondary:#8b8fa3;--text-muted:#5a5e72;--text-accent:#a29bfe;--success:#00d68f;--success-bg:#00d68f1a;--warning:#ffcb6b;--warning-bg:#ffcb6b1a;--danger:#ff6b6b;--danger-bg:#ff6b6b1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-body);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";z-index:-1;background:radial-gradient(at 20%,#6c5ce714 0%,#0000 50%),radial-gradient(at 80% 20%,#a29bfe0f 0%,#0000 50%),radial-gradient(at 50% 80%,#6c5ce70a 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite ambientShift;position:fixed;top:-50%;left:-50%}@keyframes ambientShift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-2%,1%)rotate(1deg)}66%{transform:translate(1%,-1%)rotate(-.5deg)}}a{color:var(--text-accent);transition:color .2s var(--ease-out);text-decoration:none}a:hover{color:var(--brand-primary-light)}.app-container{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 24px 80px;display:flex}.app-header{text-align:center;animation:fadeInUp .6s var(--ease-out);margin-bottom:48px}.app-logo{border-radius:var(--radius-lg);width:64px;height:64px;margin-bottom:16px;box-shadow:0 8px 32px #6c5ce74d}.app-title{letter-spacing:-.02em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.app-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);animation:fadeInUp .5s var(--ease-out) backwards;margin-bottom:16px;padding:24px}.card:hover{border-color:#6c5ce74d}.card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;font-size:.75rem;font-weight:600}.card-title-icon{margin-right:6px;display:inline-block}.profile-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-row+.profile-row{border-top:1px solid var(--border-subtle)}.profile-label{color:var(--text-secondary);font-size:.875rem}.profile-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.tier-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.tier-badge.sync{background:var(--success-bg);color:var(--success);border:1px solid #00d68f33}.tier-badge.pro{color:var(--brand-primary-light);background:linear-gradient(135deg,#6c5ce733 0%,#a29bfe33 100%);border:1px solid #6c5ce74d}.early-adopter-badge{background:var(--warning-bg);color:var(--warning);border:1px solid #ffcb6b33;border-radius:100px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:.675rem;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:all .2s var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 16px #6c5ce74d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #6c5ce780}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-card-hover)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ff6b6b33}.btn-danger:hover:not(:disabled){background:#ff6b6b26;border-color:#ff6b6b66}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-input)}.btn-sm{padding:8px 16px;font-size:.8125rem}.input-group{margin-bottom:16px}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:500;display:block}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:12px 16px;font-size:.875rem}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6c5ce726}.input::placeholder{color:var(--text-muted)}.alert{border-radius:var(--radius-md);animation:fadeInUp .3s var(--ease-out);margin-bottom:16px;padding:12px 16px;font-size:.8125rem}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #00d68f33}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ff6b6b33}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #ffcb6b33}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-screen .spinner{border-width:3px;border-color:#6c5ce733;border-top-color:var(--brand-primary);width:32px;height:32px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-link{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.8125rem}.auth-link a,.auth-link button{color:var(--text-accent);cursor:pointer;font-family:var(--font-family);font-size:inherit;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.auth-link button:hover{color:var(--brand-primary-light)}.pro-upgrade-card{border-color:#6c5ce740}.pro-upgrade-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.5}.plan-table-scroll{-webkit-overflow-scrolling:touch;margin-bottom:24px;overflow-x:auto}.plan-table{border-collapse:collapse;width:100%;min-width:320px}.plan-table__col-head{color:var(--text-secondary);text-align:center;width:56px;padding:0 12px 12px;font-size:.8125rem;font-weight:600}.plan-table__col-head--pro{color:var(--brand-primary-light)}.plan-table tbody tr{border-top:1px solid var(--border-subtle)}.plan-table__feature{color:var(--text-primary);padding:10px 0;font-size:.8125rem}.plan-table__check{text-align:center;width:56px;padding:10px 12px}.plan-check{font-size:1rem;font-weight:700}.plan-check--yes{color:var(--success)}.plan-check--pro{color:var(--brand-primary-light)}.plan-check--no{color:var(--text-muted);font-weight:400}.pro-upgrade-pricing{text-align:center;padding:4px 0 16px}.pro-upgrade-price{color:var(--text-primary);font-size:2rem;font-weight:700}.pro-upgrade-period{color:var(--text-secondary);font-size:1rem;font-weight:400}.btn-subscribe{border-radius:var(--radius-xl);background:linear-gradient(135deg,#a855f7 0%,#c084fc 100%);padding:14px 24px;font-size:1rem;box-shadow:0 4px 16px #a855f74d}.btn-subscribe:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #a855f780}.pro-upgrade-fine-print{color:var(--text-muted);text-align:center;margin-top:10px;font-size:.75rem}.danger-zone{border-color:#ff6b6b33}.danger-zone .card-title{color:var(--danger)}.danger-confirm-input{text-align:center;letter-spacing:.1em;font-family:monospace;font-weight:600}.app-footer{text-align:center;color:var(--text-muted);margin-top:auto;padding-top:48px;font-size:.75rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-bottom:16px;display:flex}.footer-dot{color:var(--text-muted);opacity:.5}.app-footer a{color:var(--text-muted);transition:color .2s var(--ease-out)}.app-footer a:hover{color:var(--text-accent)}.footer-branding{color:var(--text-muted);opacity:.8;margin-top:8px;font-size:.6875rem}.footer-company{color:var(--text-muted);opacity:.6;margin-top:4px;font-size:.625rem}.footer-company a{text-underline-offset:2px;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}@media (width<=520px){.app-container{padding:24px 16px 60px}.card{padding:20px}}