.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:16px}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .2s ease-out;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close-button{background:none;border:none;font-size:28px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.modal-close-button:hover{background-color:#f3f4f6;color:#4b5563}.modal-close-button:active{transform:scale(.95)}.modal-content{padding:24px;overflow-y:auto;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 640px){.modal-mask{padding:0;align-items:flex-end}.modal-container{border-radius:16px 16px 0 0;max-height:85vh;animation:slideUp .3s ease-out}.modal-header{padding:16px 20px}.modal-content{padding:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app h1{color:#fff;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.open-button{padding:12px 32px;font-size:16px;font-weight:500;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.open-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.open-button:active{transform:translateY(0)}.modal-text{margin:10px 0;color:#374151;line-height:1.6}.modal-list{margin:16px 0;padding-left:24px;color:#4b5563}.modal-list li{margin:8px 0;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.modal-cancel-button,.modal-confirm-button{padding:10px 24px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.modal-cancel-button{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}.modal-cancel-button:hover{background:#e5e7eb}.modal-confirm-button{color:#fff;background:#4f46e5;border:none}.modal-confirm-button:hover{background:#4338ca}.modal-confirm-button:active,.modal-cancel-button:active{transform:scale(.98)}