:root{--primary: #8B5CF6;--bg-light: #f9fafb;--text-dark: #1f2937;--text-gray: #6b7280}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#e5e7eb}.app-container{max-width:500px;margin:0 auto;min-height:100vh;background-color:var(--bg-light);box-shadow:0 0 20px #0000001a;position:relative;display:flex;flex-direction:column}.page{padding:20px;animation:fadeIn .3s ease-out;flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;border-radius:16px;padding:15px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:transform .1s ease}.card:active{transform:scale(.98)}.card{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a!important}.card:active{transform:scale(.95)}