html,body{margin:0;padding:0;height:100%;width:100%}.button-row{display:flex;flex-direction:column;gap:1rem;max-width:18rem;margin:0 auto 2.5rem}.btn{border:none;border-radius:1.25rem;font-size:1.2rem;font-weight:600;padding:.9rem 1.6rem;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary{background:#ffa726;color:#fff;box-shadow:0 8px 18px #00000040;animation:pulse-glow 2.5s ease-in-out infinite}.btn-secondary{background:#1e88e5;color:#fff;box-shadow:0 6px 14px #0003}.btn-tertiary{background:#f32328;color:#fff;box-shadow:0 6px 14px #0003}.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.btn:active{transform:translateY(1px);box-shadow:none}.screen-shell{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;background:linear-gradient(#7fd3ff,#aee7ff)}.screen-content{position:relative;z-index:1;max-width:480px;width:100%;text-align:center}.cloud{position:absolute;opacity:.5;animation:cloud-drift 40s linear infinite}.cloud-lg{width:8rem;top:8%;left:-12%}.cloud-md{width:6rem;top:24%;right:-15%;animation-duration:30s;animation-delay:-8s}.cloud-sm{width:4rem;bottom:18%;left:12%}.mascot-wrapper{margin-bottom:1.25rem}.mascot-floating{animation:mascot-bounce 2.2s ease-in-out infinite,mascot-drift 14s linear infinite}.card{background:#00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 18px 40px #00000059}.back-wrapper{margin-top:1.5rem;display:flex;justify-content:center}.empty{font-size:.95rem;opacity:.8}.feedback{margin-top:.5rem;font-size:.9rem;text-align:center}.feedback.success{color:#a5f3a1;animation:fade-in-out 2s ease}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(130%)}}@keyframes mascot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascot-drift{0%{transform:translate(0)}50%{transform:translate(12px)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 18px #ffa72666}50%{box-shadow:0 12px 30px #ffa726b3}}@keyframes fade-in-out{0%{opacity:0;transform:translateY(-2px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}