@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600&display=swap";:root{--primary-color:#d1bba4;--bg-gradient:linear-gradient(135deg, #f9f4ef 0%, #e8dbd0 100%);--glass-bg:#fff6;--glass-border:#fff9;--text-main:#332d29;--text-light:#6b5c53;--success:#a3bca3;--warning:#d1a4a4}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:var(--bg-gradient);background-image:url(/bg-sakura.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:600px;margin:0 auto;padding:24px}h1,h2,h3,h4{color:var(--text-main);font-weight:500}p{color:var(--text-light);line-height:1.6}.input-field{border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border-radius:16px;margin-bottom:16px;padding:16px 24px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.input-field:focus{border-color:var(--primary-color);background:#fffc;outline:none;box-shadow:0 0 0 4px #d1bba433}.input-field::placeholder{color:#6b5c5399}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:32px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000000d}.glass-panel:hover{box-shadow:0 12px 40px #00000014}.btn-primary{background:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s;display:flex}.btn-primary:hover{background:#4a423d;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.btn-secondary{color:var(--text-main);border:1px solid var(--text-main);cursor:pointer;background:0 0;border-radius:30px;width:100%;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#332d290d}.btn-icon{cursor:pointer;width:50px;height:50px;color:var(--text-main);background:#ffffffb3;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.btn-icon:hover{background:#ffffffe6;transform:translateY(-2px)}.option-card{border:1px solid var(--glass-border);cursor:pointer;text-align:left;background:#fff6;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:20px;transition:all .2s;display:flex}.option-card:hover{background:#ffffffb3;transform:translate(4px)}.option-card.selected{border-color:var(--text-main);background:#ffffffe6;box-shadow:0 4px 12px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.loading-spinner{border:3px solid #d1bba44d;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-20px)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;width:100%;min-width:0;display:flex}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.responsive-grid{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%;display:flex}@media (width>=640px){.responsive-grid{flex-direction:row}.responsive-grid>*{flex:1;min-width:0}}@media (width<=639px){.container{padding:8px}.glass-panel{padding:12px}.input-field{padding:12px 16px!important;font-size:16px!important}}.w-100,form{box-sizing:border-box!important;width:100%!important;max-width:100%!important}input[type=date],input[type=time]{appearance:none;min-height:52px;overflow:hidden!important}input[type=date]::-webkit-datetime-edit{max-width:100%!important;padding:0!important;overflow:hidden!important}input[type=time]::-webkit-datetime-edit{max-width:100%!important;padding:0!important;overflow:hidden!important}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=time]::-webkit-date-and-time-value{text-align:left}input[type=date]::-webkit-inner-spin-button{opacity:.5;margin:0;padding:0}input[type=time]::-webkit-inner-spin-button{opacity:.5;margin:0;padding:0}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;margin:0;padding:0}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;margin:0;padding:0}