@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.nq-login{--lg-cream: #f4f6ec;--lg-cream-2: #eaf0dd;--lg-card: #ffffff;--lg-border: #e6e9dd;--lg-text: #17251a;--lg-text-soft: #5c6b60;--lg-text-mut: #98a598;--lg-green: #2e7d32;--lg-green-deep: #14532d;--lg-green-lime: #6ea63a;--lg-green-tint: #eaf5e4;--lg-error: #c62828;--lg-error-bg: #fdecec;--lg-btn-grad: linear-gradient(100deg, #6ea63a 0%, #2f7d32 46%, #14532d 100%);position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2rem);color:var(--lg-text);font-family:var(--font-sans);isolation:isolate}.nq-login__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--lg-cream);pointer-events:none}.nq-login__bg:before{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:url(/login-bg.png) center / cover no-repeat;transform-origin:center;animation:nqBgDrift 26s ease-in-out infinite alternate;will-change:transform}@keyframes nqBgDrift{0%{transform:scale(1.03) translateZ(0)}to{transform:scale(1.07) translate3d(0,-1.4%,0)}}.nq-login__content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0}.nq-login__logo{width:clamp(84px,24vw,104px);height:clamp(84px,24vw,104px);border-radius:26%;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(20,83,45,.28))}.nq-login__title{font-size:clamp(2.1rem,9vw,2.85rem);font-weight:800;line-height:1.08;text-align:center;letter-spacing:-.02em;margin-top:var(--space-2)}.nq-login__title b{color:var(--lg-green);font-weight:800}.nq-login__subtitle{text-align:center;color:var(--lg-text-soft);font-size:clamp(1rem,3.6vw,1.12rem);line-height:1.4;max-width:22ch}.nq-card{width:100%;background:var(--lg-card);border-radius:26px;padding:clamp(1.15rem,5vw,1.6rem);box-shadow:0 18px 44px -22px #14281959,0 2px 8px #1428190d;display:flex;flex-direction:column;gap:var(--space-4)}.nq-field{display:flex;align-items:center;gap:var(--space-3);padding:.7rem .85rem;border:1.5px solid var(--lg-border);border-radius:16px;background:var(--lg-card);transition:border-color .16s ease,box-shadow .16s ease}.nq-field:focus-within{border-color:var(--lg-green);box-shadow:0 0 0 4px #2e7d321f}.nq-field.is-invalid{border-color:var(--lg-error);box-shadow:0 0 0 4px #c628281a}.nq-field__icon{flex-shrink:0;width:44px;height:44px;border-radius:13px;background:var(--lg-green-tint);color:var(--lg-green);display:flex;align-items:center;justify-content:center}.nq-field.is-invalid .nq-field__icon{background:var(--lg-error-bg);color:var(--lg-error)}.nq-field__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.nq-field__label{font-size:.8rem;font-weight:700;color:var(--lg-text-soft);letter-spacing:.01em}.nq-field__input{border:none;outline:none;background:transparent;padding:0;font-size:1.12rem;font-weight:600;color:var(--lg-text);width:100%;letter-spacing:.01em}.nq-field__input::placeholder{color:var(--lg-text-mut);font-weight:500}.nq-field__chevron{flex-shrink:0;color:var(--lg-text-mut);display:flex}.nq-login__error{display:flex;align-items:center;gap:var(--space-2);background:var(--lg-error-bg);color:var(--lg-error);border-radius:13px;padding:.7rem .85rem;font-size:.9rem;font-weight:600;line-height:1.35}.nq-submit{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:60px;border:none;border-radius:18px;background:var(--lg-btn-grad);color:#fff;font-size:1.15rem;font-weight:700;font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;box-shadow:0 14px 26px -12px #14532db3;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;margin-top:var(--space-1)}.nq-submit:hover{filter:brightness(1.05);box-shadow:0 18px 30px -12px #14532db8}.nq-submit:active{transform:translateY(2px);box-shadow:0 8px 18px -12px #14532db3}.nq-submit:disabled{opacity:.75;cursor:progress}.nq-submit:after{content:"";position:absolute;top:-60%;left:-75%;width:55%;height:220%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skew(-18deg);animation:nqShine 4.6s ease-in-out infinite;pointer-events:none}@keyframes nqShine{0%,22%{left:-75%}55%,to{left:135%}}.nq-submit__arrow{display:flex;transition:transform .16s ease}.nq-submit:hover .nq-submit__arrow{transform:translate(3px)}.nq-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:nqSpin .7s linear infinite}@keyframes nqSpin{to{transform:rotate(360deg)}}.nq-help{align-self:center;background:none;border:none;cursor:pointer;color:var(--lg-green);font-family:var(--font-sans);font-size:.98rem;font-weight:700;padding:var(--space-2);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:4px}.nq-help:hover{color:var(--lg-green-deep)}.nq-secure{display:flex;align-items:center;gap:var(--space-3);width:100%;background:#ffffff8c;border:1px solid var(--lg-border);border-radius:16px;padding:.85rem 1rem;color:var(--lg-text-soft);font-size:.86rem;line-height:1.4}.nq-secure__shield{flex-shrink:0;color:var(--lg-green);display:flex}.nq-install{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffffb3;border:1.5px solid var(--lg-border);border-radius:var(--radius-full);padding:.7rem 1.25rem;color:var(--lg-green);font-family:var(--font-sans);font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.nq-install:hover{background:#fff;box-shadow:var(--shadow-sm)}.nq-install:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.nq-login__bg:before,.nq-submit:after{animation:none}}:root{--color-primary: #059669;--color-accent: #34d399;--color-primary-gradient: linear-gradient(90deg, #059669, #34d399);--color-primary-dark: #064e3b;--color-primary-deep: #064e3b;--color-primary-light: #34d399;--color-primary-pale: #a7f3d0;--color-primary-bg: #ecfdf5;--color-primary-surface: #ecfdf5;--color-white: #ffffff;--color-bg: #f0f2f1;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-press: #d2dcd2;--color-card-bg: rgba(255, 255, 255, .92);--color-card-border: rgba(255, 255, 255, .9);--glass-blur: 14px;--color-card-shadow: 0 5px 16px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.05);--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-deep: #b91c1c;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-success: #059669;--color-success-bg: #ecfdf5;--color-locked: #7c3aed;--color-late: #dc2626;--color-water: #0ea5e9;--color-xp: #f59e0b;--color-xp-bg: #fffbeb;--color-xp-deep: #c97e08;--color-streak: #ff7a1a;--color-streak-bg: #fff4ec;--color-streak-deep: #d6610f;--color-trophy: #f59e0b;--color-trophy-surface: rgba(254, 243, 199, .9);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2.25rem;--text-hero: clamp(1.375rem, 5vw, 1.75rem);--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-black: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(17,24,39,.05);--shadow-md: 0 6px 16px -6px rgba(17,24,39,.1);--shadow-lg: 0 16px 32px -12px rgba(17,24,39,.14);--press-neutral: 0 4px 0 var(--color-border-press);--press-primary: 0 4px 0 var(--color-primary-deep);--press-streak: 0 4px 0 var(--color-streak-deep);--press-error: 0 4px 0 var(--color-error-deep);--nav-height: 64px;--header-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--page-padding: var(--space-4);--max-width: 480px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .16s;--duration-base: .26s;--duration-progress: .42s;--hero-gradient: linear-gradient(135deg, rgba(255,255,255,.12) 0%, transparent 42%), linear-gradient(150deg, #042f20 0%, #065f46 50%, #059669 100%);--hero-glow: 0 16px 34px -14px rgba(5,150,105,.6);--mood-1: #f59e0b;--mood-2: #94a3b8;--mood-3: #34d399;--mood-4: #059669;--mood-5: #7c3aed;--tier-locked-bg: #f4f6f5;--tier-locked-fg: #9ca3af;--heat-0: #e7eae8;--heat-p: #f5b942;--heat-b: #86e0ad;--heat-e: #0f9d58}:root[data-theme=laranja]{--color-primary: #ea580c;--color-accent: #fb923c;--color-primary-gradient: linear-gradient(90deg, #ea580c, #fb923c)}:root[data-theme=verde-laranja]{--color-primary: #059669;--color-accent: #fb923c;--color-primary-gradient: linear-gradient(90deg, #059669, #fb923c)}:root[data-mode=dark]{--color-bg: #050806;--color-surface: rgba(22, 30, 27, .92);--color-white: rgba(22, 30, 27, .92);--color-card-bg: rgba(22, 30, 27, .92);--color-card-border: rgba(148, 163, 184, .1);--color-card-shadow: 0 2px 14px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);--color-border: rgba(148, 163, 184, .16);--color-border-press: rgba(148, 163, 184, .1);--color-text: #f1f5f9;--color-text-secondary: #9fb3aa;--color-text-muted: #7c8a85;--color-primary: #059669;--color-primary-dark: #6ee7b7;--color-accent: #34d399;--color-primary-bg: rgba(5, 150, 105, .18);--color-primary-surface:rgba(5, 150, 105, .16);--hero-glow: 0 0 0 1px rgba(52,211,153,.18), 0 18px 50px -10px rgba(5,150,105,.5), 0 0 60px -14px rgba(16,185,129,.45);--tier-locked-bg: rgba(15,20,18,.7);--tier-locked-fg: #7c8a85;--heat-0: #1b2620;--heat-p: #caa23a;--heat-b: #1f7a4d;--heat-e: #2bd07a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--max-width);margin:0 auto;position:relative;background:var(--color-bg)}.page{flex:1;overflow-y:auto;padding:var(--page-padding);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-6))}.page-header{padding:var(--space-4) var(--page-padding);background:var(--color-white);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:10}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--color-border);padding:var(--space-4)}.card-tactile{background:var(--color-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--press-neutral);padding:var(--space-4);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card-tactile:active{transform:translateY(4px);box-shadow:0 0 0 var(--color-border-press)}.glass-card{position:relative;background:var(--color-card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--color-card-shadow);padding:var(--space-4)}.accent-bar{position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:2px;background:var(--color-primary-gradient);border-radius:0 0 3px 3px}.page-blob{position:absolute;width:280px;height:200px;background:radial-gradient(ellipse,rgba(16,185,129,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.page-blob-tr{top:-60px;right:-50px}.page-blob-tl{top:-60px;left:-50px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-bold);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;border:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);text-decoration:none;min-height:52px}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--press-primary)}.btn-primary:hover{background:var(--color-primary-light)}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 0 var(--color-primary-deep)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--press-primary)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--press-neutral)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 0 var(--color-border-press)}.btn-streak{background:var(--color-streak);color:var(--color-white);box-shadow:var(--press-streak)}.btn-streak:active{transform:translateY(4px);box-shadow:0 0 0 var(--color-streak-deep)}.btn-ghost{background:transparent;color:var(--color-text-secondary);min-height:44px}.btn-full{width:100%}.progress-track{background:var(--color-border);border-radius:var(--radius-full);height:14px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--duration-progress) var(--ease-out)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);white-space:nowrap}button,input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn:active,.card-tactile:active{transform:none}}:root[data-mode=dark] #root{background:radial-gradient(120% 55% at 50% 0%,#0c1512,#050806 55%,#000)}