.options-grid-3-always{display:grid;grid-template-columns:repeat(3,minmax(85px,1fr));gap:.5rem;margin:.5rem auto;max-width:300px}.options-grid-time-hours{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.5rem 0;max-width:100%;justify-items:stretch}.options-grid-1{display:grid;grid-template-columns:minmax(85px,1fr);gap:.5rem;margin:.5rem auto;max-width:100px}.options-grid-2,.options-grid-3,.options-grid-4{display:grid;gap:.5rem;margin:.5rem 0;max-width:100%;grid-template-columns:1fr;justify-items:stretch;text-align:left}.options-grid-container{width:100%}.title-underline{display:inline-block;height:1px;background:#e5e7eb;vertical-align:middle;width:30%;margin-top:.25rem}.title-underline-text{display:inline-block;border-bottom:1px solid rgba(229,231,235,.7);padding-bottom:6px}.title-breathing{margin-bottom:1rem}.emoji{font-size:1.625rem;margin-bottom:.5rem;display:block;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform-origin:center}.emoji,.grid-option{text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.grid-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.125rem .875rem;border:2px solid rgba(0,0,0,.06);border-radius:1.25rem;background:linear-gradient(145deg,#fff,#fafbfc);cursor:pointer;min-height:90px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02),inset 0 1px 0 hsla(0,0%,100%,.7);overflow:hidden}.grid-option:hover{border-color:rgba(0,0,0,.12);background:linear-gradient(145deg,#fafbfc,#f1f5f9);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.8)}.grid-option:hover .emoji{transform:scale(1.12);opacity:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}.grid-option.selected{border-color:transparent;background:#111318!important;color:#fff!important;transform:translateY(-1px) scale(1.01);box-shadow:0 6px 18px rgba(0,0,0,.12)}.grid-option.selected .emoji{opacity:1;transform:scale(1.08);filter:none}.grid-option span:not(.emoji){font-size:.825rem;font-weight:500;line-height:1.3;color:#6b7280;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.grid-option.selected span:not(.emoji){color:#fff!important;font-weight:600}.grid-option-multi{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:12px 14px;border:1px solid transparent;border-radius:.875rem;background:#fff;color:#111827;cursor:pointer;transition:all .18s ease;min-height:64px;width:100%;position:relative;box-shadow:none;overflow:visible}.grid-option-multi:before{display:none}.grid-option-multi>*{position:relative;z-index:1}.grid-option-multi:hover{border-color:rgba(17,24,39,.06);background:#f8fafc;transform:none;box-shadow:none}.grid-option-multi:hover .emoji{transform:scale(1.08);opacity:1;filter:drop-shadow(0 2px 4px rgba(34,197,94,.15))}.grid-option-multi.selected{border-color:rgba(34,197,94,.25);background:#f0fff4;color:#065f46;transform:translateY(-1px);box-shadow:0 8px 24px rgba(34,197,94,.06)}.grid-option-multi.selected:before{border-color:rgba(59,130,246,.3);box-shadow:inset 0 1px 2px rgba(59,130,246,.1)}.grid-option-multi.selected .emoji{opacity:1;transform:scale(1.06);filter:none}.grid-option-multi span:not(.emoji):not(.checkmark){font-size:.875rem;font-weight:600;line-height:1.25;color:#111827;transition:color .2s ease;text-align:left}.grid-option-multi.selected span:not(.emoji):not(.checkmark){color:#15803d!important;font-weight:700}.option-text{display:flex;flex-direction:column;align-items:flex-start}.option-title{font-size:.95rem;font-weight:700;color:#111827}.option-subtitle{font-size:.7rem;color:#9ca3af;margin-top:4px;font-weight:400;line-height:1.1}.grid-option-multi .option-subtitle{color:#9ca3af!important;font-size:.7rem!important;font-weight:400!important;line-height:1.1!important;margin-top:4px!important;opacity:.95}.option-avatar{display:inline-flex;width:42px;height:42px;border-radius:8px;background:#f8fafc;flex:0 0 42px;margin-right:12px}.checkmark,.option-avatar{align-items:center;justify-content:center}.checkmark{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#22c55e;border-radius:50%;display:flex;color:#fff;font-size:.7rem;font-weight:700;opacity:0;transform:scale(.3) rotate(180deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:2;box-shadow:none}.grid-option-multi.selected .checkmark{opacity:1;transform:scale(1) rotate(0deg);animation:checkmarkBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkBounce{0%{transform:scale(.3) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(-10deg);opacity:.8}to{transform:scale(1) rotate(0deg);opacity:1}}@media (max-width:640px){.options-grid-3-always{grid-template-columns:repeat(3,minmax(75px,1fr));max-width:260px}.options-grid-1{grid-template-columns:minmax(75px,1fr);max-width:85px}.options-grid-3,.options-grid-4{grid-template-columns:repeat(2,minmax(100px,1fr));max-width:240px}.options-grid-2,.options-grid-3,.options-grid-4{grid-template-columns:1fr;max-width:100%!important;width:100%!important;justify-items:stretch}.options-grid-time-hours{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.25rem;max-width:100%}.grid-option,.grid-option-multi{min-height:65px;padding:10px}.emoji{font-size:1.25rem;margin-bottom:.25rem}.grid-option span:not(.emoji),.grid-option-multi span:not(.emoji):not(.checkmark){font-size:.7rem}.checkmark{width:16px;height:16px;font-size:.65rem;top:4px;right:4px}}.grid-option-multi:focus,.grid-option:focus{outline:none;border:none;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)}.grid-option-multi.loading,.grid-option.loading{pointer-events:none;opacity:.7}.grid-option-multi.loading:after,.grid-option.loading:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;z-index:3}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:16px;border:none;border-radius:1rem;background:linear-gradient(145deg,#fff,#fafbfc);color:#4b5563;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-height:90px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.02);overflow:hidden;text-align:center}.category-button:hover{border:none;background:#f7faf7;transform:translateY(-1px) scale(1.01);box-shadow:0 6px 16px rgba(0,0,0,.06)}.category-button.selected{border:2px solid #22c55e!important;background:#f0fdf4!important;color:#14532d;transform:translateY(-1px) scale(1.01);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.category-button svg{transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.8}.category-button:hover svg{transform:scale(1.08);opacity:1}.category-button.selected svg{opacity:1;color:#16a34a!important;transform:scale(1.06)}.category-button span{font-size:.825rem;font-weight:500;line-height:1.3;transition:all .3s cubic-bezier(.25,.46,.45,.94);color:#4b5563}.category-button.selected span{color:#14532d!important;font-weight:600}.category-button .checkmark{position:absolute;top:8px;right:8px;width:20px;height:20px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16a34a;font-size:.7rem;font-weight:700;opacity:0;transform:scale(.3) rotate(180deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.category-button.selected .checkmark{opacity:1;transform:scale(1) rotate(0deg);animation:checkmarkBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.category-button:focus{outline:none;border:none;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.02)}.category-button.selected-display{border-color:rgba(34,197,94,.3);background:linear-gradient(145deg,#f0fdf4,#dcfce7);color:#15803d;box-shadow:0 2px 8px rgba(34,197,94,.1),0 1px 3px rgba(34,197,94,.05);cursor:default;pointer-events:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.category-button.selected-display svg{opacity:1;color:#15803d}.category-button.selected-display span{color:#15803d!important;font-weight:600}@media (max-width:640px){.category-button{min-height:80px;padding:14px}.category-button span{font-size:.75rem}}@media (min-width:768px){.options-grid-time-hours{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;max-width:600px}}