.App{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5e6,#ffe0e9);padding:24px}.picker{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:32px 24px;box-shadow:0 12px 40px #00000014;text-align:center}.picker-title{margin:0 0 24px;font-size:24px;color:#333}.picker-machine{display:flex;justify-content:center;gap:6px;margin-bottom:24px}.picker-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff7a59,#ff5e9c);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .2s;box-shadow:0 6px 16px #ff5e9c4d}.picker-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #ff5e9c66}.picker-button:disabled{opacity:.6;cursor:not-allowed}.picker-result{margin-top:20px;font-size:18px;color:#555;min-height:1.5em}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade .2s ease}.modal-card{width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;padding:28px 24px 20px;text-align:center;box-shadow:0 16px 48px #0003;animation:modal-pop .25s ease}.modal-title{margin:0 0 16px;font-size:20px;color:#333}.modal-body{margin-bottom:20px}.modal-food-name{margin:0;font-size:28px;font-weight:700;color:#ff5e9c}.modal-confirm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:10px 36px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff7a59,#ff5e9c);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #ff5e9c4d}.modal-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff5e9c66}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}