@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--purple:#7C3AED;--purple-dark:#6D28D9;--purple-light:#8B5CF6;--purple-pale:#EDE9FE;--purple-ultra-pale:#F5F3FF;--white:#FFFFFF;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-900:#111827;--red:#EF4444;--green:#10B981;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(124,58,237,0.12);--shadow-lg:0 8px 32px rgba(124,58,237,0.2);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--font-main:"Outfit",sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus{outline:none!important}#__next,body,html{height:100%;width:100%}body{font-family:var(--font-main);background:var(--white);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;user-select:none}input,textarea{user-select:auto!important;-webkit-appearance:none}.screen{width:100%;min-height:100dvh;display:flex;flex-direction:column;background:transparent;overflow-y:auto;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (min-width:1024px){.screen{max-width:420px;margin:0 auto;border-left:1px solid var(--gray-100);border-right:1px solid var(--gray-100);box-shadow:0 0 50px rgba(0,0,0,.05)}}.nav-item,button{cursor:pointer;border:none;background:none;font-family:var(--font-main);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--purple);color:var(--white);border-radius:var(--radius-md);font-size:16px;font-weight:700;width:100%;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;background:transparent;color:var(--purple);border:2px solid var(--purple);border-radius:var(--radius-md);font-size:16px;font-weight:700;width:100%}.btn-secondary:active{transform:scale(.97);background:var(--purple-ultra-pale)}.header{padding:12px 20px;border-bottom:1px solid var(--gray-100);gap:12px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);top:0}.bottom-nav,.header{display:flex;align-items:center;position:sticky;z-index:50}.bottom-nav{justify-content:space-around;padding:10px 10px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--gray-100);background:var(--white);bottom:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:14px;color:var(--gray-400)}.nav-item.active{color:var(--purple)}.nav-item:active{transform:scale(.9);background:var(--gray-50)}.card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);padding:16px;transition:all .2s}.card:active{transform:scale(.99);border-color:var(--purple-pale)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease-out forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px}