#app{margin:0}body{margin:0;background-color:#303030}:root{--primary: #3D405B;--primary-light: #64667D;--primary-dark: #26283B;--secondary: #D4684C;--secondary-light: #E38D76;--secondary-dark: #A9533D;--accent: #81B29A;--accent-light: #A0C6B3;--accent-dark: #648E7B;--light: #F4F1DE;--dark: #27293A;--ui: #E2DFCD;--ui-light: #F1EEE3;--ui-dark: #C5C2B4}.user-selection-container[data-v-c9e597c8]{background-color:var(--light);color:var(--primary);max-width:500px;margin:40px auto;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center;font-family:sans-serif}.content-wrapper[data-v-c9e597c8]{opacity:1;transition:opacity .3s ease-in-out}h1[data-v-c9e597c8]{color:var(--primary-dark);margin-bottom:1rem}.user-list[data-v-c9e597c8]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:1.5rem}.user-button[data-v-c9e597c8]{padding:12px 24px;border:2px solid var(--accent);background-color:transparent;color:var(--accent-dark);border-radius:30px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease-in-out}.user-button[data-v-c9e597c8]:hover{background-color:var(--accent);color:var(--light);transform:translateY(-2px)}.divider[data-v-c9e597c8]{color:var(--ui-dark);margin-bottom:1.5rem;font-style:italic}.new-user-form h2[data-v-c9e597c8]{font-size:1.2rem;color:var(--primary);margin-bottom:1rem;font-weight:400}.new-user-form input[data-v-c9e597c8]{width:calc(100% - 24px);padding:12px;border:1px solid var(--ui-dark);border-radius:8px;margin-bottom:1rem;font-size:1rem;background-color:var(--ui-light)}.new-user-form input[data-v-c9e597c8]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3d405b33}.new-user-form button[data-v-c9e597c8]{width:100%;padding:12px;border:none;border-radius:8px;background-color:var(--secondary);color:var(--light);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.new-user-form button[data-v-c9e597c8]:hover{background-color:var(--secondary-dark)}.new-user-form button[data-v-c9e597c8]:disabled{background-color:var(--ui-dark);cursor:not-allowed}.error-message[data-v-c9e597c8]{background-color:#fdd;color:#d8000c;padding:10px;border-radius:8px;margin-bottom:1rem}.loader[data-v-c9e597c8]{border:4px solid var(--ui);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-c9e597c8 1s linear infinite;margin:20px auto}@keyframes spin-c9e597c8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-c9e597c8],.fade-leave-active[data-v-c9e597c8]{transition:opacity .5s}.fade-enter[data-v-c9e597c8],.fade-leave-to[data-v-c9e597c8]{opacity:0}.toy-grid-container[data-v-2604b234]{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:sans-serif;color:var(--dark);box-sizing:border-box}.grid-header[data-v-2604b234]{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--ui);text-align:center}.grid-header h1[data-v-2604b234]{color:var(--accent);margin:0 0 10px}.actions[data-v-2604b234]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.back-button[data-v-2604b234],.save-button[data-v-2604b234]{padding:10px 20px;border-radius:8px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.back-button[data-v-2604b234]{background-color:var(--ui-dark);color:var(--primary-dark)}.back-button[data-v-2604b234]:hover{background-color:var(--ui-dark)}.save-button[data-v-2604b234]{background-color:var(--secondary);color:var(--light)}.save-button[data-v-2604b234]:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.save-button[data-v-2604b234]:disabled{background-color:var(--ui);cursor:not-allowed;transform:none;box-shadow:none}.status-message[data-v-2604b234]{margin-top:15px;padding:10px;border-radius:8px;background-color:var(--accent-light);color:var(--primary-dark);font-weight:700;transition:opacity .3s ease-in-out}.status-message.is-error[data-v-2604b234]{background-color:#fdd;color:#d8000c}.grid[data-v-2604b234]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.grid-item[data-v-2604b234]{aspect-ratio:1 / 1;background-color:var(--ui);border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease-in-out}.grid-item[data-v-2604b234]:hover{transform:scale(1.05)}.toy-image[data-v-2604b234]{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.toy-image.selected[data-v-2604b234]{filter:brightness(.5)}.selection-overlay[data-v-2604b234]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.checkmark[data-v-2604b234]{width:60%;height:60%;border-radius:50%;display:block;stroke-width:3;stroke:var(--light);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--accent);animation:fill-2604b234 .4s ease-in-out .4s forwards,scale-2604b234 .3s ease-in-out .9s both}.checkmark-circle[data-v-2604b234]{stroke-dasharray:166;stroke-dashoffset:166;stroke:var(--accent);animation:stroke-2604b234 .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check[data-v-2604b234]{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-2604b234 .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-2604b234{to{stroke-dashoffset:0}}@keyframes scale-2604b234{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-2604b234{to{box-shadow:inset 0 0 0 80px var(--accent)}}.pop-enter-active[data-v-2604b234]{animation:pop-in-2604b234 .3s cubic-bezier(.175,.885,.32,1.275)}.pop-leave-active[data-v-2604b234]{animation:pop-in-2604b234 .3s reverse}@keyframes pop-in-2604b234{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.loader-container[data-v-2604b234]{display:flex;justify-content:center;align-items:center;min-height:50vh}.loader[data-v-2604b234]{border:5px solid var(--ui);border-top:5px solid var(--secondary);border-radius:50%;width:50px;height:50px;animation:spin-2604b234 1s linear infinite}@keyframes spin-2604b234{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-2604b234],.fade-leave-active[data-v-2604b234]{transition:opacity .5s}.fade-enter[data-v-2604b234],.fade-leave-to[data-v-2604b234]{opacity:0}.fade-enter-active[data-v-51f5c063],.fade-leave-active[data-v-51f5c063]{transition:opacity .3s ease}.fade-enter-from[data-v-51f5c063],.fade-leave-to[data-v-51f5c063]{opacity:0}
