.no-selection-container[data-v-0c903bed]{display:flex;justify-content:center;align-items:center;margin:50px 20px;min-height:300px}.no-selection-panel[data-v-0c903bed]{width:100%;max-width:600px;background-color:#efefef;border-radius:12px;padding:4px;border:2px solid #dee2e6;box-shadow:0 4px 12px #0000000d}.dark-mode .no-selection-panel[data-v-0c903bed]{background-color:#1a2b40;border-color:#2a4a6e}.panel-content[data-v-0c903bed]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#314665;font-size:1.1rem;font-weight:600;padding:40px 20px}.dark-mode .panel-content[data-v-0c903bed]{color:#e0e6ed}.gift-icon[data-v-0c903bed]{width:80px;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.image-loader-wrapper[data-v-4f2f1ec7]{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.image-loader-wrapper.inherit-bg[data-v-4f2f1ec7]{background-color:inherit}.image-loader-wrapper img[data-v-4f2f1ec7]{display:block;width:100%;height:100%}.placeholder[data-v-4f2f1ec7]{position:absolute;top:0;left:0;width:100%;height:100%}.loader-skeleton[data-v-4f2f1ec7]{background:linear-gradient(100deg,#fff0 40%,#ffffff80,#fff0 60%) #e9ecef;background-size:200% 100%;background-position-x:180%;animation:1.5s loading-skeleton-4f2f1ec7 ease-in-out infinite}.dark-mode .loader-skeleton[data-v-4f2f1ec7]{background-color:#2a4a6e;background:linear-gradient(100deg,#4a90e200 40%,#4a90e226,#4a90e200 60%) #2a4a6e;background-size:200% 100%;background-position-x:180%;animation:1.5s loading-skeleton-4f2f1ec7 ease-in-out infinite}@keyframes loading-skeleton-4f2f1ec7{to{background-position-x:-20%}}.loader-pulse[data-v-4f2f1ec7]{background-color:#ffffff1a;border-radius:50%;animation:pulse-4f2f1ec7 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-4f2f1ec7{0%,to{scale:1;opacity:1}50%{scale:.9;opacity:.5}}.modal-overlay[data-v-eb8e6abc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.no-blur[data-v-eb8e6abc]{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content[data-v-eb8e6abc]{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 25px #0006;width:90%;border-top:5px solid #fb9eb1;animation:slide-down-eb8e6abc .3s ease-out;display:flex;flex-direction:column;max-height:80vh}.modal-header[data-v-eb8e6abc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;flex-shrink:0;-webkit-user-select:none;user-select:none}.modal-header h3[data-v-eb8e6abc-s]{margin:0;font-size:1.2rem;color:#2c3e50}.close-button[data-v-eb8e6abc]{background:none;border:none;font-size:2rem;cursor:pointer;color:#aaa;line-height:1;transition:color .2s}.close-button[data-v-eb8e6abc]:hover{color:#333}.modal-body[data-v-eb8e6abc]{overflow-y:auto;overflow-x:hidden;padding:10px;flex-grow:1}.modal-body[data-v-eb8e6abc]::-webkit-scrollbar-thumb{border-color:#fff}.dark-mode .modal-body[data-v-eb8e6abc]::-webkit-scrollbar-thumb{border-color:#1f3048}.modal-footer[data-v-eb8e6abc]{display:flex;justify-content:flex-end;padding-top:15px;border-top:1px solid #eee;flex-shrink:0}.dark-mode .modal-content[data-v-eb8e6abc]{background:#1f3048;color:#e0e6ed;border-top-color:#fd7591}.dark-mode .modal-header[data-v-eb8e6abc]{border-bottom-color:#2a4a6e}.dark-mode .modal-header h3[data-v-eb8e6abc-s]{color:#e0e6ed}.dark-mode .close-button[data-v-eb8e6abc]{color:#7f8c8d}.dark-mode .close-button[data-v-eb8e6abc]:hover{color:#e0e6ed}.dark-mode .modal-footer[data-v-eb8e6abc]{border-top-color:#2a4a6e}.modal-fade-enter-active[data-v-eb8e6abc],.modal-fade-leave-active[data-v-eb8e6abc]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-eb8e6abc],.modal-fade-leave-to[data-v-eb8e6abc]{opacity:0}@keyframes slide-down-eb8e6abc{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.gift-grid[data-v-07023647]{display:flex;flex-wrap:wrap;gap:35px 20px;justify-content:center;padding-bottom:20px}.gift-grid-item[data-v-07023647]{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.gift-grid-item[data-v-07023647]>*,.gift-grid-item[data-v-07023647]:before,.gift-grid-item[data-v-07023647]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-07023647]:hover{z-index:10;transform:scale(1.1)}.gift-grid-item[data-v-07023647]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-07023647]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-07023647]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-07023647]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-07023647]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-07023647]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-07023647]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-07023647]{width:90%;height:90%;z-index:4}.bond-xp-capsule[data-v-07023647]{position:absolute;bottom:-8px;right:-8px;background:#212529;color:#fff;border-radius:20px;font-size:14px;align-items:center;z-index:5}.tooltip-wrapper[data-v-07023647]{display:inline-flex;align-items:center;padding:3px 4px;gap:4px}.interaction-icon[data-v-07023647]{width:24px;height:24px;background-color:#0000}.tooltip-text[data-v-07023647]{font-style:italic;padding-right:4px}.dark-mode .bond-xp-capsule[data-v-07023647]{background:#dee2e6;color:#201e2e}.tooltip-fade-enter-active[data-v-07023647],.tooltip-fade-leave-active[data-v-07023647]{transition:opacity .3s ease}.tooltip-fade-enter-from[data-v-07023647],.tooltip-fade-leave-to[data-v-07023647]{opacity:0}.gift-row[data-v-010dc281]{display:flex;align-items:stretch;margin-bottom:20px;gap:20px}.gift-island[data-v-010dc281]{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:1;transition:transform .3s ease;flex-shrink:0;position:relative;align-self:center}.gift-island[data-v-010dc281]>*,.gift-island[data-v-010dc281]:before,.gift-island[data-v-010dc281]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-island[data-v-010dc281]:hover{transform:scale(1.05);z-index:10}.gift-island[data-v-010dc281]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-010dc281]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-010dc281]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-010dc281]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-010dc281]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-010dc281]{background-color:#9e82d6}.dark-mode .gift-island[data-v-010dc281]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-010dc281]{width:90%;height:90%;z-index:4}.gift-name[data-v-010dc281]{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gift-island:hover .gift-name[data-v-010dc281]{opacity:1;visibility:visible}.dark-mode .gift-name[data-v-010dc281]{background:#dfe3e7f2;color:#201e2e}.recommendation-island[data-v-010dc281]{flex:1;background:#efefef;border-radius:12px;padding:20px;border:2px solid #dee2e6}.dark-mode .recommendation-island[data-v-010dc281]{background:#1f3048;color:#e0e6ed;border-color:#2a4a6e}.recommendation-title[data-v-010dc281]{font-size:1.1rem;font-weight:700;margin-bottom:15px;color:#314665}.dark-mode .recommendation-title[data-v-010dc281]{color:#e0f4ff}.character-avatars[data-v-010dc281]{display:flex;flex-wrap:wrap;gap:10px}.character-avatar[data-v-010dc281]{width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:0;transition:transform .3s ease,z-index .3s ease;position:relative}.character-avatar-img[data-v-010dc281]{width:100%;height:100%;border-radius:50%}.character-avatar[data-v-010dc281] .character-avatar-img img{border-radius:50%;border:3px solid #466398;background-color:#f7f7f4}.sub-optimal[data-v-010dc281] .character-avatar-img img{opacity:.75;border:3px dashed #bdc3c7!important;filter:none}.dark-mode .character-avatar[data-v-010dc281] .character-avatar-img img{border-color:#00a4e4;background-color:#1a2b40}.character-avatar[data-v-010dc281]:hover{z-index:10;transform:scale(1.1)}.tooltip[data-v-010dc281]{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100;display:flex;flex-direction:column;align-items:center;gap:5px}.character-avatar:hover .tooltip[data-v-010dc281]{opacity:1}.tooltip-name[data-v-010dc281]{font-weight:700;font-size:14px}.tooltip-xp[data-v-010dc281]{display:flex;align-items:center;gap:5px}.tooltip-icon[data-v-010dc281]{width:24px;height:24px}.dark-mode .tooltip[data-v-010dc281]{background:#dfe3e7f2;color:#201e2e}.rec-type[data-v-010dc281]{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;margin-bottom:10px;border:2px solid}.rec-extra[data-v-010dc281]{border-color:#cb6d7e;background-color:#f297a8;color:#fff}.rec-best[data-v-010dc281]{border-color:#496f94;background-color:#3a9deb;color:#fff}.rec-good[data-v-010dc281]{border-color:#5a7ba8;background-color:#6b8bb5;color:#fff}.dark-mode .rec-extra[data-v-010dc281]{background-color:#5c1f3a;border-color:#f297a8;color:#fce4ec}.dark-mode .rec-best[data-v-010dc281]{background-color:#2a4a6e;border-color:#3a9deb;color:#e0f4ff}.dark-mode .rec-good[data-v-010dc281]{background-color:#3a5a7a;border-color:#6b8bb5;color:#e0f4ff}@media (max-width: 768px){.gift-row[data-v-010dc281]{flex-direction:column;align-items:center}.recommendation-island[data-v-010dc281]{width:100%;transform:skew(0)}.recommendation-island[data-v-010dc281]>*{transform:skew(0)}}.gift-grid-section[data-v-ab69d54b]{margin-top:40px;background:#efefef;border:2px solid #dee2e6;border-radius:20px;padding:25px}.dark-mode .gift-grid-section[data-v-ab69d54b]{background:#1f3048;border-color:#2a4a6e}.gift-grid-title[data-v-ab69d54b]{font-size:20px;font-weight:700;margin-bottom:20px;color:#314665;text-align:center}.dark-mode .gift-grid-title[data-v-ab69d54b]{color:#e0f4ff}.gift-grid-items[data-v-ab69d54b]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.gift-grid-item[data-v-ab69d54b]{width:80px;height:80px;border-radius:999px;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.gift-grid-item[data-v-ab69d54b]>*,.gift-grid-item[data-v-ab69d54b]:before,.gift-grid-item[data-v-ab69d54b]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-ab69d54b]:hover{z-index:10;transform:scale(1.1)}.gift-grid-item[data-v-ab69d54b]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-ab69d54b]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-ab69d54b]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-ab69d54b]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-ab69d54b]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-ab69d54b]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-ab69d54b]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#0000001a;z-index:3}.gift-icon[data-v-ab69d54b]{width:90%;height:90%;z-index:4}.gift-grid-item .gift-name[data-v-ab69d54b]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.dark-mode .gift-grid-item .gift-name[data-v-ab69d54b]{background:#dfe3e7f2;color:#201e2e}.gift-grid-item:hover .gift-name[data-v-ab69d54b]{opacity:1;visibility:visible}.compact-gift-row[data-v-8c2623c3]{display:flex;align-items:center;gap:10px}.compact-gift-island[data-v-8c2623c3]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;flex-shrink:0}.gift-yellow[data-v-8c2623c3]{background:linear-gradient(45deg,#a97d51,#c7a579)}.gift-purple[data-v-8c2623c3]{background:linear-gradient(45deg,#7a5bbe,#9e82d6)}.compact-gift-icon[data-v-8c2623c3]{width:100%;height:100%;border-radius:50%}.compact-recommendation-island[data-v-8c2623c3]{flex:1;background:#fff;border-radius:15px;padding:10px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:10px}.dark-mode .compact-recommendation-island[data-v-8c2623c3]{background:#2c3e50}.compact-character-avatars[data-v-8c2623c3]{display:flex;flex-wrap:wrap;gap:5px}.compact-character-avatar[data-v-8c2623c3]{width:40px;height:40px;border-radius:50%}.compact-character-avatar-img[data-v-8c2623c3]{width:100%;height:100%;border-radius:50%}.compact-character-avatar[data-v-8c2623c3] .compact-character-avatar-img img{border-radius:50%;border:2px solid #6495ed}.sub-optimal[data-v-8c2623c3] .compact-character-avatar-img img{opacity:.75;border:2px dashed #ccc!important;filter:none}.dark-mode .compact-character-avatar[data-v-8c2623c3] .compact-character-avatar-img img{border:2px solid #00aeef}.compact-rec-type[data-v-8c2623c3]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700}.rec-extra[data-v-8c2623c3]{background:#fce4ec;color:#c2185b}.rec-best[data-v-8c2623c3]{background:#d4edda;color:#155724}.rec-good[data-v-8c2623c3]{background:#fff3cd;color:#856404}.rec-any[data-v-8c2623c3]{background:#d1ecf1;color:#0c5460}.tooltip-xp[data-v-8c2623c3]{display:flex;align-items:center;gap:3px}.tooltip-icon[data-v-8c2623c3]{width:24px;height:24px}.compact-student-row[data-v-1c3bf9ea]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.compact-student-island[data-v-1c3bf9ea]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-student-avatar-img[data-v-1c3bf9ea]{width:100%;height:100%;border-radius:50%;border:2px solid #6495ed}.dark-mode .compact-student-avatar-img[data-v-1c3bf9ea]{border:2px solid #00aeef}.compact-recommendation-island[data-v-1c3bf9ea]{flex:1;background:#fff;border-radius:15px;padding:10px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:10px}.dark-mode .compact-recommendation-island[data-v-1c3bf9ea]{background:#2c3e50}.compact-gift-grid[data-v-1c3bf9ea]{display:flex;flex-wrap:wrap;gap:15px 10px;justify-content:flex-start}.compact-gift-grid-item[data-v-1c3bf9ea]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;position:relative;cursor:pointer;transition:all .2s ease-in-out}.non-recommended[data-v-1c3bf9ea]{opacity:.4;filter:grayscale(50%)}.compact-gift-grid-item[data-v-1c3bf9ea]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.gift-yellow[data-v-1c3bf9ea]{background:linear-gradient(45deg,#a97d51,#c7a579)}.gift-purple[data-v-1c3bf9ea]{background:linear-gradient(45deg,#7a5bbe,#9e82d6)}.compact-gift-icon[data-v-1c3bf9ea]{width:100%;height:100%;border-radius:50%}.bond-xp-capsule[data-v-1c3bf9ea]{position:absolute;bottom:-5px;right:-5px;background:#212529;color:#fff;border-radius:20px;font-size:12px;display:flex;align-items:center;box-shadow:0 1px 3px #0000004d}.dark-mode .bond-xp-capsule[data-v-1c3bf9ea]{background:#dee2e6;color:#201e2e}.tooltip-wrapper[data-v-1c3bf9ea]{display:inline-flex;align-items:center;padding:2px 3px;gap:3px}.interaction-icon[data-v-1c3bf9ea]{width:18px;height:18px}.tooltip-text[data-v-1c3bf9ea]{font-style:italic;padding-right:3px}.compact-gift-grid-section[data-v-5a7db9df]{margin-top:20px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 4px 15px #0000001a}.dark-mode .compact-gift-grid-section[data-v-5a7db9df]{background:#2c3e50}.compact-gift-grid-title[data-v-5a7db9df]{font-size:16px;font-weight:700;margin-bottom:10px;color:#333;text-align:center}.dark-mode .compact-gift-grid-title[data-v-5a7db9df]{color:#e0e6ed}.compact-gift-grid-items[data-v-5a7db9df]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.compact-gift-grid-item[data-v-5a7db9df]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.gift-yellow[data-v-5a7db9df]{background:linear-gradient(45deg,#a97d51,#c7a579)}.gift-purple[data-v-5a7db9df]{background:linear-gradient(45deg,#7a5bbe,#9e82d6)}.compact-gift-icon[data-v-5a7db9df]{width:100%;height:100%;border-radius:50%}.ba-style-compact-gift-row[data-v-a58541ea]{display:flex;align-items:center;gap:10px}.ba-style-compact-gift-island[data-v-a58541ea]{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;z-index:1;flex-shrink:0;position:relative}.ba-style-compact-gift-island[data-v-a58541ea]>*,.ba-style-compact-gift-island[data-v-a58541ea]:before,.ba-style-compact-gift-island[data-v-a58541ea]:after{grid-column:1 / 1;grid-row:1 / 1}.ba-style-compact-gift-island[data-v-a58541ea]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-a58541ea]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-a58541ea]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-a58541ea]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-a58541ea]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-a58541ea]{background-color:#9e82d6}.dark-mode .ba-style-compact-gift-island[data-v-a58541ea]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.ba-style-compact-gift-icon[data-v-a58541ea]{width:100%;height:100%;z-index:4}.ba-style-compact-recommendation-island[data-v-a58541ea]{flex:1;background:#efefef;border-radius:12px;padding:10px;border:2px solid #dee2e6;display:flex;align-items:center;gap:10px}.dark-mode .ba-style-compact-recommendation-island[data-v-a58541ea]{background:#1f3048;color:#e0e6ed;border-color:#2a4a6e}.ba-style-compact-character-avatars[data-v-a58541ea]{display:flex;flex-wrap:wrap;gap:5px}.ba-style-compact-character-avatar[data-v-a58541ea]{width:40px;height:40px;border-radius:50%;position:relative}.ba-style-compact-character-avatar-img[data-v-a58541ea]{width:100%;height:100%;border-radius:50%}.ba-style-compact-character-avatar[data-v-a58541ea] .ba-style-compact-character-avatar-img img{border-radius:50%;border:3px solid #466398;background-color:#f7f7f4}.sub-optimal[data-v-a58541ea] .ba-style-compact-character-avatar-img img{opacity:.75;border:3px dashed #bdc3c7!important;filter:none}.dark-mode .ba-style-compact-character-avatar[data-v-a58541ea] .ba-style-compact-character-avatar-img img{border-color:#00a4e4;background-color:#1a2b40}.rec-type[data-v-a58541ea]{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:15px;font-size:12px;font-weight:700}.tooltip-icon[data-v-a58541ea]{width:24px;height:24px}.rec-extra[data-v-a58541ea]{background-color:#f9c5d0;color:#8b3a4a}.rec-best[data-v-a58541ea]{background-color:#a6d0f5;color:#1e5a8b}.rec-good[data-v-a58541ea]{background-color:#a8b8d1;color:#3e4d66}.dark-mode .rec-extra[data-v-a58541ea]{background-color:#8b3a4a;border-color:#f9c5d0;color:#f9c5d0}.dark-mode .rec-best[data-v-a58541ea]{background-color:#1e5a8b;border-color:#a6d0f5;color:#a6d0f5}.dark-mode .rec-good[data-v-a58541ea]{background-color:#3e4d66;border-color:#a8b8d1;color:#a8b8d1}.ba-style-compact-student-row[data-v-431d87d2]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ba-style-compact-student-island[data-v-431d87d2]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ba-style-compact-student-avatar-img[data-v-431d87d2]{width:100%;height:100%;border-radius:50%}.ba-style-compact-student-island[data-v-431d87d2] .ba-style-compact-student-avatar-img img{border-radius:50%;border:3px solid #466398;background-color:#f7f7f4}.dark-mode .ba-style-compact-student-island[data-v-431d87d2] .ba-style-compact-student-avatar-img img{border-color:#00a4e4;background-color:#1a2b40}.ba-style-compact-recommendation-island[data-v-431d87d2]{flex:1;background:#efefef;border-radius:12px;padding:10px;border:2px solid #dee2e6}.dark-mode .ba-style-compact-recommendation-island[data-v-431d87d2]{background:#1f3048;border-color:#2a4a6e}.ba-style-compact-gift-grid[data-v-431d87d2]{display:flex;flex-wrap:wrap;gap:15px 10px;justify-content:flex-start}.ba-style-compact-gift-grid-item[data-v-431d87d2]{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;position:relative}.ba-style-compact-gift-grid-item[data-v-431d87d2]>*,.ba-style-compact-gift-grid-item[data-v-431d87d2]:before,.ba-style-compact-gift-grid-item[data-v-431d87d2]:after{grid-column:1 / 1;grid-row:1 / 1}.non-recommended[data-v-431d87d2]{opacity:.4;filter:grayscale(50%)}.ba-style-compact-gift-grid-item[data-v-431d87d2]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-431d87d2]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-431d87d2]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-431d87d2]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-431d87d2]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-431d87d2]{background-color:#9e82d6}.dark-mode .ba-style-compact-gift-grid-item[data-v-431d87d2]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#0000001a;z-index:3}.ba-style-compact-gift-icon[data-v-431d87d2]{width:100%;height:100%;z-index:4}.bond-xp-capsule[data-v-431d87d2]{position:absolute;bottom:-5px;right:-5px;background:#212529;color:#fff;border-radius:20px;font-size:12px;display:flex;align-items:center;z-index:5}.dark-mode .bond-xp-capsule[data-v-431d87d2]{background:#dee2e6;color:#201e2e}.tooltip-wrapper[data-v-431d87d2]{display:inline-flex;align-items:center;padding:2px 3px;gap:3px}.interaction-icon[data-v-431d87d2]{width:18px;height:18px}.tooltip-text[data-v-431d87d2]{font-style:italic;padding-right:3px}.ba-style-compact-gift-grid-section[data-v-ee6c9d16]{margin-top:20px;background:#efefef;border:2px solid #dee2e6;border-radius:20px;padding:15px}.dark-mode .ba-style-compact-gift-grid-section[data-v-ee6c9d16]{background:#1f3048;border-color:#2a4a6e}.ba-style-compact-gift-grid-title[data-v-ee6c9d16]{font-size:16px;font-weight:700;margin-bottom:15px;color:#314665;text-align:center}.dark-mode .ba-style-compact-gift-grid-title[data-v-ee6c9d16]{color:#e0f4ff}.ba-style-compact-gift-grid-items[data-v-ee6c9d16]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ba-style-compact-gift-grid-item[data-v-ee6c9d16]{width:50px;height:50px;border-radius:999px;display:grid;place-items:center;position:relative}.ba-style-compact-gift-grid-item[data-v-ee6c9d16]>*,.ba-style-compact-gift-grid-item[data-v-ee6c9d16]:before,.ba-style-compact-gift-grid-item[data-v-ee6c9d16]:after{grid-column:1 / 1;grid-row:1 / 1}.ba-style-compact-gift-grid-item[data-v-ee6c9d16]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-ee6c9d16]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-ee6c9d16]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-ee6c9d16]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-ee6c9d16]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-ee6c9d16]{background-color:#9e82d6}.dark-mode .ba-style-compact-gift-grid-item[data-v-ee6c9d16]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#0000001a;z-index:3}.ba-style-compact-gift-icon[data-v-ee6c9d16]{width:100%;height:100%;z-index:4}.share-content-for-screenshot[data-v-93a94fbc]{position:absolute;left:-9999px;top:-9999px;z-index:-1;width:90%;width:1000px;padding:20px;height:auto;overflow:hidden}.share-content-for-screenshot .compact-gift-recommendation-grid[data-v-93a94fbc]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.share-content-for-screenshot .compact-student-preference-grid[data-v-93a94fbc]{display:block;margin-bottom:20px}.share-content-for-screenshot .ba-style-compact-gift-recommendation-grid[data-v-93a94fbc]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.share-content-for-screenshot .ba-style-compact-student-preference-grid[data-v-93a94fbc]{display:block;margin-bottom:20px}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{width:60px;height:60px;border-radius:100%;position:relative}.half-circle-spinner .circle{content:"";position:absolute;width:100%;height:100%;border-radius:100%;border:6px solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:#ff1d5e;animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:#ff1d5e;animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay[data-v-c744e9f7]{top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay.has-overlay[data-v-c744e9f7]{background-color:#000000b3}.scope-global[data-v-c744e9f7]{position:fixed}.scope-local[data-v-c744e9f7]{position:absolute}.spinner-container[data-v-c744e9f7]{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-text[data-v-c744e9f7]{font-size:1.2em}.toast-container[data-v-c050b56b]{position:fixed;top:20px;right:20px;z-index:9999}.toast[data-v-c050b56b]{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;margin-bottom:16px;border-radius:15px;color:#314665;background:#f8f9fa;border:2px solid #e0e6ed;box-shadow:0 8px 25px #4663981f,0 3px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:320px;max-width:450px;transform:skew(-5deg);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.toast[data-v-c050b56b]:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(119,221,255,.03),rgba(119,221,255,.03) 1px,transparent 1px,transparent 15px);border-radius:13px;pointer-events:none;transform:skew(5deg)}.toast span[data-v-c050b56b]{transform:skew(5deg);flex-grow:1;font-size:1rem;line-height:1.5;z-index:2;position:relative}.toast button[data-v-c050b56b]{background:transparent;border:transparent;color:#314665;font-size:1.2rem;cursor:pointer;margin-left:20px;padding:8px 12px;border-radius:8px;transition:all .3s ease;transform:skew(5deg);font-weight:700;z-index:2;position:relative}.toast button[data-v-c050b56b]:hover{transform:skew(5deg) translateY(-2px)}.toast-info[data-v-c050b56b]{background:linear-gradient(135deg,#e8f7ff,#f8fcff);border-color:#7df}.toast-success[data-v-c050b56b]{background:linear-gradient(135deg,#f0fff4,#e8fdf2);border-color:#66d9a3;color:#1f5f3f}.toast-success button[data-v-c050b56b]{color:#1f5f3f}.toast-error[data-v-c050b56b]{background:linear-gradient(135deg,#fff5f5,#fee8e8);border-color:#ff7b7b;color:#7f1d1d}.toast-error button[data-v-c050b56b]{color:#7f1d1d}.toast[data-v-c050b56b]:hover{transform:skew(-5deg) translateY(-3px);box-shadow:0 12px 35px #4663982e,0 5px 12px #0000001f}.toast-enter-active[data-v-c050b56b],.toast-leave-active[data-v-c050b56b]{transition:transform .3s,opacity .3s}.toast-enter-from[data-v-c050b56b],.toast-leave-to[data-v-c050b56b]{opacity:0;transform:translate(100%)}.gift-grid-section[data-v-067f1e3e]{background:#efefef;border:2px solid #dee2e6;border-radius:20px;padding:25px}.dark-mode .gift-grid-section[data-v-067f1e3e]{background:#1f3048;border-color:#2a4a6e}.gift-grid-header[data-v-067f1e3e]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.gift-grid-title[data-v-067f1e3e]{font-size:20px;font-weight:700;color:#314665;text-align:center}.dark-mode .gift-grid-title[data-v-067f1e3e]{color:#e0f4ff}.edit-button[data-v-067f1e3e]{position:absolute;display:flex;align-items:center;gap:8px;background-color:#466398;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;transition:all .3s ease;transform:skew(-8deg);box-shadow:0 3px 2px #00000026}.edit-button[data-v-067f1e3e]{right:0}.edit-button[data-v-067f1e3e]:hover{transform:translateY(-2px) skew(-8deg)}.edit-button[data-v-067f1e3e]:active{transform:scale(.95) skew(-8deg)}.edit-button span[data-v-067f1e3e]{transform:skew(8deg)}.dark-mode .edit-button[data-v-067f1e3e]{background-color:#00a4e4}.edit-button img[data-v-067f1e3e]{width:16px;height:16px;filter:invert(1)}.gift-grid-items[data-v-067f1e3e]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.gift-grid-item[data-v-067f1e3e]{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.gift-grid-item[data-v-067f1e3e]>*,.gift-grid-item[data-v-067f1e3e]:before,.gift-grid-item[data-v-067f1e3e]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-067f1e3e]:hover{z-index:10;transform:scale(1.1)}.gift-grid-item[data-v-067f1e3e]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-067f1e3e]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-067f1e3e]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-067f1e3e]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-067f1e3e]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-067f1e3e]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-067f1e3e]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-067f1e3e]{width:90%;height:90%;z-index:4}.gift-grid-item .gift-name[data-v-067f1e3e]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:11}.dark-mode .gift-grid-item .gift-name[data-v-067f1e3e]{background:#dfe3e7f2;color:#201e2e}.gift-grid-item:hover .gift-name[data-v-067f1e3e]{opacity:1;visibility:visible}.quantity-badge[data-v-067f1e3e]{position:absolute;bottom:-5px;right:-10px;background:#212529;color:#fff;border-radius:20px;font-size:12px;font-weight:700;padding:3px 8px;z-index:5;border:2px solid white}.dark-mode .quantity-badge[data-v-067f1e3e]{background:#dee2e6;color:#201e2e;border-color:#1f3048}.no-stock[data-v-067f1e3e]{filter:grayscale(80%);opacity:.6}.quantity-control[data-v-fd5cbdd9]{display:flex;align-items:center;gap:5px;flex-grow:1;justify-content:center}.quantity-btn[data-v-fd5cbdd9]{font-family:inherit;background-color:#fff;border:none;color:#4d5a6d;cursor:pointer;border-radius:4px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;transform:skew(-10deg);font-size:1.5rem;box-shadow:0 3px 2px #00000026}.min-max-btn[data-v-fd5cbdd9]{font-family:inherit;background-color:#fff;border:none;color:#496f8f;cursor:pointer;border-radius:4px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;transform:skew(-10deg);font-size:1.25rem;box-shadow:0 3px 2px #00000026;padding:5px 8px}.dark-mode .quantity-btn[data-v-fd5cbdd9],.dark-mode .min-max-btn[data-v-fd5cbdd9]{background-color:#2a4a6e;color:#e0e6ed}.quantity-btn[data-v-fd5cbdd9]:active,.min-max-btn[data-v-fd5cbdd9]:active{transform:scale(.9) skew(-10deg)}.quantity-btn[data-v-fd5cbdd9]:disabled,.min-max-btn[data-v-fd5cbdd9]:disabled{background-color:#e2e3e3;cursor:not-allowed}.dark-mode .quantity-btn[data-v-fd5cbdd9]:disabled,.dark-mode .min-max-btn[data-v-fd5cbdd9]:disabled{background-color:#3b506b}.quantity-btn:disabled .minus[data-v-fd5cbdd9],.quantity-btn:disabled .plus[data-v-fd5cbdd9],.min-max-btn:disabled .min[data-v-fd5cbdd9],.min-max-btn:disabled .max[data-v-fd5cbdd9]{color:#828282}.dark-mode .quantity-btn:disabled .minus[data-v-fd5cbdd9],.dark-mode .quantity-btn:disabled .plus[data-v-fd5cbdd9],.dark-mode .min-max-btn:disabled .min[data-v-fd5cbdd9],.dark-mode .min-max-btn:disabled .max[data-v-fd5cbdd9]{color:#8e9ba9}.plus[data-v-fd5cbdd9],.minus[data-v-fd5cbdd9],.min[data-v-fd5cbdd9],.max[data-v-fd5cbdd9]{-webkit-user-select:none;user-select:none;transform:skew(10deg)}.plus[data-v-fd5cbdd9]{color:#3dcffd}.minus[data-v-fd5cbdd9]{color:#ff6f00}.quantity-display[data-v-fd5cbdd9]{background-color:#4d5a6d;color:#f6f7f6;width:clamp(60px,calc(100% - 20px),120px);height:35px;display:flex;align-items:center;justify-content:center;transform:skew(-10deg);border-radius:4px}.quantity-display.small[data-v-fd5cbdd9]{width:clamp(40px,calc(100% - 20px),80px)}.quantity-display .quantity-input[data-v-fd5cbdd9]{width:100%;height:100%;background-color:transparent;border:none;outline:none;color:inherit;text-align:center;font-size:1.2rem;font-weight:700;transform:skew(10deg);-moz-appearance:textfield}.quantity-display .quantity-input[data-v-fd5cbdd9]::-webkit-outer-spin-button,.quantity-display .quantity-input[data-v-fd5cbdd9]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-overlay[data-v-2514a09c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-2514a09c]{background:#f8f9fa;border-radius:15px;width:90%;max-width:var(--max-width);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 5px 25px #0006;animation:slide-down-2514a09c .3s ease-out;overflow:hidden}.dark-mode .modal-content[data-v-2514a09c]{background:#1a2b40;color:#e0e6ed}.modal-header[data-v-2514a09c]{border-bottom:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#cde6f8,#f7fafb);border-radius:15px 15px 0 0;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.dark-mode .modal-header[data-v-2514a09c]{background:linear-gradient(45deg,#223d5a,#1a2b40);border-bottom-color:#2a4a6e}.modal-header .modal-title-wrapper[data-v-2514a09c]{padding:10px 0 5px;text-align:center;color:#2d4663;flex-grow:0;font-size:1.5rem;font-weight:700;border-bottom:5px solid #fdef66;-webkit-user-select:none;user-select:none}.dark-mode .modal-header .modal-title-wrapper[data-v-2514a09c]{color:#e0f4ff;border-bottom-color:#fdef66}.modal-header .close-button[data-v-2514a09c]{background:none;border:none;font-size:2rem;color:#2d4663;cursor:pointer;line-height:1;opacity:.8;transition:opacity .2s;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.modal-header .close-button[data-v-2514a09c]:hover{opacity:1}.dark-mode .modal-header .close-button[data-v-2514a09c]{color:#e0f4ff}.modal-body[data-v-2514a09c]{overflow-y:auto;flex-grow:1}.modal-footer[data-v-2514a09c]{display:flex;justify-content:flex-end;border-top:1px solid #dee2e6;flex-shrink:0}.dark-mode .modal-footer[data-v-2514a09c]{border-top-color:#2a4a6e}.modal-fade-enter-active[data-v-2514a09c],.modal-fade-leave-active[data-v-2514a09c]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-2514a09c],.modal-fade-leave-to[data-v-2514a09c]{opacity:0}@keyframes slide-down-2514a09c{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-state[data-v-2514a09c]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;height:100%}.empty-icon[data-v-2514a09c]{width:64px;height:64px;transform:scaleX(1.25);color:#a0a0a0}.empty-text[data-v-2514a09c]{font-family:NEXON Football Gothic;font-weight:700;font-style:italic;font-size:1.75rem;margin-right:8px;margin-top:-8px;color:#a0a0a0}.dark-mode .empty-icon[data-v-2514a09c],.dark-mode .empty-text[data-v-2514a09c]{opacity:.4}.modal-overlay.no-blur[data-v-2514a09c]{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-overlay[data-v-e7dfde1a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.no-blur[data-v-e7dfde1a]{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content[data-v-e7dfde1a]{background:#f8f9fa;border-radius:15px;width:90%;max-width:var(--max-width);min-height:300px;display:flex;flex-direction:column;box-shadow:0 5px 25px #0006;animation:slide-down-e7dfde1a .3s ease-out;overflow:hidden}.dark-mode .modal-content[data-v-e7dfde1a]{background:#1a2b40;color:#e0e6ed}.modal-header[data-v-e7dfde1a]{border-bottom:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#cde6f8,#f7fafb);border-radius:15px 15px 0 0;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.dark-mode .modal-header[data-v-e7dfde1a]{background:linear-gradient(45deg,#223d5a,#1a2b40);border-bottom-color:#2a4a6e}.modal-title-wrapper[data-v-e7dfde1a]{padding:10px 0 5px;text-align:center;color:#2d4663;flex-grow:0;font-size:1.5rem;font-weight:700;border-bottom:5px solid #fdef66;-webkit-user-select:none;user-select:none}.dark-mode .modal-title-wrapper[data-v-e7dfde1a]{color:#e0f4ff;border-bottom-color:#fdef66}.modal-header .close-button[data-v-e7dfde1a]{background:none;border:none;font-size:2rem;color:#2d4663;cursor:pointer;line-height:1;opacity:.8;transition:opacity .2s;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.modal-header .close-button[data-v-e7dfde1a]:hover{opacity:1}.dark-mode .modal-header .close-button[data-v-e7dfde1a]{color:#e0f4ff}.modal-body[data-v-e7dfde1a]{padding:20px;text-align:center;font-size:1.1rem;line-height:1.5;overflow-y:auto;flex-grow:1;color:#314665;display:flex;align-items:center;justify-content:center}.dark-mode .modal-body[data-v-e7dfde1a]{color:#e0f4ff}.modal-actions[data-v-e7dfde1a]{display:flex;justify-content:center;padding:0 20px 20px;gap:20px}.modal-actions.has-cancel[data-v-e7dfde1a]{justify-content:space-between}.modal-actions.has-cancel .btn-skew[data-v-e7dfde1a]{flex:1}.btn-skew[data-v-e7dfde1a]{min-width:140px;height:44px;padding:0 30px;font-size:1.1rem}.btn-skew span[data-v-e7dfde1a]{letter-spacing:1px}.modal-fade-enter-active[data-v-e7dfde1a],.modal-fade-leave-active[data-v-e7dfde1a]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-e7dfde1a],.modal-fade-leave-to[data-v-e7dfde1a]{opacity:0}@keyframes slide-down-e7dfde1a{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.recognition-body[data-v-425e5a36]{position:relative;padding:20px;height:65vh;display:flex;flex-direction:column;gap:15px;overflow-y:auto;overflow-x:hidden}@media (max-width: 640px){.recognition-body[data-v-425e5a36]{padding:10px}}.dropzone-area[data-v-425e5a36]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-grow:1;border-radius:12px;background-color:#00000005;cursor:pointer;transition:background-color .2s;color:#888;text-align:center;padding:20px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23cccccc' stroke-width='3' stroke-dasharray='6, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.dark-mode .dropzone-area[data-v-425e5a36]{color:#718096;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%234a5568' stroke-width='3' stroke-dasharray='6, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.dropzone-area.is-dragging-over[data-v-425e5a36],.dropzone-area[data-v-425e5a36]:hover{background-color:#0000000d}.dark-mode .dropzone-area.is-dragging-over[data-v-425e5a36],.dark-mode .dropzone-area[data-v-425e5a36]:hover{background-color:#ffffff14}.preview-section[data-v-425e5a36]{flex-shrink:0;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#f9f9f9;display:flex;flex-direction:column;width:100%;max-width:100%}.dark-mode .preview-section[data-v-425e5a36]{background-color:#1a2634;border-color:#2a4a6e}.preview-header[data-v-425e5a36]{padding:10px 15px;background-color:#eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;font-weight:700;color:#444;transition:background-color .2s}.dark-mode .preview-header[data-v-425e5a36]{background-color:#2d3748;color:#e0f4ff}.preview-header[data-v-425e5a36]:hover{background-color:#e0e0e0}.dark-mode .preview-header[data-v-425e5a36]:hover{background-color:#3b485d}.toggle-icon[data-v-425e5a36]{font-size:.8rem;transition:transform .3s ease}.toggle-icon.is-collapsed[data-v-425e5a36]{transform:rotate(-90deg)}.image-preview-container[data-v-425e5a36]{display:flex;justify-content:center;width:100%;padding:10px;background-color:#fff}.dark-mode .image-preview-container[data-v-425e5a36]{background-color:#1f3048}.expand-enter-active[data-v-425e5a36],.expand-leave-active[data-v-425e5a36]{transition:all .3s ease;max-height:60vh;opacity:1;overflow:hidden}.expand-enter-from[data-v-425e5a36],.expand-leave-to[data-v-425e5a36]{max-height:0;opacity:0;padding:0 10px}.image-wrapper[data-v-425e5a36]{position:relative;max-width:100%;max-height:40vh;border-radius:8px;padding:5px;display:inline-block;overflow:hidden;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23cccccc' stroke-width='3' stroke-dasharray='6, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.dark-mode .image-wrapper[data-v-425e5a36]{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23555555' stroke-width='3' stroke-dasharray='6, 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.image-wrapper img[data-v-425e5a36]{display:block;max-width:100%;max-height:38vh;height:auto;object-fit:contain;border-radius:4px}.preview-canvas[data-v-425e5a36]{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);pointer-events:none;z-index:10;border-radius:4px}.scrollable-list-container[data-v-425e5a36]{width:100%;flex-grow:1}.recognized-gifts-grid[data-v-425e5a36]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;padding-bottom:10px}@media (max-width: 640px){.recognized-gifts-grid[data-v-425e5a36]{grid-template-columns:1fr}}.recognized-gift-wrapper[data-v-425e5a36]{background:#efefef;border-radius:12px;padding:15px;border:2px solid #dee2e6;display:flex;flex-direction:column;gap:15px;height:fit-content}.dark-mode .recognized-gift-wrapper[data-v-425e5a36]{background:#1f3048;border-color:#2a4a6e}.grayscale-effect[data-v-425e5a36]{filter:grayscale(100%);opacity:.6}.main-content[data-v-425e5a36]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.gift-grid-item[data-v-425e5a36]{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.gift-grid-item[data-v-425e5a36]>*,.gift-grid-item[data-v-425e5a36]:before,.gift-grid-item[data-v-425e5a36]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-425e5a36]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-425e5a36]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-425e5a36]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-425e5a36]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-425e5a36]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-425e5a36]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-425e5a36]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-425e5a36]{width:90%;height:90%;z-index:4}.gift-name[data-v-425e5a36]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:11;pointer-events:none}.gift-grid-item:hover .gift-name[data-v-425e5a36]{opacity:1;visibility:visible}.dark-mode .gift-grid-item .gift-name[data-v-425e5a36]{background:#dfe3e7f2;color:#201e2e}.debug-section[data-v-425e5a36]{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #dee2e6;margin-top:1rem;align-items:center;overflow-x:auto}.dark-mode .debug-section[data-v-425e5a36]{border-top-color:#2a4a6e}.debug-image[data-v-425e5a36]{display:flex;flex-direction:column;gap:.5rem;align-items:center;font-size:.8rem;min-width:100px}.debug-image img[data-v-425e5a36]{max-width:100px;border:1px solid #ccc;background:#fff}.debug-text[data-v-425e5a36]{font-size:.9rem;word-break:break-all}.debug-text code[data-v-425e5a36]{background:#f0f0f0;padding:2px 4px;border-radius:4px;color:#c7254e}.dark-mode .debug-text code[data-v-425e5a36]{background:#111e2e;color:#ff7b72}.recognition-footer[data-v-425e5a36]{display:flex;justify-content:center;padding:15px 20px;gap:20px;flex-wrap:wrap}.gift-inventory-body[data-v-19901a7e]{padding:10px 20px}.gift-list[data-v-19901a7e]{display:flex;flex-direction:column;gap:15px;padding:10px 0}.gift-wrapper[data-v-19901a7e]{background:#efefef;border-radius:12px;padding:15px;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;gap:15px}.dark-mode .gift-wrapper[data-v-19901a7e]{background:#1f3048;border-color:#2a4a6e}.gift-grid-item[data-v-19901a7e]{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.gift-grid-item[data-v-19901a7e]>*,.gift-grid-item[data-v-19901a7e]:before,.gift-grid-item[data-v-19901a7e]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-19901a7e]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-19901a7e]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-19901a7e]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-19901a7e]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-19901a7e]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-19901a7e]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-19901a7e]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-19901a7e]{width:90%;height:90%;z-index:4}.gift-name[data-v-19901a7e]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:11;pointer-events:none}.gift-grid-item:hover .gift-name[data-v-19901a7e]{opacity:1;visibility:visible}.dark-mode .gift-grid-item .gift-name[data-v-19901a7e]{background:#dfe3e7f2;color:#201e2e}.gift-inventory-footer[data-v-19901a7e]{padding:15px 20px}.footer-buttons[data-v-19901a7e]{display:flex;justify-content:flex-end;gap:15px}.dropdown-container[data-v-fe144ad1]{position:relative;width:100%}.btn-skew[data-v-fe144ad1]{width:100%;-webkit-user-select:none;user-select:none;padding:0 20px}.btn-skew[data-v-fe144ad1]>*{transform:skew(8deg);display:inline-block}.caret[data-v-fe144ad1]{margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #314665;transition:transform .3s ease;transform:skew(8deg)}.dark-mode .caret[data-v-fe144ad1]{border-top-color:#e0f4ff}.caret.open[data-v-fe144ad1]{transform:skew(8deg) rotate(180deg)}.custom-dropdown-menu[data-v-fe144ad1]{position:absolute;width:100%;background-color:#f8f9fa;border-radius:12px;box-shadow:0 5px 25px #0003;overflow:hidden;z-index:101;border:1px solid #dee2e6;transform:skew(-8deg);padding:5px;list-style:none;margin:0}.dark-mode .custom-dropdown-menu[data-v-fe144ad1]{background-color:#1a2b40;border-color:#2a4a6e}.custom-dropdown-menu[data-v-fe144ad1]{top:100%;left:-2px;margin-top:6px;transform-origin:top center}.custom-dropdown-menu.drop-up[data-v-fe144ad1]{top:auto;bottom:100%;left:0;margin-bottom:6px;transform-origin:bottom center;box-shadow:0 -5px 25px #0003}.custom-dropdown-menu[data-v-fe144ad1]>li{display:flex;align-items:center;gap:8px;padding:10px 15px;text-align:left;background:none;border:none;cursor:pointer;font-size:1rem;color:#314665;transition:background-color .2s ease;border-radius:8px;width:100%;font-weight:700}.custom-dropdown-menu[data-v-fe144ad1]>li>*{transform:skew(8deg)}.dark-mode .custom-dropdown-menu[data-v-fe144ad1]>li{color:#e0e6ed}.custom-dropdown-menu[data-v-fe144ad1]>li:hover{background-color:#e9ecef}.dark-mode .custom-dropdown-menu[data-v-fe144ad1]>li:hover{background-color:#2a4a6e}.custom-dropdown-menu[data-v-fe144ad1]>li.active{background-color:#466398;color:#fff}.dark-mode .custom-dropdown-menu[data-v-fe144ad1]>li.active{background-color:#00a4e4}.dropdown-enter-active[data-v-fe144ad1],.dropdown-leave-active[data-v-fe144ad1]{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from[data-v-fe144ad1],.dropdown-leave-to[data-v-fe144ad1]{opacity:0;transform:translateY(-10px) skew(-8deg)}.dropdown-up-enter-active[data-v-fe144ad1],.dropdown-up-leave-active[data-v-fe144ad1]{transition:opacity .2s ease,transform .2s ease}.dropdown-up-enter-from[data-v-fe144ad1],.dropdown-up-leave-to[data-v-fe144ad1]{opacity:0;transform:translateY(10px) skew(-8deg)}.gift-giving-body[data-v-969b60a1]{padding:10px 20px}.gift-list[data-v-969b60a1]{display:flex;flex-direction:column;gap:15px;padding:10px 0}.gift-wrapper[data-v-969b60a1]{background:#efefef;border-radius:12px;padding:15px;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:space-between;gap:15px}.dark-mode .gift-wrapper[data-v-969b60a1]{background:#1f3048;border-color:#2a4a6e}.gift-grid-item[data-v-969b60a1]{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.gift-grid-item[data-v-969b60a1]>*,.gift-grid-item[data-v-969b60a1]:before,.gift-grid-item[data-v-969b60a1]:after{grid-column:1 / 1;grid-row:1 / 1}.gift-grid-item[data-v-969b60a1]:before{content:"";width:100%;height:100%;border-radius:inherit;z-index:1}.gift-yellow[data-v-969b60a1]:before{background-color:#c7a579;background-image:linear-gradient(to bottom right,#a97d51 0%,transparent 50%),linear-gradient(to top left,#a97d51 0%,transparent 50%)}.gift-purple[data-v-969b60a1]:before{background-color:#9e82d6;background-image:linear-gradient(to bottom right,#7a5bbe 0%,transparent 50%),linear-gradient(to top left,#7a5bbe 0%,transparent 50%)}.gift-icon-bg[data-v-969b60a1]{width:90%;height:90%;border-radius:50%;z-index:2}.gift-yellow .gift-icon-bg[data-v-969b60a1]{background-color:#c7a579}.gift-purple .gift-icon-bg[data-v-969b60a1]{background-color:#9e82d6}.dark-mode .gift-grid-item[data-v-969b60a1]:after{content:"";width:100%;height:100%;border-radius:inherit;background:#00000026;z-index:3}.gift-icon[data-v-969b60a1]{width:90%;height:90%;z-index:4}.quantity-badge[data-v-969b60a1]{position:absolute;bottom:-5px;right:-10px;background:#212529;color:#fff;border-radius:20px;font-size:12px;font-weight:700;padding:3px 8px;z-index:5;border:2px solid white}.dark-mode .quantity-badge[data-v-969b60a1]{background:#dee2e6;color:#201e2e;border-color:#1f3048}.gift-giving-footer[data-v-969b60a1]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:15px;flex-wrap:wrap}.dropdown-wrapper[data-v-969b60a1]{flex-grow:1;max-width:250px}.best-no-conflict[data-v-969b60a1]{animation:glow-969b60a1 1.5s infinite}.other-gift[data-v-969b60a1]{opacity:.6}@keyframes glow-969b60a1{0%,to{box-shadow:0 0 10px #fdef66}50%{box-shadow:0 0 20px 5px #fdef66}}@media (max-width: 550px){.dropdown-wrapper[data-v-969b60a1]{max-width:none}}@media (max-width: 420px){.gift-wrapper[data-v-969b60a1]{flex-direction:column;align-items:center}.quantity-control[data-v-969b60a1]{width:100%}}.bond-gap-calculator-body[data-v-5a68e2e0]{padding:10px 20px 20px}.calculator-header[data-v-5a68e2e0]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.student-info-wrapper[data-v-5a68e2e0]{display:flex;align-items:center;gap:15px;background:#efefef;padding:10px 20px;border-radius:50px;border:2px solid #dee2e6}.dark-mode .student-info-wrapper[data-v-5a68e2e0]{background:#1f3048;border-color:#2a4a6e}.student-avatar[data-v-5a68e2e0]{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #466398}.dark-mode .student-avatar[data-v-5a68e2e0]{border-color:#00a4e4}.student-info-wrapper h3[data-v-5a68e2e0]{margin:0;font-size:1.2rem;font-weight:700}.target-level-setter-wrapper[data-v-5a68e2e0]{display:flex;flex-direction:column;gap:10px;background:#efefef;padding:15px 20px;border-radius:12px;border:2px solid #dee2e6}.dark-mode .target-level-setter-wrapper[data-v-5a68e2e0]{background:#1f3048;border-color:#2a4a6e}.target-level-setter-wrapper label[data-v-5a68e2e0]{font-size:1rem;font-weight:600;text-align:center}@media (min-width: 600px){.calculator-header[data-v-5a68e2e0]{flex-direction:row;justify-content:space-between;align-items:center}.student-info-wrapper[data-v-5a68e2e0]{padding:5px 15px 5px 5px}}.results-grid[data-v-5a68e2e0]{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 600px){.results-grid[data-v-5a68e2e0]{grid-template-columns:1fr 1fr}.results-grid.single-column[data-v-5a68e2e0]{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.result-column[data-v-5a68e2e0]{display:flex;flex-direction:column;gap:15px}.column-header[data-v-5a68e2e0]{text-align:center;font-size:1.1rem;font-weight:700;margin:0;padding-bottom:8px;border-bottom:3px solid #dee2e6;color:#5c7289;text-transform:uppercase;letter-spacing:1px}.dark-mode .column-header[data-v-5a68e2e0]{border-bottom-color:#2a4a6e;color:#8faecb}.result-card[data-v-5a68e2e0],.interaction-section[data-v-5a68e2e0]{background:#efefef;border-radius:12px;padding:15px;border:2px solid #dee2e6}.dark-mode .result-card[data-v-5a68e2e0],.dark-mode .interaction-section[data-v-5a68e2e0]{background:#1f3048;border-color:#2a4a6e}.stat-row[data-v-5a68e2e0]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.stat-row .label[data-v-5a68e2e0]{font-size:.95rem;opacity:.8}.stat-row .value[data-v-5a68e2e0]{font-weight:700;font-size:1.1rem}.stat-row .value.highlight[data-v-5a68e2e0]{color:#e64a19}.dark-mode .stat-row .value.highlight[data-v-5a68e2e0]{color:#ffab91}.interaction-section[data-v-5a68e2e0]{flex-grow:1}.interaction-section h5[data-v-5a68e2e0]{margin:0 0 15px;font-size:1rem;text-align:center;opacity:.9;border-bottom:1px solid #dee2e6;padding-bottom:8px}.dark-mode .interaction-section h5[data-v-5a68e2e0]{border-bottom-color:#2a4a6e}.interaction-grid[data-v-5a68e2e0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.interaction-item[data-v-5a68e2e0]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:transform .2s}.interaction-item[data-v-5a68e2e0]:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000000d}.dark-mode .interaction-item[data-v-5a68e2e0]{background:#1a2b40;border-color:#2a4a6e}.interaction-icon-wrapper[data-v-5a68e2e0]{width:40px;height:40px;font-size:24px;display:flex;justify-content:center;align-items:center;border-radius:50%}.interaction-icon-wrapper.normal[data-v-5a68e2e0]{background-color:#e2e6ea}.interaction-icon-wrapper.sr[data-v-5a68e2e0]{background-color:#c7a579}.interaction-icon-wrapper.ssr[data-v-5a68e2e0]{background-color:#9e82d6}.dark-mode .interaction-icon-wrapper.normal[data-v-5a68e2e0]{background-color:#2a4a6e}.interaction-icon[data-v-5a68e2e0]{width:90%;height:90%;object-fit:contain}.interaction-icon.small[data-v-5a68e2e0]{width:75%;height:75%}.interaction-name[data-v-5a68e2e0]{font-size:.75rem;color:#6c757d;line-height:1.1;height:2.2em;display:flex;align-items:center}.dark-mode .interaction-name[data-v-5a68e2e0]{color:#aab2bd}.interaction-count[data-v-5a68e2e0]{font-weight:700;font-size:1.1rem;color:#2d4663;background:#dbe7f3;padding:2px 8px;border-radius:10px;min-width:40px}.dark-mode .interaction-count[data-v-5a68e2e0]{color:#e0f4ff;background:#2a4a6e}.no-interactions-needed[data-v-5a68e2e0]{text-align:center;color:#28a745;font-weight:700;margin-top:20px}.student-bond-section[data-v-fc55f5be]{display:flex;flex-direction:column;gap:20px}.student-row[data-v-fc55f5be]{display:flex;align-items:stretch;gap:20px}.student-island[data-v-fc55f5be]{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;position:relative;align-self:center;cursor:pointer;border:3px solid #466398;background-color:#f7f7f4;overflow:hidden;transition:border-color .3s ease}.dark-mode .student-island[data-v-fc55f5be]{border-color:#00a4e4;background-color:#1a2b40}.student-avatar-img[data-v-fc55f5be]{width:100%;height:100%;border-radius:50%;transition:transform .3s ease}.student-island:hover .student-avatar-img[data-v-fc55f5be]{transform:scale(1.1)}.student-avatar-img[data-v-fc55f5be] img{border-radius:50%}.bond-island[data-v-fc55f5be]{flex:1;background:#efefef;border-radius:12px;padding:20px;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:space-between}.dark-mode .bond-island[data-v-fc55f5be]{background:#1f3048;color:#e0e6ed;border-color:#2a4a6e}.bond-info[data-v-fc55f5be]{display:flex;align-items:center;gap:20px;margin-right:20px;flex-grow:1}.bond-info[data-v-fc55f5be]:hover{cursor:pointer}.bond-level-container[data-v-fc55f5be]{display:flex;align-items:center;justify-content:center}.bond-heart-image-wrapper[data-v-fc55f5be]{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.bond-heart-image[data-v-fc55f5be]{width:100%;height:100%;position:absolute;top:0;left:0}.bond-level-text[data-v-fc55f5be]{position:relative;font-size:24px;font-weight:700;color:#fff;z-index:1;text-shadow:0 0 5px rgba(0,0,0,.3);transition:all .3s ease}.bond-level-text.level-up[data-v-fc55f5be]{color:#fff;animation:level-up-pulse-fc55f5be 1.2s ease-in-out infinite}.bond-exp-bar-container[data-v-fc55f5be]{flex-grow:1}.bond-exp-bar[data-v-fc55f5be]{height:30px;background-color:#f0f0f0;border:2px solid #ef6dbd;border-radius:6px;transform:skew(-10deg);position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.dark-mode .bond-exp-bar[data-v-fc55f5be]{background-color:#2a3b55;border-color:#ef6dbd;box-shadow:inset 0 2px 6px #0006}.bond-exp-progress[data-v-fc55f5be]{background:linear-gradient(180deg,#ffcfe3,#ffbed8 40%,#f09bbd);height:100%;position:absolute;left:0;top:0;transition:width .5s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.6);box-shadow:2px 0 5px #ef6dbd4d;z-index:2}.bond-exp-progress-preview[data-v-fc55f5be]{background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent),linear-gradient(180deg,#ffcfe3,#ffbed8 40%,#f09bbd);background-size:20px 20px,100% 100%;height:100%;position:absolute;left:0;top:0;transition:width .5s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}.bond-exp-progress-preview.flash[data-v-fc55f5be]{opacity:1;animation:barber-pole-fc55f5be 1s linear infinite}.bond-exp-progress-preview.vibrant[data-v-fc55f5be]{background-image:linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent),linear-gradient(180deg,#adffc9,#95f9b8 40%,#7df4a8)}.bond-exp-text[data-v-fc55f5be]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(10deg);color:#fff;font-weight:700;font-size:14px;letter-spacing:.5px;text-shadow:-1px -1px 0 #e05ca3,1px -1px 0 #e05ca3,-1px 1px 0 #e05ca3,1px 1px 0 #e05ca3,0 2px 4px rgba(0,0,0,.3);z-index:10;white-space:nowrap}@keyframes level-up-pulse-fc55f5be{0%,to{transform:scale(1);text-shadow:0 0 8px rgba(255,255,255,.8),0 0 15px rgba(239,109,189,.6),0 0 20px rgba(239,109,189,.4)}50%{transform:scale(1.15);text-shadow:0 0 12px rgba(255,255,255,1),0 0 25px rgba(239,109,189,.8),0 0 35px rgba(239,109,189,.6),0 0 45px rgba(255,207,227,.4)}}@keyframes barber-pole-fc55f5be{0%{background-position:0 0}to{background-position:20px 0}}@media (max-width: 768px){.student-row[data-v-fc55f5be]{flex-direction:column;align-items:center;gap:12px}.bond-island[data-v-fc55f5be]{width:100%;padding:12px 15px;gap:10px}.bond-info[data-v-fc55f5be]{flex-direction:row;align-items:center;width:auto;margin-right:5px;gap:10px}.bond-heart-image-wrapper[data-v-fc55f5be]{width:48px;height:48px}.bond-level-text[data-v-fc55f5be]{font-size:18px}.bond-exp-bar[data-v-fc55f5be]{height:24px}.bond-exp-text[data-v-fc55f5be]{font-size:12px}.btn-skew[data-v-fc55f5be]{width:38px;height:38px}.btn-skew svg[data-v-fc55f5be]{width:20px;height:20px}}.bond-editor-container[data-v-bcc52c6c]{display:flex;flex-direction:column;gap:20px;padding:10px 5px}.control-card[data-v-bcc52c6c]{background:#f8f9fa;padding:15px;border-radius:12px;border:2px solid #eef0f5;transition:all .3s ease}.control-label[data-v-bcc52c6c]{display:block;margin-bottom:10px;font-weight:700;font-size:.95rem;color:#5f6f80;text-transform:uppercase;letter-spacing:.5px}.stepper-control[data-v-bcc52c6c]{display:flex;align-items:center;justify-content:space-between;gap:10px}.step-btn[data-v-bcc52c6c]{font-family:inherit;width:40px;height:40px;border-radius:10px;border:none;background:#fff;color:#fb9eb1;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:0}.step-btn[data-v-bcc52c6c]:hover:not(:disabled){background:#fb9eb1;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #fb9eb14d}.step-btn[data-v-bcc52c6c]:disabled{opacity:.5;cursor:not-allowed;background:#e0e0e0;color:#aaa}.level-display[data-v-bcc52c6c]{flex-grow:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:5px 15px;box-shadow:inset 0 2px 5px #00000008;border:1px solid transparent;transition:border-color .2s}.control-card:focus-within .level-display[data-v-bcc52c6c]{border-color:#fb9eb1}.level-label[data-v-bcc52c6c]{font-size:1rem;font-weight:700;color:#fb9eb1;margin-right:5px}.level-input[data-v-bcc52c6c]{border:none;background:transparent;font-size:1.5rem;font-weight:800;color:#2c3e50;width:60px;text-align:center;outline:none;-moz-appearance:textfield}.level-input[data-v-bcc52c6c]::-webkit-outer-spin-button,.level-input[data-v-bcc52c6c]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exp-header[data-v-bcc52c6c]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.exp-text[data-v-bcc52c6c]{font-family:monospace;font-size:.9rem;color:#7f8c8d}.exp-text .current[data-v-bcc52c6c]{color:#fb9eb1;font-weight:700}.slider-container[data-v-bcc52c6c]{position:relative;height:24px;display:flex;align-items:center}.custom-range[data-v-bcc52c6c]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;outline:none;cursor:pointer;background:linear-gradient(to right,#fb9eb1 0%,#fb9eb1 var(--percent),#e0e6ed var(--percent),#e0e6ed 100%);transition:background .1s}.custom-range[data-v-bcc52c6c]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #fb9eb1;box-shadow:0 2px 4px #0000001a;transition:transform .1s}.custom-range[data-v-bcc52c6c]::-webkit-slider-thumb:hover{transform:scale(1.1)}.custom-range[data-v-bcc52c6c]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #fb9eb1;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .1s}.quick-add-grid[data-v-bcc52c6c]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-add-btn[data-v-bcc52c6c]{font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;border-radius:10px;border:none;background:#fff;color:#fb9eb1;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:all .2s;text-align:center;line-height:1.2}.quick-add-btn[data-v-bcc52c6c]:hover:not(:disabled){background:#fb9eb1;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #fb9eb14d}.quick-add-btn[data-v-bcc52c6c]:disabled{opacity:.5;cursor:not-allowed;background:#e0e0e0;color:#aaa}.quick-add-icon[data-v-bcc52c6c]{width:22px;height:22px;object-fit:contain}.dark-mode .control-card[data-v-bcc52c6c]{background:#2a4a6e;border-color:#3b5c85}.dark-mode .control-label[data-v-bcc52c6c]{color:#a0b1c5}.dark-mode .level-display[data-v-bcc52c6c]{background:#1f3048;box-shadow:inset 0 2px 5px #0003}.dark-mode .level-input[data-v-bcc52c6c]{color:#e0e6ed}.dark-mode .step-btn[data-v-bcc52c6c]{background:#3b5c85;color:#fd7591}.dark-mode .step-btn[data-v-bcc52c6c]:hover:not(:disabled){background:#fd7591;color:#fff}.dark-mode .step-btn[data-v-bcc52c6c]:disabled{background:#2a3b55;color:#4a5b75}.dark-mode .custom-range[data-v-bcc52c6c]{background:linear-gradient(to right,#fd7591 0%,#fd7591 var(--percent),#152233 var(--percent),#152233 100%)}.dark-mode .custom-range[data-v-bcc52c6c]::-webkit-slider-thumb{border-color:#fd7591;background:#2a4a6e}.dark-mode .custom-range[data-v-bcc52c6c]::-moz-range-thumb{border-color:#fd7591;background:#2a4a6e}.dark-mode .exp-text[data-v-bcc52c6c]{color:#a0b1c5}.dark-mode .exp-text .current[data-v-bcc52c6c]{color:#fd7591}.dark-mode .quick-add-btn[data-v-bcc52c6c]{background:#3b5c85;color:#fd7591}.dark-mode .quick-add-btn[data-v-bcc52c6c]:hover:not(:disabled){background:#fd7591;color:#fff}.dark-mode .quick-add-btn[data-v-bcc52c6c]:disabled{background:#2a3b55;color:#4a5b75}.gift-planner-actions[data-v-30f183af]{background:#efefef;border:2px solid #dee2e6;border-radius:20px;padding:15px 25px;margin:0 auto;width:100%;box-sizing:border-box;transition:all .3s ease}.dark-mode .gift-planner-actions[data-v-30f183af]{background:#1f3048;border-color:#2a4a6e}.gift-planner-header[data-v-30f183af]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.gift-planner-title[data-v-30f183af]{font-size:20px;font-weight:700;color:#314665;text-align:center}.dark-mode .gift-planner-title[data-v-30f183af]{color:#e0f4ff}.actions-container[data-v-30f183af]{display:flex;justify-content:center;gap:30px}.btn-skew[data-v-30f183af]{min-width:140px;height:44px;padding:0 30px;font-size:1.1rem}.btn-skew span[data-v-30f183af]{letter-spacing:1px}.bond-calculator-view[data-v-3ddd8d09]{display:flex;flex-direction:column;gap:40px}.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}@font-face{font-family:TaiwanPearl-Regular;src:url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff) format("woff")}.tooltip{transition:opacity .3s ease}.tooltip.fav-gift-tooltip{background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.dark-mode .tooltip.fav-gift-tooltip{background:#dfe3e7f2;color:#201e2e}.tooltip.fav-gift-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.dark-mode .tooltip.fav-gift-tooltip:after{border-color:rgba(223,227,231,.95) transparent transparent transparent}.btn-skew{position:relative;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:inherit;font-weight:700;transition:all .3s ease;overflow:hidden;transform:skew(-8deg);height:42px;border-radius:12px;box-shadow:0 3px 2px #00000026}.btn-skew>*{transform:skew(8deg);display:inline-block}.btn-skew:hover{transform:translateY(-2px) skew(-8deg)}.btn-skew:active{transform:scale(.95) skew(-8deg)}.btn-skew:disabled,.btn-skew.disabled{cursor:not-allowed;background-color:#daedf4;background-image:linear-gradient(to bottom right,#c9e1ed 0%,transparent 50%),linear-gradient(to top left,#c9e1ed 0%,transparent 50%);color:#314665}.dark-mode .btn-skew:disabled,.dark-mode .btn-skew.disabled{background-color:#3d4852;background-image:linear-gradient(to bottom right,#2d3748 0%,transparent 50%),linear-gradient(to top left,#2d3748 0%,transparent 50%);color:#9ca3af}.btn-text{padding:0 25px;font-size:1rem}.btn-icon{width:42px;padding:0}.btn-icon>svg{width:24px;height:24px}.btn-blue{background-color:#7df;background-image:linear-gradient(to bottom right,#63d0fd 0%,transparent 50%),linear-gradient(to top left,#63d0fd 0%,transparent 50%);color:#314665;fill:#314665}.dark-mode .btn-blue{background-color:#00aeef;background-image:linear-gradient(to bottom right,#09a4f2 0%,transparent 50%),linear-gradient(to top left,#09a4f2 0%,transparent 50%);color:#e0f4ff;fill:#e0f4ff}.btn-yellow{background-color:#f4e94c;background-image:linear-gradient(to bottom right,#f9da3b 0%,transparent 50%),linear-gradient(to top left,#f9da3b 0%,transparent 50%);color:#314665;fill:#314665}.dark-mode .btn-yellow{background-color:#e57758;background-image:linear-gradient(to bottom right,#e4522f 0%,transparent 50%),linear-gradient(to top left,#e4522f 0%,transparent 50%);color:#e0f4ff;fill:#e0f4ff}.btn-gray{background-color:#daedf4;background-image:linear-gradient(to bottom right,#c9e1ed 0%,transparent 50%),linear-gradient(to top left,#c9e1ed 0%,transparent 50%);color:#314665;fill:#314665}.dark-mode .btn-gray{background-color:#3d4852;background-image:linear-gradient(to bottom right,#2d3748 0%,transparent 50%),linear-gradient(to top left,#2d3748 0%,transparent 50%);color:#9ca3af;fill:#9ca3af}.modal-body,.scrollable-section,.filter-content-wrapper,.settings-panel{scrollbar-width:thin;scrollbar-color:#bdc3c7 #f8f9fa}.dark-mode .modal-body,.dark-mode .scrollable-section,.dark-mode .filter-content-wrapper,.dark-mode .settings-panel{scrollbar-color:#7f8c8d #1a2b40}.modal-body::-webkit-scrollbar,.scrollable-section::-webkit-scrollbar,.filter-content-wrapper::-webkit-scrollbar,.settings-panel::-webkit-scrollbar{width:12px}.modal-body::-webkit-scrollbar-track,.scrollable-section::-webkit-scrollbar-track,.filter-content-wrapper::-webkit-scrollbar-track,.settings-panel::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.scrollable-section::-webkit-scrollbar-thumb,.filter-content-wrapper::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb{background-color:#bdc3c7;border-radius:10px;border:3px solid #f8f9fa}.dark-mode .modal-body::-webkit-scrollbar-thumb,.dark-mode .scrollable-section::-webkit-scrollbar-thumb,.dark-mode .filter-content-wrapper::-webkit-scrollbar-thumb,.dark-mode .settings-panel::-webkit-scrollbar-thumb{background-color:#7f8c8d;border-color:#1a2b40}.modal-body::-webkit-scrollbar-thumb:hover,.scrollable-section::-webkit-scrollbar-thumb:hover,.filter-content-wrapper::-webkit-scrollbar-thumb:hover,.settings-panel::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.dark-mode .modal-body::-webkit-scrollbar-thumb:hover,.dark-mode .scrollable-section::-webkit-scrollbar-thumb:hover,.dark-mode .filter-content-wrapper::-webkit-scrollbar-thumb:hover,.dark-mode .settings-panel::-webkit-scrollbar-thumb:hover{background-color:#95a5a6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:TaiwanPearl-Regular,Microsoft YaHei,sans-serif;background:#f7f7f4;color:#333;min-height:100vh;padding-top:80px;overflow-x:hidden}body.dark-mode{background:#1a2b40;color:#e0e6ed}html.modal-open,body.modal-open{overflow-y:hidden}main{flex-grow:1}#app{max-width:900px;margin:0 auto;padding:20px}.os-scrollbar-vertical{top:70px!important;height:calc(100% - 70px)!important}.os-theme-light.os-scrollbar-vertical,.os-theme-dark.os-scrollbar-vertical{--os-size: 7px}.os-theme-light.os-scrollbar-vertical:hover,.os-theme-dark.os-scrollbar-vertical:hover{--os-size: 10px}@keyframes slide-down{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-gear-257efb5c{0%{transform:skew(8deg) rotate(0)}to{transform:skew(8deg) rotate(360deg)}}.header[data-v-257efb5c]{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(45deg,#cde6f8,#f7fafb);color:#2d4663;padding:5px 20px;box-shadow:0 2px 10px #0000001a;z-index:1000;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6}.dark-mode .header[data-v-257efb5c]{background:linear-gradient(45deg,#223d5a,#1a2b40);border-bottom-color:#2a4a6e;color:#e0f4ff}.header-title[data-v-257efb5c]{font-size:24px;font-weight:700;display:flex;align-items:center;height:100%}.header-title img[data-v-257efb5c]{height:100%;width:auto;object-fit:contain}.controls[data-v-257efb5c]{display:flex;align-items:center;gap:10px}.settings-btn svg[data-v-257efb5c]{transition:transform .3s ease-in-out}.btn-skew svg.is-rotating[data-v-257efb5c]{animation:rotate-gear-257efb5c .5s ease-in-out}.settings-btn:hover svg[data-v-257efb5c]{transform:skew(8deg) rotate(90deg)}.share-dropdown-container[data-v-257efb5c]{position:relative}.share-dropdown-menu[data-v-257efb5c]{position:absolute;top:calc(100% + 10px);right:0;background-color:#f8f9fa;border-radius:12px;box-shadow:0 5px 25px #0003;overflow:hidden;z-index:1001;border:1px solid #dee2e6;transform:skew(-8deg);padding:5px}.dark-mode .share-dropdown-menu[data-v-257efb5c]{background-color:#1a2b40;border-color:#2a4a6e}.dropdown-item[data-v-257efb5c]{display:flex;align-items:center;gap:8px;padding:10px 15px;text-align:left;background:none;border:none;cursor:pointer;font-size:16px;color:#333;transition:background-color .2s ease;border-radius:8px;width:100%}.dropdown-item[data-v-257efb5c]>*{transform:skew(8deg)}.dark-mode .dropdown-item[data-v-257efb5c]{color:#eee}.dropdown-item[data-v-257efb5c]:hover{background-color:#e9ecef}.dark-mode .dropdown-item[data-v-257efb5c]:hover{background-color:#2a4a6e}.dropdown-item span[data-v-257efb5c]:last-child{white-space:nowrap}.dropdown-icon[data-v-257efb5c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dropdown-icon img[data-v-257efb5c]{width:100%;height:100%;filter:brightness(0) invert(.2);transition:none}.dark-mode .dropdown-icon img[data-v-257efb5c]{filter:brightness(0) invert(.8)}.footer-container[data-v-8c4a45b7]{display:flex;padding-top:.75rem;align-items:center;justify-content:center;gap:8px;color:#6c757d}.github-link img[data-v-8c4a45b7]{width:20px;height:20px;filter:opacity(.6);transition:filter .3s ease;vertical-align:middle}.github-link:hover img[data-v-8c4a45b7]{filter:opacity(1)}.developer-credits[data-v-8c4a45b7]{font-size:.85rem;line-height:1.2}.developer-credits a[data-v-8c4a45b7]{color:inherit;text-decoration:none;transition:color .3s ease}.developer-credits a[data-v-8c4a45b7]:hover{color:#343a40;text-decoration:underline}.dark-mode .footer-container[data-v-8c4a45b7]{color:#98a6b3}.dark-mode .github-link img[data-v-8c4a45b7]{filter:invert(1) opacity(.6)}.dark-mode .github-link:hover img[data-v-8c4a45b7]{filter:invert(1) opacity(1)}.dark-mode .developer-credits a[data-v-8c4a45b7]:hover{color:#e9ecef;text-decoration:underline}.modal-overlay[data-v-da398367]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-overlay.no-blur[data-v-da398367]{-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content[data-v-da398367]{background:#f8f9fa;border-radius:15px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 5px 25px #0006;animation:slide-down .3s ease-out;overflow:hidden}.dark-mode .modal-content[data-v-da398367]{background:#1a2b40;border-color:#2a4a6e;color:#e0e6ed}.modal-header[data-v-da398367]{border-bottom:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#cde6f8,#f7fafb);border-radius:15px 15px 0 0;position:relative}.modal-header .modal-title[data-v-da398367]{padding:10px 0 5px;text-align:center;color:#2d4663;flex-grow:0;font-size:1.5rem;font-weight:700;border-bottom:5px solid #fdef66;-webkit-user-select:none;user-select:none}.dark-mode .modal-header[data-v-da398367]{background:linear-gradient(45deg,#223d5a,#1a2b40);border-bottom-color:#2a4a6e}.dark-mode .modal-header .modal-title[data-v-da398367]{color:#e0f4ff;border-bottom-color:#fdef66}.dark-mode .close-button[data-v-da398367]{color:#e0f4ff}.close-button[data-v-da398367]{background:none;border:none;font-size:2rem;color:#2d4663;cursor:pointer;line-height:1;opacity:.8;transition:opacity .2s;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.close-button[data-v-da398367]:hover{opacity:1}.modal-body[data-v-da398367]{display:flex;flex-direction:column;height:calc(80vh - 60px);padding-top:20px}.fixed-section[data-v-da398367]{flex-shrink:0}.scrollable-section[data-v-da398367]{flex-grow:1;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15px);mask-image:linear-gradient(to bottom,transparent,black 15px)}.modal-body-content-padding[data-v-da398367]{padding:0 20px}.search-and-reset[data-v-da398367]{display:flex;gap:10px;margin-bottom:15px;align-items:center}.action-buttons[data-v-da398367]{display:flex;gap:8px;align-items:center}.search-input-wrapper[data-v-da398367]{position:relative;flex-grow:1}.search-input-icon[data-v-da398367]{position:absolute;right:15px;top:50%;transform:translateY(-50%) skew(8deg);width:20px;height:20px;fill:#2d4663;pointer-events:none}.dark-mode .search-input-icon[data-v-da398367]{fill:#e0f4ff}.search-input[data-v-da398367]{width:100%;box-sizing:border-box;padding:12px 40px 12px 15px;color:#2d4663;border-radius:8px;border:1.5px solid #ccc;font-size:1rem;font-family:inherit;min-width:0}.dark-mode .search-input[data-v-da398367]{background-color:#1f3048;border-color:#2a4a6e;color:#e0e6ed}.search-input[data-v-da398367]:focus{outline:none}.filter-controls[data-v-da398367]{margin:0;border-bottom:2px solid #e0e6ed;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),border-bottom-width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.filter-controls.is-open[data-v-da398367]{grid-template-rows:1fr;opacity:1;margin:15px 0;border-bottom-width:2px}.dark-mode .filter-controls[data-v-da398367]{border-bottom-color:#2a4a6e}.filter-content-wrapper[data-v-da398367]{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;padding:0 20px;min-height:0;overflow-y:hidden}.filter-content-wrapper[data-v-da398367]:after{content:"";display:block;height:15px;flex-shrink:0}.filter-controls.is-open:not(.is-animating) .filter-content-wrapper[data-v-da398367]{overflow-y:auto}.filter-group[data-v-da398367]{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.filter-buttons[data-v-da398367]{display:flex;flex-wrap:wrap;gap:8px}.filter-label[data-v-da398367]{font-weight:700;font-size:1rem;color:#314665;padding:2px 8px;background-color:#e0e6ed;border-radius:4px}.dark-mode .filter-label[data-v-da398367]{background-color:#2a4a6e;color:#e0f4ff}.btn-text[data-v-da398367]{font-size:.9rem;white-space:nowrap;padding:12px 20px}.filter-toggle-icon[data-v-da398367]{width:20px;height:20px;fill:#314665}.dark-mode .filter-toggle-icon[data-v-da398367]{fill:#e0f4ff}.filter-group button[data-v-da398367]{position:relative;padding:5px 12px;border:2px solid #d1d8e0;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:.86rem;transform:skew(-8deg)}.filter-group button>span[data-v-da398367],.filter-group button>img[data-v-da398367],.type-icon-wrapper[data-v-da398367]{display:inline-block;transform:skew(8deg)}.filter-group button.has-icon[data-v-da398367]{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px}.dark-mode .filter-group button[data-v-da398367]{background-color:#1f3048;border-color:#2a4a6e;color:#e0e6ed}.filter-group button[data-v-da398367]:hover{border-color:#466398;color:#466398}.dark-mode .filter-group button[data-v-da398367]:hover{border-color:#00a4e4;color:#00a4e4}.filter-group button.active[data-v-da398367]{background-color:#466398;color:#fff!important;border-color:#466398;font-weight:700;box-shadow:0 0 10px #46639880}.dark-mode .filter-group button.active[data-v-da398367]{background-color:#00a4e4;border-color:#00a4e4;box-shadow:0 0 10px #00a4e480}.type-icon-wrapper[data-v-da398367]{width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.type-icon[data-v-da398367]{width:12px;height:12px;object-fit:contain}.role-icon[data-v-da398367],.school-icon[data-v-da398367],.collection-icon[data-v-da398367]{width:20px;height:20px;object-fit:contain}.filter-group button .role-icon[data-v-da398367],.filter-group button .school-icon[data-v-da398367]{filter:invert(1)}.filter-group button.active .role-icon[data-v-da398367],.filter-group button.active .school-icon[data-v-da398367],.dark-mode .filter-group button .role-icon[data-v-da398367],.dark-mode .filter-group button .school-icon[data-v-da398367]{filter:none}.filter-group button.active .collection-icon[data-v-da398367],.dark-mode .filter-group button .collection-icon[data-v-da398367]{filter:invert(1)}.type-bg-explosive[data-v-da398367],.type-bg-light[data-v-da398367]{background:#a70c19}.type-bg-piercing[data-v-da398367],.type-bg-heavy[data-v-da398367]{background:#b26d1f}.type-bg-mystic[data-v-da398367],.type-bg-special[data-v-da398367]{background:#216f9c}.type-bg-sonic[data-v-da398367],.type-bg-elastic[data-v-da398367]{background:#9431a5}.nexon-font[data-v-da398367]{font-family:NEXON Football Gothic,sans-serif;font-style:italic;font-weight:300;margin-right:4px}.type-striker[data-v-da398367]{color:#cc1a25}.type-special[data-v-da398367]{color:#006bff}.filter-group button.active .type-button[data-v-da398367]{color:#fff}.student-grid[data-v-da398367]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:20px;background-color:#e9eef3;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 1px,transparent 10px);border-radius:12px;margin:0 20px 20px}.dark-mode .student-grid[data-v-da398367]{background-color:#1a2b40;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 10px)}.student-card[data-v-da398367]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px 8px;border-radius:8px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;border:2px solid transparent;background-color:#f8f9fa;-webkit-user-select:none;user-select:none;position:relative;transform:skew(-8deg);box-shadow:0 2px 4px #0000000d}.dark-mode .student-card[data-v-da398367]{background-color:#1f3048;box-shadow:0 2px 4px #0000001a}.student-card[data-v-da398367]:hover{transform:translateY(-3px) skew(-8deg);border-color:#466398}.dark-mode .student-card[data-v-da398367]:hover{border-color:#00a4e4}.student-card.selected[data-v-da398367]{background-color:#e4f2ff;border-color:#466398;transform:translateY(-1px) skew(-8deg)}.dark-mode .student-card.selected[data-v-da398367]{background-color:#1f3048;border-color:#00a4e4}.dark-mode .student-card[data-v-da398367]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background-color:transparent;transition:background-color .2s ease;z-index:1}.dark-mode .student-card.selected[data-v-da398367]:before{background-color:#00a4e433}.student-card[data-v-da398367]>*{position:relative;z-index:2}.student-avatar-large[data-v-da398367]{width:70px;height:70px;border-radius:50%;margin-bottom:8px;transition:transform .2s ease;transform:skew(8deg)}.student-avatar-large[data-v-da398367] img{border-radius:50%;border:3px solid #d1d8e0;transition:border-color .2s ease;background-color:#fff}.dark-mode .student-avatar-large[data-v-da398367] img{border-color:#2a4a6e;background-color:#1a2b40}.student-card:hover .student-avatar-large[data-v-da398367]{transform:scale(1.05) skew(8deg)}.student-card.selected .student-avatar-large[data-v-da398367] img{border-color:#466398}.dark-mode .student-card.selected .student-avatar-large[data-v-da398367] img{border-color:#00a4e4}.student-name[data-v-da398367]{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#314665;transition:color .2s ease;transform:skew(8deg)}.dark-mode .student-name[data-v-da398367]{color:#e0e6ed}.student-card.selected .student-name[data-v-da398367]{color:#0056b3;font-weight:700}.dark-mode .student-card.selected .student-name[data-v-da398367]{color:#87ceeb}.no-results[data-v-da398367]{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#7f8c8d;font-size:1.1rem;font-weight:500;background-color:#ffffff80;border-radius:12px;border:2px dashed #d1d8e0}.dark-mode .no-results[data-v-da398367]{color:#bdc3c7;background-color:#0000001a;border-color:#2a4a6e}.student-card[data-v-da398367]:active{transform:scale(.95) skew(-8deg);transition-duration:.1s}.nexon-font[data-v-da398367]{font-family:NEXON Football Gothic,sans-serif;font-style:italic;font-weight:700;margin-right:4px}.modal-fade-enter-active[data-v-da398367],.modal-fade-leave-active[data-v-da398367]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-da398367],.modal-fade-leave-to[data-v-da398367]{opacity:0}@media (max-width: 768px){.student-grid[data-v-da398367]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding:15px;margin:0 15px 15px}.student-card[data-v-da398367]{padding:8px 6px}.student-avatar-large[data-v-da398367]{width:65px;height:65px}.student-name[data-v-da398367]{font-size:.75rem}}@media (max-width: 480px){.student-grid[data-v-da398367]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.student-avatar-large[data-v-da398367]{width:55px;height:55px}}.settings-body[data-v-c296870a]{margin:5px;border:1px solid #aeb5bc;border-radius:10px;overflow:hidden}.dark-mode .settings-body[data-v-c296870a]{border-color:#3a5a7e}.tab-navigation[data-v-c296870a]{display:flex;background:#a9e0f4;padding:6px 6px 0;position:relative}.dark-mode .tab-navigation[data-v-c296870a]{background:#1a3a52}.tab-button[data-v-c296870a]{flex:1;padding:10px 20px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;color:#416589;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;border-radius:4px 4px 0 0;z-index:1}.tab-button[data-v-c296870a]:not(:last-child):after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:#416589;opacity:.4;z-index:0}.dark-mode .tab-button[data-v-c296870a]{color:#8bb4cc}.dark-mode .tab-button[data-v-c296870a]:not(:last-child):after{background-color:#8bb4cc}.tab-button[data-v-c296870a]:hover:not(.active){background:#fff3}.dark-mode .tab-button[data-v-c296870a]:hover:not(.active){background:#ffffff1a}.tab-button.active[data-v-c296870a]{background:#fff;color:#37393c;font-weight:700;z-index:2}.dark-mode .tab-button.active[data-v-c296870a]{background:#0d1f2d;color:#00a4e4}.tab-content[data-v-c296870a]{background:#fff;height:40vh;max-height:340px;padding:6px 4px 4px;display:flex}.dark-mode .tab-content[data-v-c296870a]{background:#0d1f2d}.settings-panel[data-v-c296870a]{width:100%;padding:0 20px;background-color:#d8dadc;border-radius:9px;overflow-y:auto}.dark-mode .settings-panel[data-v-c296870a]{background-color:#08141d}.setting-group[data-v-c296870a]{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #c8cacb}.dark-mode .setting-group[data-v-c296870a]{border-bottom-color:#2a4a6e}.setting-group[data-v-c296870a]:last-child{border-bottom:none}.setting-group-title[data-v-c296870a]{font-size:1.05rem;font-weight:500;margin:0;-webkit-user-select:none;user-select:none;color:#2c3e50}.dark-mode .setting-group-title[data-v-c296870a]{color:#e0e6ed}.setting-control-wrapper[data-v-c296870a]{min-width:180px}.toggle-button-group[data-v-c296870a]{display:flex}.toggle-button[data-v-c296870a]{padding:10px 24px;border:1px solid #dee2e6;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-family:inherit;font-weight:700;white-space:nowrap;background-color:#e6f2f6;transform:skew(-8deg)}.dark-mode .toggle-button[data-v-c296870a]{background-color:#1a2b40;border-color:#2a4a6e}.toggle-button span[data-v-c296870a]{display:inline-block;transform:skew(8deg)}.toggle-button[data-v-c296870a]:active{transform:scale(.95) skew(-8deg)}.toggle-button.off[data-v-c296870a]{color:#5484fd;border-right:none;border-radius:6px 0 0 6px}.toggle-button.on[data-v-c296870a]{color:#cf595b;border-left:none;border-radius:0 6px 6px 0}.toggle-button.active[data-v-c296870a]{color:#fff}.toggle-button.off.active[data-v-c296870a],.toggle-button.on.active[data-v-c296870a]{background-color:#466398}.dark-mode .toggle-button.off.active[data-v-c296870a],.dark-mode .toggle-button.on.active[data-v-c296870a]{background-color:#00a4e4}@media (max-width: 425px){.tab-button[data-v-c296870a]{padding:14px 16px;font-size:.95rem}.setting-group[data-v-c296870a]{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}.setting-control-wrapper[data-v-c296870a]{max-width:none;width:100%}.toggle-button-group[data-v-c296870a]{width:100%}.toggle-button[data-v-c296870a]{flex:1}}.share-modal-body[data-v-1dc1f808]{padding:24px;background:#f8f9fa}.dark-mode .share-modal-body[data-v-1dc1f808]{background:#1a2b40}.setting-card[data-v-1dc1f808]{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;border:2px solid #dee2e6;-webkit-user-select:none;user-select:none;transition:all .3s ease}.setting-card[data-v-1dc1f808]:hover{transform:translateY(-2px);box-shadow:0 3px 2px #0000000d}.setting-card[data-v-1dc1f808]:last-child{margin-bottom:0}.dark-mode .setting-card[data-v-1dc1f808]{background:#2a4a6e;border-color:#3a5a7e}.card-header[data-v-1dc1f808]{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.card-icon[data-v-1dc1f808]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.style-icon[data-v-1dc1f808],.size-icon[data-v-1dc1f808]{background:linear-gradient(135deg,#6994e4,#466398);color:#fff}.dark-mode .style-icon[data-v-1dc1f808],.dark-mode .size-icon[data-v-1dc1f808]{background:linear-gradient(135deg,#6994e4,#466398)}.card-title[data-v-1dc1f808]{font-size:1.2rem;font-weight:600;margin:0;line-height:1.3;color:#2d3748}.dark-mode .card-title[data-v-1dc1f808]{color:#e0e6ed}.card-description[data-v-1dc1f808]{font-size:.9rem;color:#718096;margin:4px 0 0;line-height:1.4}.dark-mode .card-description[data-v-1dc1f808]{color:#a0aec0}.option-icon[data-v-1dc1f808]{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.option-icon img[data-v-1dc1f808]{height:90%}.dark-mode .option-icon[data-v-1dc1f808]{background:#2a4a6e}.option-text-content[data-v-1dc1f808]{display:flex;flex-direction:column;gap:10px}.option-grid[data-v-1dc1f808]{display:flex}.option-item[data-v-1dc1f808]{position:relative;flex:1 1 0%;transition:all .2s ease-in-out}.option-item[data-v-1dc1f808]:not(:first-child){margin-left:-15px}.option-item input[type=radio][data-v-1dc1f808]{position:absolute;opacity:0;pointer-events:none}.option-label[data-v-1dc1f808]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 16px;background:#f7fafc;cursor:pointer;transition:all .2s ease;text-align:center;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);height:100%}.option-item:first-child .option-label[data-v-1dc1f808]{clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%);border-radius:12px 0 0 12px}.option-item:last-child .option-label[data-v-1dc1f808]{clip-path:polygon(15px 0,100% 0,100% 100%,0 100%);border-radius:0 12px 12px 0}.dark-mode .option-label[data-v-1dc1f808]{background:#1a365d}.option-item.active .option-label[data-v-1dc1f808]{background:#263473}.option-item.active .option-title[data-v-1dc1f808]{color:#fff}.option-item.active .option-desc[data-v-1dc1f808]{color:#fffc}.dark-mode .option-item.active .option-label[data-v-1dc1f808]{background:#c9e1edcc}.dark-mode .option-item.active .option-title[data-v-1dc1f808]{color:#314665}.dark-mode .option-item.active .option-desc[data-v-1dc1f808]{color:#314665bf}.option-label[data-v-1dc1f808]:active{transform:scale(.95)}.size-preview[data-v-1dc1f808]{border-radius:4px;background:linear-gradient(135deg,#6994e4,#466398);margin-bottom:4px}.size-1x[data-v-1dc1f808]{width:24px;height:18px}.size-2x[data-v-1dc1f808]{width:28px;height:21px}.size-4x[data-v-1dc1f808]{width:32px;height:24px}.dark-mode .size-preview[data-v-1dc1f808]{background:linear-gradient(135deg,#6994e4,#466398)}.option-title[data-v-1dc1f808]{font-weight:600;font-size:1.1rem;color:#314665}.dark-mode .option-title[data-v-1dc1f808]{color:#e0e6ed}.option-desc[data-v-1dc1f808]{font-size:.8rem;color:#718096}.dark-mode .option-desc[data-v-1dc1f808]{color:#dfe5eccc}.share-modal-footer[data-v-1dc1f808]{padding:24px;display:flex;justify-content:space-between;align-items:center;background:#fff;width:100%;box-sizing:border-box}.dark-mode .share-modal-footer[data-v-1dc1f808]{background:#1a2b40}.footer-info[data-v-1dc1f808]{display:flex;align-items:center;gap:8px;color:#718096;font-size:.9rem;-webkit-user-select:none;user-select:none}.dark-mode .footer-info[data-v-1dc1f808]{color:#a0aec0}.btn-blue[data-v-1dc1f808]{gap:8px;height:auto;padding:14px 24px;letter-spacing:2px;text-transform:uppercase}.btn-blue[data-v-1dc1f808]:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:12px;pointer-events:none}@media (max-width: 768px){.setting-card[data-v-1dc1f808]{padding:20px}.option-text-content[data-v-1dc1f808]{gap:4px}.share-modal-footer[data-v-1dc1f808]{padding:20px;flex-direction:column;gap:16px}.btn-skew[data-v-1dc1f808]{width:100%;justify-content:center}}.app-container[data-v-cad6f982]{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}