body{font-family:Arial,sans-serif;margin:0;padding:0;background:url(/images/rehabxmas.jpg) no-repeat center center fixed;background-size:cover;color:#fff;height:100vh}.app{text-align:center;padding:20px}input{padding:10px;margin:10px;border:none;border-radius:8px;font-size:16px;min-width:270px}button{padding:10px 20px;margin:10px;border:none;border-radius:8px;background-color:#ff7f7f;color:#fff;font-size:16px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:20px auto;max-width:1300px}.grid-item{border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;padding:100px;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 4px 6px #00000080}.grid-item:hover{transform:scale(1.05)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;overflow-y:auto}.modal h2{margin-bottom:10px;color:#333;text-align:center;font-size:1.5em}.modal img{width:100%;max-width:500px;height:auto;max-height:calc(100vh - 150px);border-radius:8px;object-fit:contain;margin-bottom:15px}.modal p{color:#555;font-size:16px;max-width:500px;text-align:center;margin:10px 0}.modal button{margin-top:15px;background-color:#ff7f7f;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:16px}.modal button:hover{background-color:#e55c5c}@media (max-width: 600px){.modal{padding:10px}.modal h2{font-size:1.2em}.modal p{font-size:14px}.modal button{font-size:14px;padding:8px 12px}}.error-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;background:#fff;color:#333;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000004d;text-align:center;animation:fadeIn .3s ease-in-out}.error-modal p{margin-bottom:15px;font-size:18px}.error-modal button{padding:8px 15px;border:none;border-radius:5px;background-color:#070707;color:#fff;font-size:16px;cursor:pointer}.error-modal button:hover{background-color:#a4a0a0;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.snowflake{position:fixed;top:-10px;color:#fff;font-size:1em;pointer-events:none;z-index:1000;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}