.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:0;width:100%}.slot-button{padding:.75rem 1rem;border:1px solid #E4E4E7;border-radius:.75rem;background-color:#fff;color:#18181b;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.slot-button:hover:not(:disabled){border-color:#d4d4d8;background-color:#fafafa;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.slot-button.selected{background-color:#18181b;color:#fff;border-color:#18181b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.slot-button.selected:hover{background-color:#27272a;border-color:#27272a}.slot-button:disabled,.slot-button.disabled{opacity:.4;cursor:not-allowed;background-color:#f4f4f5;color:#a1a1aa}.slot-button:disabled:hover,.slot-button.disabled:hover{transform:none;box-shadow:none;border-color:#e4e4e7;background-color:#f4f4f5}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:200px}.error-icon{font-size:2.5rem;margin-bottom:1rem;line-height:1}.error-title{font-size:1.125rem;font-weight:600;color:#18181b;margin-bottom:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-message{font-size:.875rem;color:#71717a;line-height:1.5;max-width:320px;margin-bottom:1.5rem}.error-action{margin-top:.5rem}@media (max-width: 640px){.slot-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.slot-button{padding:.625rem .75rem;font-size:.8125rem;min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}