.preferences-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.preferences-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.preferences-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90vh;max-width:700px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preferences-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.preferences-header h2{color:#202124;font-size:24px;font-weight:600;margin:0}.preferences-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.preferences-header .close-btn:hover{background:#f1f3f4;color:#202124}.preferences-body{flex:1;overflow-y:auto;padding:24px}.preference-section{margin-bottom:32px}.preference-section:last-child{margin-bottom:0}.preference-section h3{color:#202124;font-size:18px;font-weight:600;margin:0 0 16px}.preference-group{margin-bottom:24px}.preference-group:last-child{margin-bottom:0}.preference-group label{color:#202124;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.preference-group select{background:#fff;border:1px solid #dadce0;border-radius:8px;color:#202124;font-size:15px;padding:12px;transition:all .2s;width:100%}.preference-group select:hover{border-color:#bdc1c6}.preference-group select:focus{border-color:#0ea861;box-shadow:0 0 0 3px rgba(14,168,97,.1);outline:none}.checkbox-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px}.checkbox-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.checkbox-item:hover{background:#f8f9fa;border-color:#d0d0d0}.checkbox-item input[type=checkbox]{accent-color:#0ea861;cursor:pointer;height:18px;margin-right:8px;width:18px}.checkbox-item span{color:#202124;font-size:14px;user-select:none}.checkbox-item.allergen{background:#fff3e0;border-color:#ff9800}.checkbox-item.allergen:hover{background:#ffe0b2;border-color:#f57c00}.checkbox-item.tm6-only{opacity:.5;pointer-events:none}.checkbox-item.tm6-only input[type=checkbox]{pointer-events:none}.help-text{color:#5f6368;display:block;font-size:13px;line-height:1.5;margin-top:8px}.allergen-section{background:#fff9e6;border:1px solid #ffe0b2;border-radius:12px;padding:20px}.allergen-section .help-text{color:#e65100;font-weight:500;margin-bottom:12px}.preferences-error,.preferences-warning{border-radius:8px;font-size:14px;line-height:1.5;margin-top:16px;padding:12px 16px}.preferences-error{background:#fce8e6;border:1px solid #f28b82;color:#c5221f}.preferences-warning{background:#fef7e0;border:1px solid #fbbc04;color:#ea8600}.preferences-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.btn-primary{background:#0ea861;color:#fff}.btn-primary:hover:not(:disabled){background:#0c8f53;box-shadow:0 2px 8px rgba(14,168,97,.3)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:1px solid #dadce0;color:#5f6368}.btn-secondary:hover{background:#f8f9fa;border-color:#bdc1c6}.btn-loader,.btn-primary.loading .btn-text{display:none}.btn-primary.loading .btn-loader{display:inline}@media (max-width:768px){.preferences-modal{align-items:flex-end;padding:0}.preferences-content{animation:slideUpMobile .3s ease-out;border-radius:16px 16px 0 0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.preferences-header{padding:16px 20px}.preferences-header h2{font-size:20px}.preferences-body{padding:20px}.checkbox-grid{grid-template-columns:1fr}.preferences-footer{flex-direction:column-reverse;padding:16px 20px}.btn-primary,.btn-secondary{width:100%}}.preferences-body::-webkit-scrollbar{width:8px}.preferences-body::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.preferences-body::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:4px}.preferences-body::-webkit-scrollbar-thumb:hover{background:#9aa0a6}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.preferences-success{animation:successPulse .3s ease-out}