:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;margin:0;padding:0;font-weight:400;overflow:hidden;display:flex;justify-content:center;align-items:center}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.registration-form[data-v-388ae464]{width:100%;height:100%;max-height:100%;padding:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;box-sizing:border-box}.registration-form h3[data-v-388ae464]{margin:0 0 2vh;color:#eaeaf2;font-size:1.5rem;font-weight:600}.form-group[data-v-388ae464]{margin-bottom:1.5vh}.form-group label[data-v-388ae464]{display:block;margin-bottom:.5vh;color:#eaeaf2;font-weight:500;font-size:.95rem}.form-group input[data-v-388ae464]{width:100%;padding:1vh 1.2vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.8vh;font-size:1rem;box-sizing:border-box;transition:all .3s;background:#10101666;color:#eaeaf2}.form-group input[data-v-388ae464]::placeholder{color:#eaeaf280}.form-group input[data-v-388ae464]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033;background:#10101699}.submit-btn[data-v-388ae464]{width:100%;padding:1.2vh;background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff;border:none;border-radius:.8vh;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1vh;box-shadow:0 .4vh 1.2vh #ff8a004d}.submit-btn[data-v-388ae464]:hover{transform:translateY(-2px);box-shadow:0 .6vh 1.6vh #ff8a0066}.submit-btn[data-v-388ae464]:active{transform:translateY(0)}.submit-btn[data-v-388ae464]:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5;box-shadow:none}.error-message[data-v-388ae464]{margin-top:1.5vh;padding:1vh 1.2vh;background:#dc354533;color:#ff6b7a;border-radius:.8vh;border:.12vh solid rgba(220,53,69,.4);font-size:.9rem}.success-message[data-v-388ae464]{margin-top:1.5vh;padding:1vh 1.2vh;background:#28a74533;color:#6bcf7f;border-radius:.8vh;border:.12vh solid rgba(40,167,69,.4);font-size:.9rem}.login-form[data-v-5305c0c6]{width:100%;height:100%;max-height:100%;padding:0;display:flex;flex-direction:column;overflow:visible;min-height:0;box-sizing:border-box;gap:0}.login-form h3[data-v-5305c0c6]{margin:0 0 2vh;color:#eaeaf2;font-size:1.5rem;font-weight:600}.form-group[data-v-5305c0c6]{margin-bottom:1.5vh}.form-group label[data-v-5305c0c6]{display:block;margin-bottom:.5vh;color:#eaeaf2;font-weight:500;font-size:.95rem}.form-group input[data-v-5305c0c6]{width:100%;padding:1vh 1.2vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.8vh;font-size:1rem;box-sizing:border-box;transition:all .3s;background:#10101666;color:#eaeaf2}.form-group input[data-v-5305c0c6]::placeholder{color:#eaeaf280}.form-group input[data-v-5305c0c6]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033;background:#10101699}.submit-btn[data-v-5305c0c6]{width:100%;padding:1.2vh;background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff;border:none;border-radius:.8vh;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1vh;box-shadow:0 .4vh 1.2vh #ff8a004d}.submit-btn[data-v-5305c0c6]:hover{transform:translateY(-2px);box-shadow:0 .6vh 1.6vh #ff8a0066}.submit-btn[data-v-5305c0c6]:active{transform:translateY(0)}.submit-btn[data-v-5305c0c6]:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5;box-shadow:none}.error-message[data-v-5305c0c6]{margin-top:1.5vh;padding:1vh 1.2vh;background:#dc354533;color:#ff6b7a;border-radius:.8vh;border:.12vh solid rgba(220,53,69,.4);font-size:.9rem}.success-message[data-v-5305c0c6]{margin-top:1.5vh;padding:1vh 1.2vh;background:#28a74533;color:#6bcf7f;border-radius:.8vh;border:.12vh solid rgba(40,167,69,.4);font-size:.9rem}.resend-verification[data-v-5305c0c6]{margin-top:1.5vh;padding:1vh 1.2vh;background:#ffc10726;border-radius:.8vh;border:.12vh solid rgba(255,193,7,.4)}.resend-verification p[data-v-5305c0c6]{color:#eaeaf2;margin:0 0 1vh;font-size:.9rem}.resend-btn[data-v-5305c0c6]{width:100%;padding:1vh;background:linear-gradient(135deg,#ffc107,#ffb300);color:#1a0f02;border:none;border-radius:.8vh;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 .4vh 1.2vh #ffc1074d}.resend-btn[data-v-5305c0c6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .6vh 1.6vh #ffc10766}.resend-btn[data-v-5305c0c6]:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5;box-shadow:none}.resend-message[data-v-5305c0c6]{margin-top:1vh;padding:.8vh 1vh;border-radius:.8vh;font-size:.85rem}.resend-message.success[data-v-5305c0c6]{background:#28a74533;color:#6bcf7f;border:.12vh solid rgba(40,167,69,.4)}.resend-message.error[data-v-5305c0c6]{background:#dc354533;color:#ff6b7a;border:.12vh solid rgba(220,53,69,.4)}.avatar-with-frame[data-v-c4ca8046]{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:50%;aspect-ratio:1 / 1;isolation:isolate;margin:0;padding:0}.avatar-image[data-v-c4ca8046]{position:absolute;top:50%;left:50%;z-index:2;border-radius:50%;display:block}.frame-image[data-v-c4ca8046]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;object-fit:contain;border-radius:50%;display:block;pointer-events:none;filter:drop-shadow(0 0 .3vh rgba(0,0,0,.3));margin:0;padding:0}.user-profile[data-v-08217b42]{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-profile h2[data-v-08217b42]{margin:0 0 2rem;color:#2c3e50}.loading[data-v-08217b42]{padding:2rem;text-align:center;color:#666}.error-message[data-v-08217b42]{padding:1rem;background-color:#fee;color:#c33;border-radius:4px;border:1px solid #fcc}.profile-content[data-v-08217b42]{display:flex;flex-direction:column;gap:2rem}.profile-header[data-v-08217b42]{display:flex;gap:2rem;flex-wrap:wrap}.avatar-section[data-v-08217b42]{flex:1;min-width:250px}.avatar-container[data-v-08217b42]{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.avatar[data-v-08217b42]{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #ddd;display:block}.premium-badge[data-v-08217b42]{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0003}.upload-section[data-v-08217b42]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.file-input[data-v-08217b42]{display:none}.upload-btn[data-v-08217b42],.delete-btn[data-v-08217b42]{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .3s}.upload-btn[data-v-08217b42]{background-color:#00bd7e;color:#fff}.upload-btn[data-v-08217b42]:hover:not(:disabled){background-color:#096}.delete-btn[data-v-08217b42]{background-color:#dc3545;color:#fff}.delete-btn[data-v-08217b42]:hover:not(:disabled){background-color:#c82333}.upload-btn[data-v-08217b42]:disabled,.delete-btn[data-v-08217b42]:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.upload-error[data-v-08217b42]{padding:.75rem;background-color:#fee;color:#c33;border-radius:4px;border:1px solid #fcc;font-size:.9rem;margin-top:.5rem}.upload-success[data-v-08217b42]{padding:.75rem;background-color:#efe;color:#3c3;border-radius:4px;border:1px solid #cfc;font-size:.9rem;margin-top:.5rem}.file-info[data-v-08217b42]{margin-top:1rem;padding:1rem;background-color:#f9f9f9;border-radius:4px;font-size:.85rem;color:#666}.file-info p[data-v-08217b42]{margin:.5rem 0;font-weight:600}.file-info ul[data-v-08217b42]{margin:.25rem 0 1rem 1.5rem;padding:0}.profile-info[data-v-08217b42]{flex:1;min-width:250px}.info-item[data-v-08217b42]{display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.info-item[data-v-08217b42]:last-child{border-bottom:none}.info-item label[data-v-08217b42]{font-weight:600;color:#666;margin-bottom:.25rem;font-size:.9rem}.info-item span[data-v-08217b42]{color:#2c3e50;font-size:1rem}.premium-text[data-v-08217b42]{color:#667eea;font-weight:600}.role-badge[data-v-08217b42]{padding:.25rem .75rem;border-radius:10px;font-size:.85rem;font-weight:600;text-transform:uppercase;display:inline-block}.role-admin[data-v-08217b42]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.role-mod[data-v-08217b42]{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.role-user[data-v-08217b42]{background:#e0e0e0;color:#666}@media(max-width:768px){.profile-header[data-v-08217b42]{flex-direction:column}.avatar-section[data-v-08217b42],.profile-info[data-v-08217b42]{width:100%}}.frame-editor[data-v-699d00dd]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;padding:2vh;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 .4vh 1.2vh #00000080}.editor-header[data-v-699d00dd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;padding-bottom:1vh;border-bottom:.12vh solid rgba(255,255,255,.1)}.editor-header h3[data-v-699d00dd]{margin:0;color:#eaeaf2;font-size:1.2rem}.close-btn[data-v-699d00dd]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.close-btn[data-v-699d00dd]:hover{background:#ff8a004d;transform:rotate(90deg)}.editor-content[data-v-699d00dd]{display:flex;flex-direction:column;gap:1.5vh}.preview-section[data-v-699d00dd]{padding:1.5vh;background:#1010164d;border-radius:.8vh;border:.12vh solid rgba(255,255,255,.1)}.preview-section h4[data-v-699d00dd]{margin:0 0 1vh;color:#eaeaf2;font-size:1rem}.preview-container[data-v-699d00dd]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2vh;background:#0003;border-radius:.6vh;min-height:200px;position:relative}.preview-wrapper[data-v-699d00dd]{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.preview-avatar-wrapper[data-v-699d00dd]{position:relative;display:inline-block}.preview-hint[data-v-699d00dd]{margin-top:1vh;color:#eaeaf2b3;font-size:.85rem;text-align:center}.preview-placeholder[data-v-699d00dd]{display:flex;justify-content:center;align-items:center;padding:2vh;min-height:200px}.preview-placeholder p[data-v-699d00dd]{color:#eaeaf280;font-size:.9rem;text-align:center}.form-group[data-v-699d00dd]{display:flex;flex-direction:column;gap:.5vh}.form-group label[data-v-699d00dd]{color:#eaeaf2;font-size:.9rem;font-weight:500}.type-buttons[data-v-699d00dd]{display:flex;gap:.8vh}.type-btn[data-v-699d00dd]{flex:1;padding:.8vh 1.5vh;background:#10101666;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;color:#eaeaf2;font-size:.9rem;cursor:pointer;transition:all .3s ease}.type-btn[data-v-699d00dd]:hover{background:#ff8a001a;border-color:#ff8a004d}.type-btn.active[data-v-699d00dd]{background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080;color:#ff8a00}.form-input[data-v-699d00dd]{padding:.8vh 1vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;background:#10101666;color:#eaeaf2;font-size:.9rem;transition:all .3s ease}.form-input[data-v-699d00dd]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033}.form-input.disabled[data-v-699d00dd]{opacity:.5;cursor:not-allowed}.form-input+small[data-v-699d00dd]{color:#eaeaf299;font-size:.8rem;margin-top:.3vh}.file-input-hidden[data-v-699d00dd]{display:none}.upload-label[data-v-699d00dd]{padding:1vh 1.5vh;background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border:.12vh solid rgba(255,138,0,.3);border-radius:.6vh;color:#ff8a00;cursor:pointer;text-align:center;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8vh}.upload-label[data-v-699d00dd]:hover{background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080}.image-preview-inline[data-v-699d00dd]{display:flex;align-items:center;gap:.8vh}.image-preview-inline img[data-v-699d00dd]{width:3rem;height:3rem;object-fit:cover;border-radius:.3vh}.image-info[data-v-699d00dd]{margin-top:.5vh;padding:.5vh;background:#ffffff0d;border-radius:.4vh}.image-info p[data-v-699d00dd]{margin:0;color:#eaeaf2b3;font-size:.85rem}.scale-slider[data-v-699d00dd]{width:100%;height:.6vh;border-radius:.3vh;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;margin:1vh 0}.scale-slider[data-v-699d00dd]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5vh;height:1.5vh;border-radius:50%;background:#ff8a00;cursor:pointer;box-shadow:0 0 .3vh #ff8a0080;transition:all .2s ease}.scale-slider[data-v-699d00dd]::-webkit-slider-thumb:hover{background:#ff9a20;transform:scale(1.2)}.scale-slider[data-v-699d00dd]::-moz-range-thumb{width:1.5vh;height:1.5vh;border-radius:50%;background:#ff8a00;cursor:pointer;border:none;box-shadow:0 0 .3vh #ff8a0080;transition:all .2s ease}.scale-slider[data-v-699d00dd]::-moz-range-thumb:hover{background:#ff9a20;transform:scale(1.2)}.scale-labels[data-v-699d00dd]{display:flex;justify-content:space-between;font-size:.75rem;color:#eaeaf299;margin-top:.3vh}.css-editor[data-v-699d00dd]{padding:.8vh 1vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;background:#10101666;color:#eaeaf2;font-size:.9rem;font-family:Courier New,monospace;transition:all .3s ease;resize:vertical;min-height:150px}.css-editor[data-v-699d00dd]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033}.css-help[data-v-699d00dd]{margin-top:.5vh;padding:1vh;background:#ffffff0d;border-radius:.4vh;border-left:3px solid rgba(255,138,0,.5)}.css-help p[data-v-699d00dd]{margin:0 0 .5vh;color:#eaeaf2;font-size:.85rem}.css-help ul[data-v-699d00dd]{margin:0;padding-left:1.5rem;color:#eaeaf2cc;font-size:.8rem}.css-help code[data-v-699d00dd]{background:#0000004d;padding:.2vh .4vh;border-radius:.2vh;font-family:Courier New,monospace;color:#ff8a00}.form-actions[data-v-699d00dd]{display:flex;gap:1vh;margin-top:1vh;justify-content:flex-end}.btn[data-v-699d00dd]{padding:1vh 2vh;border:none;border-radius:.6vh;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-699d00dd]{background:#ffffff1a;color:#eaeaf2}.btn-cancel[data-v-699d00dd]:hover{background:#fff3}.btn-delete[data-v-699d00dd]{background:linear-gradient(135deg,#dc3545cc,#c82333b3);color:#fff}.btn-delete[data-v-699d00dd]:hover:not(:disabled){transform:translateY(-.1vh);box-shadow:0 .4vh 1.2vh #dc354566;background:linear-gradient(135deg,#dc3545,#c82333e6)}.btn-delete[data-v-699d00dd]:disabled{opacity:.5;cursor:not-allowed}.btn-submit[data-v-699d00dd]{background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff}.btn-submit[data-v-699d00dd]:hover:not(:disabled){transform:translateY(-.1vh);box-shadow:0 .4vh 1.2vh #ff8a0066}.btn-submit[data-v-699d00dd]:disabled{opacity:.5;cursor:not-allowed}.frame-editor[data-v-699d00dd]::-webkit-scrollbar{width:.8vh}.frame-editor[data-v-699d00dd]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.frame-editor[data-v-699d00dd]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.frame-editor[data-v-699d00dd]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.crop-btn[data-v-699d00dd]{margin-top:.5vh;padding:.5vh 1vh;background:#ff8a0033;border:.12vh solid rgba(255,138,0,.4);border-radius:.4vh;color:#ff8a00;cursor:pointer;font-size:.85rem;transition:all .2s}.crop-btn[data-v-699d00dd]:hover{background:#ff8a004d;border-color:#ff8a0099}.crop-editor-section[data-v-699d00dd]{margin-top:1vh;padding:1.5vh;background:#10101680;border-radius:.8vh;border:.12vh solid rgba(255,138,0,.3)}.crop-editor-info[data-v-699d00dd]{margin-bottom:1vh;padding:.8vh;background:#ff8a001a;border-radius:.4vh;border-left:3px solid rgba(255,138,0,.5)}.crop-editor-info p[data-v-699d00dd]{margin:0;color:#eaeaf2cc;font-size:.85rem;line-height:1.4}.crop-editor-header[data-v-699d00dd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.crop-editor-header h4[data-v-699d00dd]{margin:0;color:#eaeaf2;font-size:1rem}.close-crop-btn[data-v-699d00dd]{background:#ffffff1a;border:none;border-radius:50%;width:2vh;height:2vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.close-crop-btn[data-v-699d00dd]:hover{background:#ff8a004d}.crop-container-wrapper[data-v-699d00dd]{display:flex;justify-content:center;padding:1vh 0}.crop-container[data-v-699d00dd]{position:relative;border-radius:50%;overflow:visible;border:3px solid rgba(255,138,0,.5);box-shadow:0 0 20px #ff8a004d}.frame-crop-container[data-v-699d00dd]{background:#0003}.crop-outer-mask[data-v-699d00dd]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:-1;pointer-events:none}.crop-avatar-background[data-v-699d00dd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;z-index:1;display:flex;align-items:center;justify-content:center}.crop-avatar-image[data-v-699d00dd]{width:60%;height:60%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,138,0,.5);box-shadow:0 0 10px #00000080}.crop-avatar-placeholder[data-v-699d00dd]{width:60%;height:60%;border-radius:50%;background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border:2px solid rgba(255,138,0,.5);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#ff8a0099}.crop-frame-layer[data-v-699d00dd]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:visible;border-radius:50%;pointer-events:none}.crop-frame-image[data-v-699d00dd]{position:absolute;top:50%;left:50%;max-width:none;max-height:none;width:auto;height:auto;object-fit:none;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;transform-origin:center center;display:block}.crop-overlay[data-v-699d00dd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;border-radius:50%}.crop-guide[data-v-699d00dd]{width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,138,0,.9);box-sizing:border-box;box-shadow:0 0 0 2px #ffffff4d,0 0 0 9999px #000000b3}.crop-actions[data-v-699d00dd]{display:flex;gap:1vh;justify-content:flex-end;margin-top:1vh}.profile-image-editor-overlay[data-v-a422c996]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2vh;overflow:auto}.profile-image-editor-modal[data-v-a422c996]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:2.4vh;box-shadow:0 6vh 12vh #000000a6;padding:2.5vh;max-width:95vw;max-height:95vh;width:700px;display:flex;flex-direction:column;gap:1.5vh;overflow-y:auto;overflow-x:auto}.editor-header[data-v-a422c996]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.editor-header h2[data-v-a422c996]{margin:0;color:var(--ui-accent, #ff8a00);font-size:2.4vh}.close-btn[data-v-a422c996]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:2vh;transition:background .2s}.close-btn[data-v-a422c996]:hover{background:#fff3}.crop-section[data-v-a422c996]{display:flex;justify-content:center;align-items:center;padding:1.5vh 0;overflow:visible;flex-shrink:0}.crop-container[data-v-a422c996]{position:relative;border-radius:50%;overflow:visible;border:3px solid var(--ui-accent, #ff8a00);box-shadow:0 0 20px #ff8a004d;aspect-ratio:1;flex-shrink:0}.crop-circle[data-v-a422c996]{width:100%;height:100%;position:relative;overflow:visible;border-radius:50%;aspect-ratio:1}.crop-image[data-v-a422c996]{position:absolute;top:50%;left:50%;max-width:none;max-height:none;width:auto;height:auto;object-fit:none;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;will-change:transform;transform-origin:center center}.crop-placeholder[data-v-a422c996]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#ffffff80;font-size:1.6vh}.crop-overlay[data-v-a422c996]{position:absolute;inset:0;pointer-events:none}.crop-guide[data-v-a422c996]{width:100%;height:100%;border-radius:50%;border:2px dashed rgba(255,255,255,.3);box-sizing:border-box}.editor-bottom[data-v-a422c996]{display:flex;justify-content:center;margin-top:1vh;flex-shrink:0}.drop-zone-section[data-v-a422c996]{display:flex;flex-direction:column;width:100%;max-width:300px}.drop-zone[data-v-a422c996]{border:2px dashed rgba(255,138,0,.4);border-radius:1.2vh;padding:1.5vh;display:flex;align-items:center;justify-content:center;min-height:100px;background:#ffffff05;transition:all .3s;cursor:pointer}.drop-zone.drag-over[data-v-a422c996]{border-color:var(--ui-accent, #ff8a00);background:#ff8a001a;transform:scale(1.02)}.drop-zone.has-image[data-v-a422c996]{border-color:#ff8a0099;background:#ff8a000d}.file-input-hidden[data-v-a422c996]{display:none}.drop-zone-label[data-v-a422c996]{display:flex;flex-direction:column;align-items:center;gap:.5vh;cursor:pointer;color:#ffffffb3;text-align:center;font-size:1.4vh}.drop-zone-label svg[data-v-a422c996]{color:var(--ui-accent, #ff8a00);width:32px;height:32px}.error-message[data-v-a422c996]{padding:1vh;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:.8vh;color:#ff6b6b;font-size:1.4vh;text-align:center}.editor-actions[data-v-a422c996]{display:flex;justify-content:flex-end;gap:1vh;margin-top:2vh;padding-top:2vh;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel[data-v-a422c996],.btn-save[data-v-a422c996]{padding:1vh 2vh;border:none;border-radius:.8vh;font-size:1.6vh;cursor:pointer;transition:all .2s}.btn-cancel[data-v-a422c996]{background:#ffffff1a;color:#ffffffb3}.btn-cancel[data-v-a422c996]:hover:not(:disabled){background:#fff3}.btn-save[data-v-a422c996]{background:var(--ui-accent, #ff8a00);color:#fff}.btn-save[data-v-a422c996]:hover:not(:disabled){background:var(--ui-accent-2, #ff7a00);transform:translateY(-1px)}.btn-cancel[data-v-a422c996]:disabled,.btn-save[data-v-a422c996]:disabled{opacity:.5;cursor:not-allowed}.user-profile-avatar[data-v-3060b476]{padding:0;height:100%;display:flex;flex-direction:column;position:relative}.user-profile-avatar h3[data-v-3060b476]{margin:0 0 1.5rem;color:#eaeaf2;font-size:1.2rem}.loading[data-v-3060b476]{padding:1rem;text-align:center;color:#eaeaf2}.avatar-content[data-v-3060b476]{display:flex;flex-direction:column;flex:1;height:100%;padding:0}.content-layout[data-v-3060b476]{display:grid;grid-template-rows:45% 55%;gap:1.5rem;height:100%;padding:1.5rem}.avatar-section[data-v-3060b476]{display:flex;align-items:center;justify-content:center;position:relative}.info-icon-container[data-v-3060b476]{position:absolute;top:0;right:0;z-index:10}.info-icon[data-v-3060b476]{width:1.75rem;height:1.75rem;border-radius:50%;background:linear-gradient(135deg,#0ff3,#00d9ff40);border:1px solid #00d9ff;color:#0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #00d9ff66,inset 0 0 10px #00ffff1a;text-shadow:0 0 8px rgba(0,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-icon[data-v-3060b476]:hover{background:linear-gradient(135deg,#00ffff4d,#00d9ff59);border-color:#0ff;box-shadow:0 0 20px #00d9ff99,0 0 30px #0ff6,inset 0 0 15px #0ff3;text-shadow:0 0 12px rgba(0,255,255,1);transform:scale(1.1)}.info-dropdown[data-v-3060b476]{position:absolute;top:calc(100% + .5rem);right:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;min-width:220px}.info-icon-container:hover .info-dropdown[data-v-3060b476]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.info-dropdown-content[data-v-3060b476]{background:linear-gradient(to bottom right,#14141cfa,#0c0c10fa);border:1px solid #00d9ff;border-radius:8px;padding:1rem;box-shadow:0 0 20px #00d9ff66,0 4px 12px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-dropdown-content[data-v-3060b476]:before{content:"";position:absolute;top:-6px;right:1rem;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #00d9ff}.info-dropdown-content .info-section[data-v-3060b476]{margin-bottom:.75rem}.info-dropdown-content .info-section[data-v-3060b476]:last-child{margin-bottom:0}.info-dropdown-content strong[data-v-3060b476]{display:block;color:#0ff;font-size:.85rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 8px rgba(0,255,255,.6);letter-spacing:.02em}.info-dropdown-content ul[data-v-3060b476]{margin:0;padding-left:1.25rem;list-style:none}.info-dropdown-content ul li[data-v-3060b476]{color:#eaeaf2e6;font-size:.8rem;line-height:1.5;margin-bottom:.25rem;position:relative}.info-dropdown-content ul li[data-v-3060b476]:before{content:"▸";position:absolute;left:-1rem;color:#00d9ff;font-size:.7rem}.info-dropdown-content ul li.premium-only[data-v-3060b476]{color:#eaeaf280;font-style:italic}.avatar-container[data-v-3060b476]{display:flex;align-items:center;justify-content:center;width:100%}.controls-section[data-v-3060b476]{display:flex;flex-direction:row;gap:.5rem;justify-content:space-around;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.avatar[data-v-3060b476]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);display:block}.premium-badge[data-v-3060b476]{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0003}.upload-section[data-v-3060b476]{display:flex;flex-direction:column;gap:.3rem;width:100%;flex:1}.file-input[data-v-3060b476]{display:none}.upload-btn[data-v-3060b476],.delete-btn[data-v-3060b476]{padding:.5rem 1rem;border:1px solid;border-radius:8px;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:2.25rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-btn[data-v-3060b476]{background:linear-gradient(135deg,#00ffff26,#00d9ff33);border-color:#00d9ff;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5);box-shadow:0 0 15px #00d9ff66,inset 0 0 15px #00ffff1a}.upload-btn[data-v-3060b476]:hover:not(:disabled){background:linear-gradient(135deg,#00ffff40,#00d9ff4d);border-color:#0ff;box-shadow:0 0 25px #00d9ff99,0 0 40px #0ff6,inset 0 0 20px #0ff3;text-shadow:0 0 15px rgba(0,255,255,1),0 0 30px rgba(0,255,255,.8);transform:translateY(-2px)}.upload-btn[data-v-3060b476]:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px #00d9ff4d,inset 0 0 10px #00ffff1a}.delete-btn[data-v-3060b476]{background:linear-gradient(135deg,#ff008026,#f0f3);border-color:#ff0080;color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8),0 0 20px rgba(255,0,128,.5);box-shadow:0 0 15px #ff008066,inset 0 0 15px #ff00ff1a}.delete-btn[data-v-3060b476]:hover:not(:disabled){background:linear-gradient(135deg,#ff008040,#ff00ff4d);border-color:#f0f;box-shadow:0 0 25px #ff008099,0 0 40px #f0f6,inset 0 0 20px #f0f3;text-shadow:0 0 15px rgba(255,0,255,1),0 0 30px rgba(255,0,128,.8);transform:translateY(-2px)}.delete-btn[data-v-3060b476]:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px #ff00804d,inset 0 0 10px #ff00ff1a}.upload-btn[data-v-3060b476]:disabled,.delete-btn[data-v-3060b476]:disabled{background:#6c757d33;border-color:#6c757d;color:#6c757d;cursor:not-allowed;opacity:.5;box-shadow:none;text-shadow:none;transform:none}.upload-error[data-v-3060b476]{padding:.4rem;background-color:#ffeeee1a;color:#ff6b6b;border-radius:4px;border:1px solid rgba(255,204,204,.3);font-size:.75rem;width:100%;max-width:200px;margin-top:.2rem;margin-bottom:.3rem}.upload-success[data-v-3060b476]{padding:.4rem;background-color:#eeffee1a;color:#51cf66;border-radius:4px;border:1px solid rgba(204,255,204,.3);font-size:.75rem;width:100%;max-width:200px;margin-top:.2rem;margin-bottom:.3rem}.frame-buttons-row[data-v-3060b476]{display:flex;gap:.3rem;align-items:center;width:100%}.frame-select-btn[data-v-3060b476]{padding:.5rem 1rem;border:1px solid;border-radius:8px;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#8b5cf626,#a855f733);border-color:#8b5cf6;color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.8),0 0 20px rgba(139,92,246,.5);box-shadow:0 0 15px #8b5cf666,inset 0 0 15px #a855f71a;height:2.25rem;display:flex;align-items:center;justify-content:center;flex:1;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.frame-select-btn[data-v-3060b476]:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf640,#a855f74d);border-color:#a855f7;box-shadow:0 0 25px #8b5cf699,0 0 40px #a855f766,inset 0 0 20px #a855f733;text-shadow:0 0 15px rgba(168,85,247,1),0 0 30px rgba(139,92,246,.8);transform:translateY(-2px)}.frame-select-btn[data-v-3060b476]:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px #8b5cf64d,inset 0 0 10px #a855f71a}.frame-select-btn[data-v-3060b476]:disabled{background:#6c757d33;border-color:#6c757d;color:#6c757d;cursor:not-allowed;opacity:.5;box-shadow:none;text-shadow:none;transform:none}.frame-selector-overlay[data-v-3060b476]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.frame-selector-modal[data-v-3060b476]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;padding:2vh;max-width:700px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 .4vh 1.2vh #00000080}.frame-selector-modal[data-v-3060b476]::-webkit-scrollbar{width:.8vh}.frame-selector-modal[data-v-3060b476]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.frame-selector-modal[data-v-3060b476]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.frame-selector-modal[data-v-3060b476]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.frame-selector-header[data-v-3060b476]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;padding-bottom:1vh;border-bottom:.12vh solid rgba(255,255,255,.1)}.frame-selector-header h3[data-v-3060b476]{margin:0;color:#eaeaf2;font-size:1.2rem}.frame-selector-header .close-btn[data-v-3060b476]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.frame-selector-header .close-btn[data-v-3060b476]:hover{background:#ff8a004d;transform:rotate(90deg)}.frame-selector-content[data-v-3060b476]{padding:1vh}.frame-selector-content .frame-grid[data-v-3060b476]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;padding:1rem 0}.frame-option[data-v-3060b476]{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s;border:2px solid transparent}.frame-option[data-v-3060b476]:hover{background:#ffffff1a;border-color:#ff8a0080}.frame-option.active[data-v-3060b476]{background:#ff8a0026;border-color:#ff8a00cc;border-width:2px;border-style:solid}.frame-preview[data-v-3060b476]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto}.frame-preview img[data-v-3060b476]{width:100%;height:100%;object-fit:cover}.frame-none[data-v-3060b476]{background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.frame-none .preview-avatar[data-v-3060b476]{width:70px;height:70px;border-radius:50%;background:#fff3}.frame-css-preview .preview-avatar[data-v-3060b476]{width:70px;height:70px;border-radius:50%;background:#ffffff4d}.frame-name[data-v-3060b476]{font-size:.75rem;color:#eaeaf2;text-align:center;word-break:break-word}.admin-btn[data-v-3060b476]{padding:0;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.add-btn[data-v-3060b476]{background-color:#28a745;color:#fff}.add-btn[data-v-3060b476]:hover{background-color:#218838;transform:scale(1.1)}.edit-frame-btn[data-v-3060b476]{position:absolute;top:.25rem;right:.25rem;background:#667eeacc;border:none;border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem;cursor:pointer;transition:all .2s;z-index:10}.edit-frame-btn[data-v-3060b476]:hover{background:#667eea;transform:scale(1.1)}.frame-option[data-v-3060b476]{position:relative}.frame-editor-overlay[data-v-3060b476]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-profile-info[data-v-d5d464c0]{margin:auto;padding:1rem;height:100%;display:flex;flex-direction:column}.loading[data-v-d5d464c0]{padding:1rem;text-align:center;color:#eaeaf2}.info-content[data-v-d5d464c0]{display:flex;flex-direction:column;justify-content:space-evenly;flex:1;height:100%;width:85%;margin:auto}.info-item[data-v-d5d464c0]{display:flex;flex-direction:column;padding:.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex:0 1 auto}.info-item label[data-v-d5d464c0]{font-weight:600;color:#eaeaf2b3;margin-bottom:.2rem;font-size:.9rem}.info-item span[data-v-d5d464c0]{color:#eaeaf2;font-size:1rem;word-break:break-word}.user-profile-status[data-v-e7d2a1ec]{padding:1.5rem;height:100%;display:flex;flex-direction:column}.user-profile-status h3[data-v-e7d2a1ec]{margin:0 0 1.5rem;color:#eaeaf2;font-size:1.2rem}.loading[data-v-e7d2a1ec]{padding:1rem;text-align:center;color:#eaeaf2}.status-content[data-v-e7d2a1ec]{display:flex;flex-direction:column;gap:1rem;flex:1}.status-item[data-v-e7d2a1ec]{display:flex;flex-direction:column;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.status-item label[data-v-e7d2a1ec]{font-weight:600;color:#eaeaf2b3;margin-bottom:.5rem;font-size:.9rem}.status-item span[data-v-e7d2a1ec]{color:#eaeaf2;font-size:1rem}.premium-text[data-v-e7d2a1ec]{color:#667eea;font-weight:600}.role-badge[data-v-e7d2a1ec]{padding:.5rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;text-transform:uppercase;display:inline-block;width:fit-content}.role-admin[data-v-e7d2a1ec]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.role-mod[data-v-e7d2a1ec]{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.role-user[data-v-e7d2a1ec]{background:#e0e0e033;color:#eaeaf2}.user-profile-file-info[data-v-92aa852b]{padding:1.5rem;height:100%;display:flex;flex-direction:column}.user-profile-file-info h3[data-v-92aa852b]{margin:0 0 1.5rem;color:#eaeaf2;font-size:1.2rem}.loading[data-v-92aa852b]{padding:1rem;text-align:center;color:#eaeaf2}.file-info-content[data-v-92aa852b]{display:flex;flex-direction:column;gap:1.5rem;flex:1}.file-info-section[data-v-92aa852b]{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.section-title[data-v-92aa852b]{margin:0 0 .75rem;color:#eaeaf2;font-size:.95rem}.file-info-section ul[data-v-92aa852b]{margin:0;padding-left:1.5rem;color:#eaeaf2e6;font-size:.9rem;line-height:1.6}.file-info-section li[data-v-92aa852b]{margin-bottom:.5rem}.premium-only[data-v-92aa852b]{color:#eaeaf280;font-style:italic}.login-area[data-v-806e96be]{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:visible;min-height:0;box-sizing:border-box;flex:1}.login-form-container[data-v-806e96be]{display:flex;flex-direction:column;gap:1vh;padding:0;flex:1;min-height:0;overflow:visible}.user-info-display[data-v-806e96be]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh;height:100%}.user-info-display h3[data-v-806e96be]{margin:0;font-size:1.2rem;color:#eaeaf2}.user-info-display p[data-v-806e96be]{margin:0;opacity:.7;font-size:.9rem;color:#eaeaf2}.form-actions[data-v-806e96be]{display:flex;gap:1vh;margin-top:2vh}.btn-login[data-v-806e96be],.btn-register[data-v-806e96be]{flex:1;padding:1.2vh;border:none;border-radius:.8vh;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-login[data-v-806e96be]{background:linear-gradient(45deg,#4facfe,#00f2fe);color:#fff}.btn-login[data-v-806e96be]:hover{transform:translateY(-.2vh);box-shadow:0 .4vh 1.2vh #4facfe66}.btn-register[data-v-806e96be]{background:linear-gradient(45deg,#ff8a00,#ff7a00);color:#fff}.btn-register[data-v-806e96be]:hover{transform:translateY(-.2vh);box-shadow:0 .4vh 1.2vh #ff8a0066}.btn-logout[data-v-806e96be]{margin-top:2vh;padding:1vh 2vh;background:#ff47574d;border:1px solid rgba(255,71,87,.5);color:#ff4757;border-radius:.8vh;cursor:pointer;transition:all .3s ease}.btn-logout[data-v-806e96be]:hover{background:#ff475780;transform:translateY(-.2vh)}.form-switch[data-v-806e96be]{text-align:center;margin-top:1vh;font-size:.85rem;opacity:.7;color:#eaeaf2}.form-switch a[data-v-806e96be]{color:#ff8a00;cursor:pointer;text-decoration:underline}.form-switch a[data-v-806e96be]:hover{opacity:1}.chat-container[data-v-09f953d7]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0}.chat-window[data-v-09f953d7]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;padding:0;position:relative;min-height:0}.chat-messages[data-v-09f953d7]{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5vh;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:rgba(255,138,0,.4) rgba(255,255,255,.05);position:relative}.messages-wrapper[data-v-09f953d7]{display:flex;flex-direction:column;gap:.3vh;width:100%}.open-new-window-btn[data-v-09f953d7]{position:absolute;top:1vh;right:2vh;z-index:100;background:#ff8a0033;border:.12vh solid rgba(255,138,0,.3);border-radius:.4vh;padding:.5vh;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ff8a00;transition:all .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.open-new-window-btn[data-v-09f953d7]:hover{background:#ff8a004d;border-color:#ff8a0080;transform:scale(1.1)}.open-new-window-btn svg[data-v-09f953d7]{width:1.8vh;height:1.8vh;stroke-width:2}.chat-messages[data-v-09f953d7]::-webkit-scrollbar{width:.8vh}.chat-messages[data-v-09f953d7]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.chat-messages[data-v-09f953d7]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.chat-messages[data-v-09f953d7]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.message[data-v-09f953d7]{display:flex;gap:.5vh;align-items:flex-start;padding:.2vh .4vh;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;width:100%}.message[data-v-09f953d7] .avatar-with-frame{flex-shrink:0;margin-top:.15vh}.message[data-v-09f953d7]:hover{background:#ffffff08;border-radius:.3vh}.message-avatar[data-v-09f953d7]{width:4.5vh;height:4.5vh;border-radius:50%;object-fit:cover;border:.1vh solid rgba(255,138,0,.3);flex-shrink:0;margin-top:.15vh}.message-avatar-placeholder[data-v-09f953d7]{width:4.5vh;height:4.5vh;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ff7a00);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.78rem;flex-shrink:0;margin-top:.15vh}.message-content[data-v-09f953d7]{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;display:inline-block}.message-username[data-v-09f953d7]{font-weight:600;color:#ff8a00;font-size:.9rem;margin-right:.3vh;display:inline}.message-text[data-v-09f953d7]{color:#eaeaf2;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;display:inline}.chat-input-container[data-v-09f953d7]{padding:1vh;border-top:.12vh solid rgba(255,255,255,.1);display:flex;gap:.8vh;background:transparent;flex-shrink:0;position:relative}.input-wrapper[data-v-09f953d7]{flex:1;position:relative}.chat-input[data-v-09f953d7]{flex:1;padding:.8vh 1vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;background:#10101666;color:#eaeaf2;font-size:.9rem}.chat-input[data-v-09f953d7]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033}.chat-input[data-v-09f953d7]::placeholder{color:#eaeaf280}.send-btn[data-v-09f953d7]{padding:.8vh 1.5vh;background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff;border:none;border-radius:.6vh;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.send-btn[data-v-09f953d7]:hover:not(:disabled){transform:translateY(-.1vh);box-shadow:0 .4vh 1.2vh #ff8a0066}.send-btn[data-v-09f953d7]:disabled{opacity:.5;cursor:not-allowed}.mention-suggestions[data-v-09f953d7]{position:absolute;bottom:calc(100% + .5vh);left:0;right:0;background:linear-gradient(to bottom right,#14141cfa,#0c0c10fa);backdrop-filter:blur(1.4vh) saturate(140%);-webkit-backdrop-filter:blur(1.4vh) saturate(140%);border:.12vh solid rgba(255,138,0,.4);border-radius:.6vh;box-shadow:0 .4vh 1.2vh #00000080;max-height:20vh;overflow-y:auto;z-index:1000;margin-bottom:.5vh}.mention-suggestion[data-v-09f953d7]{padding:.8vh 1vh;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.8vh;transition:all .2s ease;border-bottom:.1vh solid rgba(255,255,255,.05)}.mention-suggestion[data-v-09f953d7]:last-child{border-bottom:none}.mention-suggestion[data-v-09f953d7]:hover,.mention-suggestion.active[data-v-09f953d7]{background:#ff8a0026;color:#ff8a00}.mention-username[data-v-09f953d7]{font-weight:600;color:#eaeaf2;font-size:.9rem}.mention-suggestion:hover .mention-username[data-v-09f953d7],.mention-suggestion.active .mention-username[data-v-09f953d7]{color:#ff8a00}.mention-role[data-v-09f953d7]{font-size:.75rem;padding:.2vh .5vh;border-radius:.3vh;background:#ff8a0033;color:#ff8a00cc;text-transform:uppercase}.mention-suggestions[data-v-09f953d7]::-webkit-scrollbar{width:.6vh}.mention-suggestions[data-v-09f953d7]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.mention-suggestions[data-v-09f953d7]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.auth-buttons-container[data-v-09f953d7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;justify-content:center;align-items:center;gap:1.5vh;pointer-events:auto}.auth-btn[data-v-09f953d7]{padding:1.5vh 3vh;border:none;border-radius:1vh;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:14vh}.login-btn[data-v-09f953d7]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.login-btn[data-v-09f953d7]:hover{transform:translateY(-.1vh);box-shadow:0 .2vh .8vh #4facfe66}.register-btn[data-v-09f953d7]{background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff}.register-btn[data-v-09f953d7]:hover{transform:translateY(-.1vh);box-shadow:0 .2vh .8vh #ff8a0066}.auth-modal-overlay[data-v-09f953d7]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeIn-09f953d7 .2s ease}@keyframes fadeIn-09f953d7{0%{opacity:0}to{opacity:1}}.auth-modal-content[data-v-09f953d7]{position:relative;width:90%;max-width:55vh;max-height:95vh;background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);backdrop-filter:blur(1.4vh) saturate(140%);-webkit-backdrop-filter:blur(1.4vh) saturate(140%);border:.2vh solid rgba(255,138,0,.3);border-radius:2.4vh;box-shadow:0 6vh 12vh #000000a6;padding:3vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-09f953d7 .3s ease}@keyframes slideUp-09f953d7{0%{transform:translateY(2vh);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal-btn[data-v-09f953d7]{position:absolute;top:1vh;right:1vh;z-index:100000;background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#eaeaf2;transition:all .2s ease}.close-modal-btn[data-v-09f953d7]:hover{background:#fff3;transform:rotate(90deg)}.close-modal-btn svg[data-v-09f953d7]{width:1.5vh;height:1.5vh}.modal-login-area[data-v-09f953d7]{width:100%;height:100%;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.midi-upload[data-v-7e4b83b3]{padding:1.5vh;height:100%;display:flex;flex-direction:column;gap:1vh}.midi-upload h3[data-v-7e4b83b3]{margin:0 0 1vh;color:#eaeaf2;font-size:1.2rem;text-align:center}.upload-zone[data-v-7e4b83b3]{border:2px dashed rgba(255,138,0,.4);border-radius:1.2vh;padding:2vh;display:flex;align-items:center;justify-content:center;min-height:120px;background:#ffffff05;transition:all .3s;cursor:pointer;flex:1}.upload-zone.drag-over[data-v-7e4b83b3]{border-color:var(--ui-accent, #ff8a00);background:#ff8a001a;transform:scale(1.02)}.upload-zone.has-file[data-v-7e4b83b3]{border-color:#ff8a0099;background:#ff8a000d}.file-input-hidden[data-v-7e4b83b3]{display:none}.upload-label[data-v-7e4b83b3]{display:flex;flex-direction:column;align-items:center;gap:1vh;cursor:pointer;color:#ffffffb3;text-align:center;font-size:1.4vh}.upload-label svg[data-v-7e4b83b3]{color:var(--ui-accent, #ff8a00);width:48px;height:48px}.file-name[data-v-7e4b83b3]{color:var(--ui-accent, #ff8a00);font-weight:600;word-break:break-word}.file-info[data-v-7e4b83b3]{padding:.5vh}.file-details[data-v-7e4b83b3]{display:flex;justify-content:space-between;align-items:center;padding:.5vh 1vh;background:#ffffff0d;border-radius:.6vh}.file-size[data-v-7e4b83b3]{color:#fff9;font-size:.9rem}.clear-btn[data-v-7e4b83b3]{background:#f003;border:none;border-radius:50%;width:2vh;height:2vh;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2vh;transition:all .2s}.clear-btn[data-v-7e4b83b3]:hover{background:#ff00004d;transform:scale(1.1)}.error-message[data-v-7e4b83b3]{padding:.8vh;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:.8vh;color:#ff6b6b;font-size:1.2vh;text-align:center}.success-message[data-v-7e4b83b3]{padding:.8vh;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:.8vh;color:#51cf66;font-size:1.2vh;text-align:center}.upload-btn[data-v-7e4b83b3]{padding:1vh 2vh;border:none;border-radius:.8vh;font-size:1.6vh;cursor:pointer;transition:all .2s;background:var(--ui-accent, #ff8a00);color:#fff;font-weight:600;width:100%}.upload-btn[data-v-7e4b83b3]:hover:not(:disabled){background:var(--ui-accent-2, #ff7a00);transform:translateY(-1px)}.upload-btn[data-v-7e4b83b3]:disabled{opacity:.5;cursor:not-allowed}.upload-dialog-overlay[data-v-4b2d2c3e]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:2vh}.upload-dialog[data-v-4b2d2c3e]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;box-shadow:0 6vh 12vh #000000a6;width:90vw;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header[data-v-4b2d2c3e]{display:flex;justify-content:space-between;align-items:center;padding:1.5vh 2vh;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.dialog-header h3[data-v-4b2d2c3e]{margin:0;color:#eaeaf2;font-size:2vh}.close-btn[data-v-4b2d2c3e]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5vh;transition:all .2s}.close-btn[data-v-4b2d2c3e]:hover{background:#ff8a004d;transform:rotate(90deg)}.dialog-content[data-v-4b2d2c3e]{flex:1;overflow-y:auto;padding:2vh;display:flex;flex-direction:column;gap:2vh}.dialog-content[data-v-4b2d2c3e]::-webkit-scrollbar{width:.6vh}.dialog-content[data-v-4b2d2c3e]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.dialog-content[data-v-4b2d2c3e]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.upload-section[data-v-4b2d2c3e]{display:flex;flex-direction:column;gap:.8vh}.section-label[data-v-4b2d2c3e]{color:#fffc;font-size:1.4vh;font-weight:600}.required[data-v-4b2d2c3e]{color:#ff6b6b}.file-input[data-v-4b2d2c3e]{display:none}.file-select-btn[data-v-4b2d2c3e]{padding:1.2vh 2vh;background:#ff8a0026;border:1px solid rgba(255,138,0,.3);border-radius:.6vh;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1.4vh;text-align:center;transition:all .2s}.file-select-btn[data-v-4b2d2c3e]:hover{background:#ff8a0040;border-color:#ff8a0080}.file-info[data-v-4b2d2c3e]{font-size:1.2vh;color:#fff9}.text-input[data-v-4b2d2c3e]{padding:1vh 1.5vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;color:#eaeaf2;font-size:1.4vh;width:100%;box-sizing:border-box}.text-input[data-v-4b2d2c3e]:focus{outline:none;border-color:#ff8a0080;background:#ffffff14}.text-input[data-v-4b2d2c3e]:disabled{opacity:.5;cursor:not-allowed}.text-input.small[data-v-4b2d2c3e]{padding:.6vh 1vh;font-size:1.2vh}.tags-container[data-v-4b2d2c3e]{display:flex;flex-direction:column;gap:1vh}.tags-list[data-v-4b2d2c3e]{display:flex;flex-wrap:wrap;gap:.5vh}.tag-btn[data-v-4b2d2c3e]{padding:.5vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5vh;color:#ffffffb3;cursor:pointer;font-size:1.2vh;transition:all .2s}.tag-btn[data-v-4b2d2c3e]:hover{background:#ff8a001a;border-color:#ff8a004d}.tag-btn.active[data-v-4b2d2c3e]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00)}.new-tag-input[data-v-4b2d2c3e]{display:flex;gap:.5vh}.add-tag-btn[data-v-4b2d2c3e]{padding:.6vh 1.2vh;background:#ff8a0033;border:1px solid rgba(255,138,0,.3);border-radius:.5vh;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1.4vh;transition:all .2s;flex-shrink:0}.add-tag-btn[data-v-4b2d2c3e]:hover:not(:disabled){background:#ff8a004d}.add-tag-btn[data-v-4b2d2c3e]:disabled{opacity:.5;cursor:not-allowed}.selected-tags[data-v-4b2d2c3e]{display:flex;flex-wrap:wrap;gap:.5vh;align-items:center;padding:.8vh;background:#ff8a000d;border-radius:.6vh}.selected-tags-label[data-v-4b2d2c3e]{font-size:1.2vh;color:#fff9;margin-right:.5vh}.selected-tag[data-v-4b2d2c3e]{display:inline-flex;align-items:center;gap:.3vh;padding:.3vh .8vh;background:#ff8a0026;border:1px solid rgba(255,138,0,.3);border-radius:.4vh;color:var(--ui-accent, #ff8a00);font-size:1.2vh}.remove-tag-btn[data-v-4b2d2c3e]{background:transparent;border:none;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1vh;padding:0;width:1.2vh;height:1.2vh;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-tag-btn[data-v-4b2d2c3e]:hover{color:#ff6b6b;transform:scale(1.2)}.copyright-info[data-v-4b2d2c3e]{padding:1vh;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.6vh}.info-header[data-v-4b2d2c3e]{display:flex;align-items:center;gap:.8vh;cursor:pointer}.info-icon[data-v-4b2d2c3e]{font-size:1.6vh;cursor:pointer;transition:transform .2s}.info-icon[data-v-4b2d2c3e]:hover{transform:scale(1.2)}.info-label[data-v-4b2d2c3e]{color:#fffc;font-size:1.3vh;font-weight:600}.info-content[data-v-4b2d2c3e]{margin-top:.8vh;padding-top:.8vh;border-top:1px solid rgba(255,255,255,.1)}.info-content p[data-v-4b2d2c3e]{margin:0;color:#ffffffb3;font-size:1.2vh;line-height:1.5}.checkbox-label[data-v-4b2d2c3e]{display:flex;align-items:flex-start;gap:.8vh;cursor:pointer;padding:1vh;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;transition:all .2s}.checkbox-label[data-v-4b2d2c3e]:hover{background:#ffffff0d;border-color:#ff8a004d}.checkbox-input[data-v-4b2d2c3e]{margin-top:.2vh;width:1.5vh;height:1.5vh;cursor:pointer;flex-shrink:0}.checkbox-text[data-v-4b2d2c3e]{color:#fffc;font-size:1.3vh;line-height:1.4;flex:1}.error-message[data-v-4b2d2c3e]{padding:1vh;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:.6vh;color:#ff6b6b;font-size:1.3vh;text-align:center}.dialog-actions[data-v-4b2d2c3e]{display:flex;justify-content:flex-end;gap:1vh;padding:1.5vh 2vh;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.btn-cancel[data-v-4b2d2c3e],.btn-upload[data-v-4b2d2c3e]{padding:1vh 2vh;border:none;border-radius:.6vh;font-size:1.4vh;cursor:pointer;transition:all .2s;font-weight:600}.btn-cancel[data-v-4b2d2c3e]{background:#ffffff1a;color:#ffffffb3}.btn-cancel[data-v-4b2d2c3e]:hover:not(:disabled){background:#fff3}.btn-upload[data-v-4b2d2c3e]{background:var(--ui-accent, #ff8a00);color:#fff}.btn-upload[data-v-4b2d2c3e]:hover:not(:disabled){background:var(--ui-accent-2, #ff7a00);transform:translateY(-1px)}.btn-cancel[data-v-4b2d2c3e]:disabled,.btn-upload[data-v-4b2d2c3e]:disabled{opacity:.5;cursor:not-allowed}.community-modal-overlay[data-v-7fc1445a]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2vh}.community-modal[data-v-7fc1445a]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;box-shadow:0 6vh 12vh #000000a6;width:90vw;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-7fc1445a]{display:flex;justify-content:space-between;align-items:center;padding:1.5vh 2vh;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header h2[data-v-7fc1445a]{margin:0;color:#eaeaf2;font-size:2.6vh}.close-btn[data-v-7fc1445a]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2vh;transition:all .2s}.close-btn[data-v-7fc1445a]:hover{background:#ff8a004d;transform:rotate(90deg)}.modal-content[data-v-7fc1445a]{display:flex;flex:1;overflow:hidden;min-height:0}.sidebar[data-v-7fc1445a]{width:250px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.1);padding:1.5vh;overflow-y:auto;display:flex;flex-direction:column;gap:2vh;flex-shrink:0}.sidebar-section[data-v-7fc1445a]{display:flex;flex-direction:column;gap:.8vh}.sidebar-label[data-v-7fc1445a]{color:#ffffffb3;font-size:1.7vh;font-weight:600;margin-bottom:.5vh}.upload-song-btn[data-v-7fc1445a],.record-song-btn[data-v-7fc1445a]{width:100%;padding:1.2vh;border-radius:.8vh;cursor:pointer;font-size:1.8vh;font-weight:600;transition:all .2s;border:1px solid;margin-bottom:.8vh}.upload-song-btn[data-v-7fc1445a]{background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border-color:#ff8a0066;color:var(--ui-accent, #ff8a00)}.upload-song-btn[data-v-7fc1445a]:hover{background:linear-gradient(135deg,#ff8a004d,#ff7a0040);transform:translateY(-1px)}.record-song-btn[data-v-7fc1445a]{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f666;color:#60a5fa}.record-song-btn[data-v-7fc1445a]:hover{background:linear-gradient(135deg,#3b82f64d,#2563eb40);transform:translateY(-1px)}.sort-options[data-v-7fc1445a]{display:flex;flex-direction:column;gap:.5vh}.sort-btn[data-v-7fc1445a]{padding:.8vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;color:#ffffffb3;cursor:pointer;font-size:1.6vh;text-align:left;transition:all .2s}.sort-btn[data-v-7fc1445a]:hover{background:#ff8a001a;border-color:#ff8a004d}.sort-btn.active[data-v-7fc1445a]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00)}.tag-filters[data-v-7fc1445a]{display:flex;flex-wrap:wrap;gap:.5vh}.tag-btn[data-v-7fc1445a]{padding:.5vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5vh;color:#ffffffb3;cursor:pointer;font-size:1.5vh;transition:all .2s}.tag-btn[data-v-7fc1445a]:hover{background:#ff8a001a;border-color:#ff8a004d}.tag-btn.active[data-v-7fc1445a]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00)}.no-tags[data-v-7fc1445a]{color:#fff6;font-size:1.5vh;font-style:italic}.difficulty-filters[data-v-7fc1445a]{display:flex;flex-direction:column;gap:.5vh}.difficulty-btn[data-v-7fc1445a]{padding:.8vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;color:#ffffffb3;cursor:pointer;font-size:1.6vh;text-align:left;transition:all .2s}.difficulty-btn[data-v-7fc1445a]:hover{background:#ff8a001a;border-color:#ff8a004d}.difficulty-btn.active[data-v-7fc1445a]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00)}.main-content[data-v-7fc1445a]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.search-bar[data-v-7fc1445a]{display:flex;align-items:center;gap:1vh;padding:1.5vh;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.search-input[data-v-7fc1445a]{flex:1;padding:1vh 1.5vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;color:#eaeaf2;font-size:1.7vh}.search-input[data-v-7fc1445a]:focus{outline:none;border-color:#ff8a0080;background:#ffffff14}.clear-search-btn[data-v-7fc1445a],.search-icon[data-v-7fc1445a]{color:#fff9;font-size:2vh;cursor:pointer}.clear-search-btn[data-v-7fc1445a]:hover{color:#ff6b6b}.table-header[data-v-7fc1445a]{display:grid;grid-template-columns:80px 200px 1fr 200px 180px;gap:1vh;padding:1vh 1.5vh;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:1.7vh;color:#fffc;flex-shrink:0}.table-body[data-v-7fc1445a]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.table-row[data-v-7fc1445a]{display:grid;grid-template-columns:80px 200px 1fr 200px 180px;gap:1vh;padding:1.2vh 1.5vh;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;transition:all .2s}.table-row[data-v-7fc1445a]:hover{background:#ff8a000d}.col-play[data-v-7fc1445a]{display:flex;align-items:center;justify-content:center}.play-midi-btn[data-v-7fc1445a]{padding:.8vh 1.2vh;background:linear-gradient(135deg,#0f03,#00c80026);border:1px solid rgba(0,255,0,.4);border-radius:.6vh;color:#51cf66;cursor:pointer;font-size:1.8vh;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:5vh;min-height:4vh}.play-midi-btn[data-v-7fc1445a]:hover{background:linear-gradient(135deg,#00ff004d,#00c80040);border-color:#0f09;transform:translateY(-1px);box-shadow:0 .3vh .8vh #00ff004d}.col-author[data-v-7fc1445a]{display:flex;align-items:center}.author-info[data-v-7fc1445a]{display:flex;align-items:center;gap:1.5vh}.author-name[data-v-7fc1445a]{color:#eaeaf2;font-size:2.2vh}.col-song[data-v-7fc1445a]{display:flex;align-items:center}.song-name[data-v-7fc1445a]{color:#eaeaf2;font-size:2.2vh;font-weight:500;word-break:break-word}.col-tags[data-v-7fc1445a]{display:flex;flex-wrap:wrap;gap:.5vh;align-items:center}.tag[data-v-7fc1445a]{padding:.3vh .8vh;background:#ff8a0026;border:1px solid rgba(255,138,0,.3);border-radius:.4vh;color:var(--ui-accent, #ff8a00);font-size:1.5vh}.no-tag[data-v-7fc1445a]{color:#ffffff4d;font-size:1.5vh;font-style:italic}.col-actions[data-v-7fc1445a]{display:flex;align-items:center;gap:.5vh}.action-btn[data-v-7fc1445a]{padding:.6vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5vh;color:#ffffffb3;cursor:pointer;font-size:1.6vh;transition:all .2s;display:flex;align-items:center;gap:.3vh}.action-btn[data-v-7fc1445a]:hover{background:#ff8a001a;border-color:#ff8a004d}.upvote-btn.active[data-v-7fc1445a]{background:#00ff0026;border-color:#00ff004d;color:#51cf66}.menu-container[data-v-7fc1445a]{position:relative}.menu-dropdown[data-v-7fc1445a]{position:absolute;top:100%;right:0;margin-top:.5vh;background:#14141cf2;border:1px solid rgba(255,138,0,.3);border-radius:.6vh;padding:.5vh 0;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.menu-container:hover .menu-dropdown[data-v-7fc1445a]{opacity:1;visibility:visible;transform:translateY(0)}.menu-item[data-v-7fc1445a]{width:100%;padding:.8vh 1.2vh;background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:1.6vh;text-align:left;transition:all .2s}.menu-item[data-v-7fc1445a]:hover{background:#ff8a001a;color:var(--ui-accent, #ff8a00)}.menu-item.delete[data-v-7fc1445a]:hover{background:#ff00001a;color:#ff6b6b}.loading-state[data-v-7fc1445a],.error-state[data-v-7fc1445a],.empty-state[data-v-7fc1445a]{padding:4vh 2vh;text-align:center;color:#fff9;font-size:1.8vh;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.retry-btn[data-v-7fc1445a]{padding:.8vh 1.5vh;background:#ff8a0033;border:1px solid rgba(255,138,0,.3);border-radius:.6vh;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1.6vh}.retry-btn[data-v-7fc1445a]:hover{background:#ff8a004d}.community-hub[data-v-d40288fc]{padding:1.5vh;height:100%;display:flex;flex-direction:column;gap:1vh;overflow:hidden}.community-hub h3[data-v-d40288fc]{margin:0 0 1vh;color:#eaeaf2;font-size:1.2rem;text-align:center;flex-shrink:0}.hub-content[data-v-d40288fc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:2vh}.hub-description[data-v-d40288fc]{color:#ffffffb3;font-size:1.3vh;text-align:center;line-height:1.6;max-width:400px}.open-modal-btn[data-v-d40288fc]{padding:1.5vh 3vh;background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border:2px solid rgba(255,138,0,.4);border-radius:.8vh;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1.6vh;font-weight:600;transition:all .3s;text-transform:uppercase;letter-spacing:.1em}.open-modal-btn[data-v-d40288fc]:hover{background:linear-gradient(135deg,#ff8a004d,#ff7a0040);border-color:#ff8a0099;transform:translateY(-2px);box-shadow:0 .5vh 1.5vh #ff8a004d}.how-to-use[data-v-e8b3f71e]{padding:1.5vh;height:100%;display:flex;flex-direction:column;gap:1vh;overflow:hidden}.how-to-use h3[data-v-e8b3f71e]{margin:0 0 1vh;color:#eaeaf2;font-size:1.2rem;text-align:center;flex-shrink:0}.section-tabs[data-v-e8b3f71e]{display:grid;grid-template-columns:repeat(2,1fr);gap:.6vh;flex-shrink:0}.tab-btn[data-v-e8b3f71e]{display:flex;flex-direction:column;align-items:center;gap:.4vh;padding:.8vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.6vh;cursor:pointer;transition:all .2s;color:#ffffffb3}.tab-btn[data-v-e8b3f71e]:hover{background:#ff8a001a;border-color:#ff8a004d;transform:translateY(-1px)}.tab-btn.active[data-v-e8b3f71e]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00);box-shadow:0 0 .5vh #ff8a004d}.tab-icon[data-v-e8b3f71e]{font-size:2vh}.tab-title[data-v-e8b3f71e]{font-size:1.1vh;text-align:center;word-break:break-word}.content-area[data-v-e8b3f71e]{flex:1;overflow-y:auto;padding:1vh;background:#ffffff08;border-radius:.8vh;border:1px solid rgba(255,255,255,.05)}.content-area[data-v-e8b3f71e]::-webkit-scrollbar{width:.6vh}.content-area[data-v-e8b3f71e]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.content-area[data-v-e8b3f71e]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.content-area[data-v-e8b3f71e]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.section-content[data-v-e8b3f71e]{display:flex;flex-direction:column;gap:1.2vh}.section-title[data-v-e8b3f71e]{display:flex;align-items:center;gap:.8vh;margin:0;color:var(--ui-accent, #ff8a00);font-size:1.4vh;font-weight:600}.section-icon[data-v-e8b3f71e]{font-size:1.8vh}.instructions-list[data-v-e8b3f71e]{margin:0;padding-left:2vh;list-style:none;display:flex;flex-direction:column;gap:.8vh}.instructions-list li[data-v-e8b3f71e]{color:#fffc;font-size:1.3vh;line-height:1.5;position:relative;padding-left:1.5vh}.instructions-list li[data-v-e8b3f71e]:before{content:"▸";position:absolute;left:0;color:var(--ui-accent, #ff8a00);font-size:1.2vh}.practice-selection[data-v-5c346531]{padding:1.5vh;height:100%;display:flex;flex-direction:column;gap:1vh;overflow:hidden}.practice-selection h3[data-v-5c346531]{margin:0 0 1vh;color:#eaeaf2;font-size:1.2rem;text-align:center;flex-shrink:0}.filters[data-v-5c346531]{flex-shrink:0;padding:.8vh;background:#ffffff08;border-radius:.8vh;border:1px solid rgba(255,255,255,.05)}.filter-group[data-v-5c346531]{display:flex;flex-direction:column;gap:.6vh}.filter-label[data-v-5c346531]{color:#ffffffb3;font-size:1.2vh;font-weight:600}.filter-buttons[data-v-5c346531]{display:flex;gap:.5vh;flex-wrap:wrap}.filter-btn[data-v-5c346531]{display:flex;align-items:center;gap:.4vh;padding:.5vh 1vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5vh;cursor:pointer;transition:all .2s;color:#ffffffb3;font-size:1.1vh}.filter-btn[data-v-5c346531]:hover{background:#ff8a001a;border-color:#ff8a004d}.filter-btn.active[data-v-5c346531]{background:#ff8a0026;border-color:#ff8a0080;color:var(--ui-accent, #ff8a00)}.filter-icon[data-v-5c346531]{font-size:1.3vh}.filter-text[data-v-5c346531]{white-space:nowrap}.loading[data-v-5c346531]{padding:2vh;text-align:center;color:#fff9;flex:1;display:flex;align-items:center;justify-content:center}.error-message[data-v-5c346531]{padding:1vh;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:.8vh;color:#ff6b6b;font-size:1.2vh;text-align:center;flex-shrink:0}.retry-btn[data-v-5c346531]{margin-top:.5vh;padding:.5vh 1vh;background:#ff8a0033;border:1px solid rgba(255,138,0,.3);border-radius:.6vh;color:var(--ui-accent, #ff8a00);cursor:pointer;font-size:1.2vh}.retry-btn[data-v-5c346531]:hover{background:#ff8a004d}.midi-list[data-v-5c346531]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.8vh;padding-right:.5vh}.midi-list[data-v-5c346531]::-webkit-scrollbar{width:.6vh}.midi-list[data-v-5c346531]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.midi-list[data-v-5c346531]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.midi-list[data-v-5c346531]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.midi-item[data-v-5c346531]{padding:1vh 1.2vh;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.8vh;cursor:pointer;transition:all .2s}.midi-item[data-v-5c346531]:hover{background:#ff8a001a;border-color:#ff8a004d;transform:translate(2px)}.midi-item.selected[data-v-5c346531]{background:#ff8a0026;border-color:#ff8a0080;box-shadow:0 0 .5vh #ff8a004d}.midi-info[data-v-5c346531]{display:flex;flex-direction:column;gap:.4vh}.midi-name[data-v-5c346531]{color:#eaeaf2;font-weight:600;font-size:1.3vh;word-break:break-word}.midi-meta[data-v-5c346531]{display:flex;flex-wrap:wrap;gap:.8vh;font-size:1.1vh;color:#fff9}.midi-meta span[data-v-5c346531]{white-space:nowrap}.difficulty.beginner[data-v-5c346531]{color:#51cf66}.difficulty.intermediate[data-v-5c346531]{color:#ffd43b}.difficulty.advanced[data-v-5c346531]{color:#ff6b6b}.midi-description[data-v-5c346531]{color:#ffffff80;font-size:1.1vh;font-style:italic;margin-top:.2vh}.empty-state[data-v-5c346531]{padding:3vh 2vh;text-align:center;color:#ffffff80;font-size:1.3vh;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.start-btn[data-v-5c346531]{padding:1vh 2vh;border:none;border-radius:.8vh;font-size:1.6vh;cursor:pointer;transition:all .2s;background:var(--ui-accent, #ff8a00);color:#fff;font-weight:600;width:100%;flex-shrink:0}.start-btn[data-v-5c346531]:hover:not(:disabled){background:var(--ui-accent-2, #ff7a00);transform:translateY(-1px)}.start-btn[data-v-5c346531]:disabled{opacity:.5;cursor:not-allowed}.start-song-or-record[data-v-b0260d2e]{padding:1.5vh;height:100%;display:flex;flex-direction:column;gap:1.5vh;justify-content:center}.start-song-or-record h3[data-v-b0260d2e]{margin:0 0 1vh;color:#eaeaf2;font-size:1.2rem;text-align:center;flex-shrink:0}.action-buttons[data-v-b0260d2e]{display:flex;flex-direction:column;gap:1.2vh;flex:1;justify-content:center}.action-btn[data-v-b0260d2e]{display:flex;flex-direction:column;align-items:center;gap:.8vh;padding:2vh;border:2px solid;border-radius:1.2vh;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#ff8a0026,#ff7a001a);min-height:120px;justify-content:center}.start-btn[data-v-b0260d2e]{border-color:#0f06;color:#51cf66}.start-btn[data-v-b0260d2e]:hover:not(:disabled){background:linear-gradient(135deg,#0f03,#00c80026);border-color:#0f09;transform:translateY(-2px);box-shadow:0 .5vh 1.5vh #00ff004d}.record-btn[data-v-b0260d2e]{border-color:#f006;color:#ff6b6b}.record-btn[data-v-b0260d2e]:hover:not(:disabled){background:linear-gradient(135deg,#f003,#c8000026);border-color:#f009;transform:translateY(-2px);box-shadow:0 .5vh 1.5vh #ff00004d}.error-message[data-v-b0260d2e]{padding:1vh;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:.8vh;color:#ff6b6b;font-size:1.3vh;text-align:center;flex-shrink:0}.action-btn[data-v-b0260d2e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon[data-v-b0260d2e]{font-size:4vh}.btn-text[data-v-b0260d2e]{font-size:1.8vh;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.btn-desc[data-v-b0260d2e]{font-size:1.2vh;color:#ffffffb3;text-align:center;font-weight:400;text-transform:none;letter-spacing:normal}.info-section[data-v-b0260d2e]{display:flex;flex-direction:column;gap:.8vh;padding:1vh;background:#ffffff08;border-radius:.8vh;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.info-item[data-v-b0260d2e]{display:flex;align-items:flex-start;gap:.8vh;font-size:1.2vh;color:#fff9}.info-icon[data-v-b0260d2e]{font-size:1.6vh;flex-shrink:0}.info-text[data-v-b0260d2e]{line-height:1.4}.cell[data-v-7ece7a04]{background:linear-gradient(180deg,#101016a8,#0a0a0e61);color:#eaeaf2;border:.12vh solid rgba(255,255,255,.06);border-radius:var(--cell-radius, 2.4vh);box-shadow:inset 0 .25vh .6vh #ffffff0f,inset 0 0 0 .12vh #ffffff08;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;backdrop-filter:blur(.6vh) saturate(120%);-webkit-backdrop-filter:blur(.6vh) saturate(120%);min-height:0;max-height:100%;min-width:0;max-width:100%;box-sizing:border-box;width:100%}.cell[data-v-7ece7a04]>*{width:100%;max-width:100%;min-width:0;flex:1 1 auto;overflow:visible;box-sizing:border-box;padding:0}.cell.dz-6[data-v-7ece7a04]{background:linear-gradient(180deg,#10101699,#0a0a0e5c);border-color:#ffffff0f}.cell-content[data-v-7ece7a04]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#eaeaf2;font-size:1.1rem;overflow:hidden;min-height:0;padding:0}.verify-email[data-v-023a43a7]{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.verify-container[data-v-023a43a7]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;width:100%;text-align:center}.verify-container h2[data-v-023a43a7]{margin:0 0 2rem;color:#2c3e50;font-size:1.8rem}.loading[data-v-023a43a7]{padding:2rem}.loading p[data-v-023a43a7]{color:#666;font-size:1.1rem}.result[data-v-023a43a7]{padding:1rem 0}.success-message[data-v-023a43a7],.error-message[data-v-023a43a7]{display:flex;flex-direction:column;align-items:center;gap:1rem}.success-message svg[data-v-023a43a7],.error-message svg[data-v-023a43a7]{margin-bottom:.5rem}.success-message p[data-v-023a43a7]{color:#4caf50;font-size:1.1rem;font-weight:500;margin:0}.error-message p[data-v-023a43a7]{color:#f44336;font-size:1.1rem;font-weight:500;margin:0}.login-link[data-v-023a43a7],.home-link[data-v-023a43a7]{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:#00bd7e;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background-color .3s}.login-link[data-v-023a43a7]:hover,.home-link[data-v-023a43a7]:hover{background-color:#096}.home-link[data-v-023a43a7]{background-color:#666}.home-link[data-v-023a43a7]:hover{background-color:#555}.announcements-container[data-v-eb1637ab]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0;min-width:0;max-width:100%}.announcements-list[data-v-eb1637ab]{flex:1;overflow-y:auto;overflow-x:hidden;padding:.3vh;min-height:0;min-width:0;display:flex;flex-direction:column;gap:.6vh;scrollbar-width:thin;scrollbar-color:rgba(255,138,0,.4) rgba(255,255,255,.05)}.announcements-list[data-v-eb1637ab]::-webkit-scrollbar{width:.8vh}.announcements-list[data-v-eb1637ab]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.announcements-list[data-v-eb1637ab]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.announcements-list[data-v-eb1637ab]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.announcement-item[data-v-eb1637ab]{padding:.2vh .9vh;background:linear-gradient(180deg,#101016cc,#0a0a0e99);border:.12vh solid rgba(255,255,255,.1);border-radius:.8vh;transition:all .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.announcement-item.announcement-clickable[data-v-eb1637ab]{cursor:pointer}.announcement-item.announcement-clickable[data-v-eb1637ab]:hover{background:linear-gradient(180deg,#14141ce6,#0e0e12b3);border-color:#ff8a004d;transform:translate(.2vh)}.announcement-item[data-v-eb1637ab]:hover{background:linear-gradient(180deg,#ff8a0026,#ff7a001a);border-color:#ff88007e;transform:translateY(-2px);box-shadow:0 .4vh 1vh #ff8a0033}.announcement-item.announcement-important[data-v-eb1637ab]{border-color:#00ff777e;background:linear-gradient(180deg,#ff8a001a,#ff7a000d)}.announcement-header[data-v-eb1637ab]{display:flex;align-items:center;gap:.6vh;margin:0;padding:.05vh 0;position:relative;flex-wrap:wrap;min-width:0}.announcement-header.header-center[data-v-eb1637ab]{justify-content:center}.announcement-item.announcement-center[data-v-eb1637ab]{text-align:center}.announcement-item.announcement-center .announcement-header[data-v-eb1637ab]{justify-content:center}.announcement-item.announcement-center .announcement-content[data-v-eb1637ab],.announcement-content.content-center[data-v-eb1637ab]{justify-content:center;text-align:center}.announcement-item.announcement-center .announcement-title[data-v-eb1637ab],.announcement-item.announcement-center .announcement-text[data-v-eb1637ab]{text-align:center}.announcement-item.announcement-center .announcement-actions[data-v-eb1637ab]{position:absolute;right:0;top:0}.announcement-icon[data-v-eb1637ab]{font-size:1.3rem;flex-shrink:0}.announcement-image-icon[data-v-eb1637ab]{height:2rem;width:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.2vh;vertical-align:middle}.announcement-image-icon img[data-v-eb1637ab]{height:1.5rem;width:auto;object-fit:contain;display:block}.announcement-title[data-v-eb1637ab]{font-weight:600;color:#ff8a00;font-size:.95rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0;flex:0 1 auto}.announcement-badge[data-v-eb1637ab]{background:linear-gradient(135deg,#00ff73,#00ff95);color:#fff;padding:.2vh .3vh;border-radius:.4vh;font-size:.7rem;font-weight:600;white-space:nowrap}.announcements-empty[data-v-eb1637ab]{display:flex;align-items:center;justify-content:center;height:100%;color:#eaeaf280;font-size:.9rem}.announcements-empty p[data-v-eb1637ab]{margin:0}.announcement-link[data-v-eb1637ab]{margin-top:.5vh}.link-button[data-v-eb1637ab]{display:inline-flex;align-items:center;gap:.5vh;padding:.5vh 1vh;background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border:.12vh solid rgba(255,138,0,.3);border-radius:.5vh;color:#ff8a00;text-decoration:none;font-size:.85rem;transition:all .3s ease;word-break:break-all}.link-button[data-v-eb1637ab]:hover{background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080;transform:translateY(-1px)}.link-icon[data-v-eb1637ab]{font-size:.9rem;flex-shrink:0}.announcement-actions[data-v-eb1637ab]{display:flex;gap:.3vh;margin-left:auto;opacity:0;transition:opacity .2s ease}.announcement-item:hover .announcement-actions[data-v-eb1637ab]{opacity:1}.action-btn[data-v-eb1637ab]{background:transparent;border:none;font-size:1rem;cursor:pointer;padding:.2vh;border-radius:.3vh;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2vh;height:2vh}.announcement-content[data-v-eb1637ab]{display:flex;gap:.8vh;align-items:center;margin-top:.8vh;padding-top:.8vh;border-top:.1vh solid rgba(255,255,255,.1);flex-wrap:nowrap;width:100%}.announcement-text[data-v-eb1637ab]{flex:0 1 auto;color:#eaeaf2;font-size:.85rem;line-height:1.5;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:fit-content}.announcement-text.text-first[data-v-eb1637ab]{flex:0 0 auto;max-width:none}.announcement-image[data-v-eb1637ab]{flex:0 0 auto;display:flex;align-items:center;margin-left:0}.announcement-image.image-first[data-v-eb1637ab]{margin-right:0}.announcement-image img[data-v-eb1637ab]{width:auto;max-width:150px;height:auto;max-height:120px;object-fit:contain;border-radius:.4vh;border:.1vh solid rgba(255,255,255,.1);display:block}.edit-btn[data-v-eb1637ab]:hover{background:#ff8a0033;transform:scale(1.1)}.delete-btn[data-v-eb1637ab]:hover{background:#dc354533;transform:scale(1.1)}.announcement-editor[data-v-af4198c1]{background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;padding:2vh;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 .4vh 1.2vh #00000080}.editor-header[data-v-af4198c1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;padding-bottom:1vh;border-bottom:.12vh solid rgba(255,255,255,.1)}.editor-header h3[data-v-af4198c1]{margin:0;color:#eaeaf2;font-size:1.2rem}.close-btn[data-v-af4198c1]{background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease}.close-btn[data-v-af4198c1]:hover{background:#ff8a004d;transform:rotate(90deg)}.editor-content[data-v-af4198c1]{display:flex;flex-direction:column;gap:1.5vh}.quick-actions[data-v-af4198c1]{display:flex;gap:.8vh;flex-wrap:wrap;padding:1vh;background:#1010164d;border-radius:.8vh}.quick-btn[data-v-af4198c1]{padding:.8vh 1.5vh;background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border:.12vh solid rgba(255,138,0,.3);border-radius:.6vh;color:#ff8a00;font-size:.85rem;cursor:pointer;transition:all .3s ease}.quick-btn[data-v-af4198c1]:hover:not(:disabled){background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080;transform:translateY(-1px)}.quick-btn[data-v-af4198c1]:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-container[data-v-af4198c1]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;background:linear-gradient(to bottom right,#14141cfa,#0c0c10fa);border:.2vh solid rgba(255,138,0,.4);border-radius:1.2vh;box-shadow:0 .8vh 2.4vh #000000b3;min-width:400px;max-width:600px;animation:slideUp-af4198c1 .3s ease}.emoji-picker-header[data-v-af4198c1]{display:flex;justify-content:space-between;align-items:center;padding:1.5vh 2vh;border-bottom:.12vh solid rgba(255,255,255,.1)}.emoji-picker-header h4[data-v-af4198c1]{margin:0;color:#eaeaf2;font-size:1.1rem}.close-emoji-btn[data-v-af4198c1]{background:#ffffff1a;border:none;border-radius:50%;width:2.5vh;height:2.5vh;color:#eaeaf2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.close-emoji-btn[data-v-af4198c1]:hover{background:#ff8a004d;transform:rotate(90deg)}.emoji-picker-dropdown[data-v-af4198c1]{background:#101016cc;border-radius:0 0 1vh 1vh;padding:1.5vh;max-height:40vh;overflow-y:auto}.emoji-grid[data-v-af4198c1]{display:grid;grid-template-columns:repeat(10,1fr);gap:.5vh}.emoji-option[data-v-af4198c1]{font-size:1.5rem;cursor:pointer;padding:.5vh;border-radius:.4vh;transition:all .2s ease;text-align:center;-webkit-user-select:none;user-select:none}.emoji-option[data-v-af4198c1]:hover{background:#ff8a0033;transform:scale(1.2)}.form-group[data-v-af4198c1]{display:flex;flex-direction:column;gap:.5vh}.form-group label[data-v-af4198c1]{color:#eaeaf2;font-size:.9rem;font-weight:500}.form-input[data-v-af4198c1]{padding:.8vh 1vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;background:#10101666;color:#eaeaf2;font-size:.9rem;transition:all .3s ease}.form-input[data-v-af4198c1]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033}.alignment-buttons[data-v-af4198c1]{display:flex;gap:.8vh}.align-btn[data-v-af4198c1]{flex:1;padding:.8vh 1.5vh;background:#10101666;border:.12vh solid rgba(255,255,255,.15);border-radius:.6vh;color:#eaeaf2;font-size:.9rem;cursor:pointer;transition:all .3s ease}.align-btn[data-v-af4198c1]:hover{background:#ff8a001a;border-color:#ff8a004d}.align-btn.active[data-v-af4198c1]{background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080;color:#ff8a00}.elements-list[data-v-af4198c1]{display:flex;flex-direction:column;gap:.8vh;padding:1vh;background:#1010164d;border-radius:.8vh;min-height:10vh;max-height:30vh;overflow-y:auto}.element-item[data-v-af4198c1]{display:flex;align-items:center;gap:1vh;padding:.8vh 1vh;background:#ffffff0d;border:.12vh solid rgba(255,255,255,.1);border-radius:.6vh;cursor:move;transition:all .2s ease}.element-item[data-v-af4198c1]:hover{background:#ff8a001a;border-color:#ff8a004d}.element-item.dragging[data-v-af4198c1]{opacity:.5}.drag-handle[data-v-af4198c1]{font-size:1.2rem;color:#eaeaf280;cursor:grab}.drag-handle[data-v-af4198c1]:active{cursor:grabbing}.element-content[data-v-af4198c1]{flex:1;display:flex;align-items:center;gap:.8vh}.element-icon[data-v-af4198c1]{font-size:1.2rem;flex-shrink:0}.element-input[data-v-af4198c1]{flex:1;padding:.6vh .8vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.4vh;background:#10101666;color:#eaeaf2;font-size:.9rem;transition:all .3s ease}.element-input[data-v-af4198c1]:focus{outline:none;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0033}.file-input-hidden[data-v-af4198c1]{display:none}.element-upload-label[data-v-af4198c1]{flex:1;display:flex;align-items:center;gap:.8vh;padding:.6vh .8vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.4vh;background:#10101666;color:#eaeaf2;font-size:.9rem;cursor:pointer;transition:all .3s ease}.element-upload-label[data-v-af4198c1]:hover{background:#ff8a001a;border-color:#ff8a004d}.image-preview-inline[data-v-af4198c1]{display:flex;align-items:center;gap:.8vh}.image-preview-inline img[data-v-af4198c1]{width:2rem;height:2rem;object-fit:contain;border-radius:.3vh}.element-emoji-btn[data-v-af4198c1]{flex:1;padding:.6vh .8vh;border:.12vh solid rgba(255,255,255,.15);border-radius:.4vh;background:#10101666;color:#eaeaf2;font-size:1.2rem;cursor:pointer;transition:all .3s ease;text-align:center}.element-emoji-btn[data-v-af4198c1]:hover{background:#ff8a001a;border-color:#ff8a004d}.remove-element-btn[data-v-af4198c1]{background:#dc354533;border:none;border-radius:.3vh;color:#dc3545;font-size:.9rem;width:2.5vh;height:2.5vh;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-element-btn[data-v-af4198c1]:hover{background:#dc354566;transform:scale(1.1)}.empty-elements[data-v-af4198c1]{text-align:center;color:#eaeaf280;font-size:.85rem;padding:2vh}.image-upload-area[data-v-af4198c1]{display:flex;flex-direction:column;gap:1vh}.file-input[data-v-af4198c1]{display:none}.upload-label[data-v-af4198c1]{padding:1vh 1.5vh;background:linear-gradient(135deg,#ff8a0033,#ff7a0026);border:.12vh solid rgba(255,138,0,.3);border-radius:.6vh;color:#ff8a00;cursor:pointer;text-align:center;font-size:.9rem;transition:all .3s ease}.upload-label[data-v-af4198c1]:hover{background:linear-gradient(135deg,#ff8a004d,#ff7a0033);border-color:#ff8a0080}.upload-progress[data-v-af4198c1]{padding:.8vh;text-align:center;color:#eaeaf2b3;font-size:.85rem}.image-preview-small[data-v-af4198c1]{position:relative;width:100%;max-width:200px;margin:0 auto}.image-preview-small img[data-v-af4198c1]{width:100%;height:auto;border-radius:.6vh;border:.12vh solid rgba(255,255,255,.1)}.remove-image-btn[data-v-af4198c1]{position:absolute;top:.5vh;right:.5vh;background:#dc3545cc;border:none;border-radius:50%;width:2.5vh;height:2.5vh;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.remove-image-btn[data-v-af4198c1]:hover{background:#dc3545;transform:scale(1.1)}.link-inputs[data-v-af4198c1]{display:flex;flex-direction:column;gap:.8vh}.checkbox-group[data-v-af4198c1]{flex-direction:row;align-items:center}.checkbox-label[data-v-af4198c1]{display:flex;align-items:center;gap:.8vh;cursor:pointer}.checkbox-input[data-v-af4198c1]{width:1.5vh;height:1.5vh;cursor:pointer}.form-actions[data-v-af4198c1]{display:flex;gap:1vh;margin-top:1vh;justify-content:flex-end}.btn[data-v-af4198c1]{padding:1vh 2vh;border:none;border-radius:.6vh;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-af4198c1]{background:#ffffff1a;color:#eaeaf2}.btn-cancel[data-v-af4198c1]:hover{background:#fff3}.btn-submit[data-v-af4198c1]{background:linear-gradient(135deg,#ff8a00,#ff7a00);color:#fff}.btn-submit[data-v-af4198c1]:hover:not(:disabled){transform:translateY(-.1vh);box-shadow:0 .4vh 1.2vh #ff8a0066}.btn-submit[data-v-af4198c1]:disabled{opacity:.5;cursor:not-allowed}.announcement-editor[data-v-af4198c1]::-webkit-scrollbar{width:.8vh}.announcement-editor[data-v-af4198c1]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.announcement-editor[data-v-af4198c1]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}.announcement-editor[data-v-af4198c1]::-webkit-scrollbar-thumb:hover{background:#ff8a0099}.elements-list[data-v-af4198c1]::-webkit-scrollbar{width:.6vh}.elements-list[data-v-af4198c1]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:.3vh}.elements-list[data-v-af4198c1]::-webkit-scrollbar-thumb{background:#ff8a0066;border-radius:.3vh}@keyframes slideUp-af4198c1{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.play-btn[data-v-7a286e9c]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;color:#fff;padding:.8vh 1.5vh;font-size:1.4vh;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.play-btn[data-v-7a286e9c]:hover{background:#fff3}.play-btn[data-v-7a286e9c]:disabled{opacity:.5;cursor:not-allowed}.stop-btn[data-v-328b60a4]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;color:#fff;padding:.8vh 1.5vh;font-size:1.4vh;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.stop-btn[data-v-328b60a4]:hover{background:#fff3}.stop-btn[data-v-328b60a4]:disabled{opacity:.5;cursor:not-allowed}.editor-btn[data-v-bbf75e13]{position:relative;z-index:1001;background:linear-gradient(45deg,#636e72,#2d3436);color:#fff;border:none;padding:12px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.editor-btn[data-v-bbf75e13]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.save-btn[data-v-89652140]{position:relative;z-index:1001;background:linear-gradient(45deg,#00b894,#00a085);color:#fff;border:2px solid #00d4aa;padding:12px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 12px #00b99480;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.save-btn[data-v-89652140]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00b99499}.settings-dropdown[data-v-c7fcc3a5]{position:relative}.settings-button[data-v-c7fcc3a5]{width:4vh;height:4vh;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.8vh;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-button[data-v-c7fcc3a5]:hover{background:#fff3;transform:scale(1.1)}.settings-dropdown-menu[data-v-c7fcc3a5]{display:none;position:absolute;top:100%;right:0;margin-top:.5vh;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;padding:.5vh;min-width:15vh;z-index:1002}.settings-dropdown-menu.is-open[data-v-c7fcc3a5],.settings-dropdown:hover .settings-dropdown-menu[data-v-c7fcc3a5]{display:block}.settings-option[data-v-c7fcc3a5]{padding:1vh 1.5vh;color:#fff;cursor:pointer;border-radius:.5vh;transition:background .2s ease}.settings-option[data-v-c7fcc3a5]:hover{background:#ffffff1a}.speed-multiplier-dropdown[data-v-988d4450]{position:relative}.speed-multiplier-button[data-v-988d4450]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;color:#fff;padding:.8vh 1.5vh;font-size:1.4vh;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.speed-multiplier-button[data-v-988d4450]:hover{background:#fff3}.speed-dropdown-menu[data-v-988d4450]{display:none;position:absolute;top:100%;right:0;margin-top:.5vh;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;padding:.5vh;min-width:10vh;z-index:1002}.speed-dropdown-menu.is-open[data-v-988d4450],.speed-multiplier-dropdown:hover .speed-dropdown-menu[data-v-988d4450]{display:block}.speed-option[data-v-988d4450]{padding:1vh 1.5vh;color:#fff;cursor:pointer;border-radius:.5vh;transition:background .2s ease}.speed-option[data-v-988d4450]:hover{background:#ffffff1a}.speed-option.active[data-v-988d4450]{background:#ff8a004d;color:#ff8a00}.piano-header[data-v-10cc9b37]{position:fixed;top:0;left:0;width:100%;height:12vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2vh;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:all .3s ease}.piano-header[data-v-10cc9b37]:hover{background:#000000e6;border-bottom:1px solid rgba(255,255,255,.2)}.piano-header-left[data-v-10cc9b37],.piano-header-right[data-v-10cc9b37]{display:flex;align-items:center;gap:1vh}.piano-keys-container[data-v-d156f4de]{position:fixed;width:100%;height:100%;bottom:-75.5vh;background:transparent;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.piano-key[data-v-d156f4de]{position:absolute;border:none;outline:none;cursor:pointer;transition:all .1s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none}.piano-key.white[data-v-d156f4de]{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000001a;color:#495057;font-weight:600;font-size:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;height:var(--white-key-height, 16.5vh);z-index:1}.piano-key.white.pressed[data-v-d156f4de]{transform:translateY(2px);box-shadow:0 1px 4px #0003;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd}.piano-key.black[data-v-d156f4de]{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #1a252f;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-weight:600;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;height:var(--black-key-height, 11.5vh);z-index:2;line-height:1}.piano-key.black.pressed[data-v-d156f4de]{transform:translateY(2px);box-shadow:0 1px 4px #0003;background:linear-gradient(135deg,#1a252f,#2c3e50);border-color:#0f1419}.piano-key.black .note-letter[data-v-d156f4de]{font-size:10px;font-weight:600;margin-bottom:1px}.piano-key.black .note-sharp[data-v-d156f4de]{font-size:8px;font-weight:600;opacity:.9}.piano-rain-area[data-v-e3c2c1aa]{position:relative;width:100%;height:63vh;background:transparent;overflow:auto;border-bottom:2px solid rgba(255,255,255,.1);padding:0;margin:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.target-line[data-v-3687f7a5]{position:absolute;top:75vh;left:1vw;right:1vw;height:3px;background:#fbbf24cc;box-shadow:0 0 10px #fbbf2499;z-index:9;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.scrollable-notes-container[data-v-a41b4a01]{position:absolute;inset:0;overflow:auto;background:transparent;border:none;border-radius:0;z-index:10;padding:0;margin:0;box-sizing:border-box;pointer-events:auto;will-change:scroll-position;-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;scrollbar-width:none;-ms-overflow-style:none}.scrollable-notes-container[data-v-a41b4a01]::-webkit-scrollbar{display:none}.sheet-note[data-v-5118a54f]{position:absolute;transition:all .1s ease;border:none;display:flex;align-items:center;justify-content:center;padding:4px 6px;pointer-events:none;will-change:transform,opacity}.sheet-sustain[data-v-873ce8fc]{position:absolute;pointer-events:none;will-change:transform,opacity;transition:all .1s ease}.notes-inner-container[data-v-042bbfef]{position:relative;width:100%;min-height:100%;padding:0;margin:0;box-sizing:border-box;will-change:transform;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint}.piano-timeline[data-v-d1eb3eb4]{display:flex;flex-direction:column;gap:.5vh;padding:1vh;background:#10101680;border-radius:.8vh}.timeline-info[data-v-d1eb3eb4]{display:flex;align-items:center;gap:.5vh;font-size:1.2vh;color:#fffc}.time-display[data-v-d1eb3eb4]{font-weight:600;color:var(--ui-accent, #ff8a00)}.time-separator[data-v-d1eb3eb4]{opacity:.5}.time-total[data-v-d1eb3eb4]{opacity:.7}.timeline-track[data-v-d1eb3eb4]{position:relative;width:100%;height:.8vh;background:#ffffff1a;border-radius:.4vh;cursor:pointer;overflow:hidden}.range-indicator[data-v-d1eb3eb4]{position:absolute;top:0;height:100%;background:#ff8a0033;border-left:.1vh solid rgba(255,138,0,.5);border-right:.1vh solid rgba(255,138,0,.5);pointer-events:none}.progress-bar[data-v-d1eb3eb4]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--ui-accent, #ff8a00),var(--ui-accent-2, #ff7a00));border-radius:.4vh 0 0 .4vh;transition:width .1s linear;pointer-events:none}.progress-handle[data-v-d1eb3eb4]{position:absolute;top:50%;transform:translate(-50%,-50%);width:1.2vh;height:1.2vh;background:var(--ui-accent, #ff8a00);border:.2vh solid white;border-radius:50%;cursor:grab;box-shadow:0 .2vh .4vh #0000004d;transition:transform .1s ease}.progress-handle[data-v-d1eb3eb4]:hover{transform:translate(-50%,-50%) scale(1.2)}.progress-handle[data-v-d1eb3eb4]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.edit-control-btn[data-v-ecfb855d]{display:block;position:absolute;border:none;background:#ffffffe6;color:#333;cursor:pointer;font-size:1.2rem;padding:.5vh;border-radius:.5vh;transition:all .2s ease;z-index:4001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.edit-control-btn[data-v-ecfb855d]:hover{background:#fff;transform:scale(1.1)}.edit-control-btn.top[data-v-ecfb855d]{top:0;left:50%;transform:translate(-50%)}.edit-control-btn[data-v-22bd004f]{display:block;position:absolute;border:none;background:#ffffffe6;color:#333;cursor:pointer;font-size:1.2rem;padding:.5vh;border-radius:.5vh;transition:all .2s ease;z-index:4001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.edit-control-btn[data-v-22bd004f]:hover{background:#fff;transform:scale(1.1)}.edit-control-btn.bottom[data-v-22bd004f]{bottom:0;left:50%;transform:translate(-50%)}.edit-control-btn[data-v-e3f6e323]{display:block;position:absolute;border:none;background:#22c55ee6;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5vh;border-radius:.5vh;transition:all .2s ease;z-index:4001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.edit-control-btn[data-v-e3f6e323]:hover{background:#22c55e;transform:scale(1.1)}.edit-control-btn.left[data-v-e3f6e323]{top:50%;left:0;transform:translateY(-50%)}.edit-control-btn[data-v-51aa5e29]{display:block;position:absolute;border:none;background:#ef4444e6;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5vh;border-radius:.5vh;transition:all .2s ease;z-index:4001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.edit-control-btn[data-v-51aa5e29]:hover{background:#ef4444;transform:scale(1.1)}.edit-control-btn.right[data-v-51aa5e29]{top:50%;right:0;transform:translateY(-50%)}.edit-control-btn[data-v-aef84c17]{display:block;position:absolute;border:none;background:#3b82f6e6;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5vh;border-radius:.5vh;transition:all .2s ease;z-index:4001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.edit-control-btn[data-v-aef84c17]:hover{background:#3b82f6;transform:scale(1.1)}.edit-control-btn.middle[data-v-aef84c17]{top:50%;left:50%;transform:translate(-50%,-50%)}.note-edit-controls[data-v-728ed998]{display:block;z-index:1000;transition:opacity .15s ease-in-out;pointer-events:auto}.note-edit-controls.visible[data-v-728ed998]{opacity:1}.piano-container[data-v-4b17aa4c]{position:fixed;top:12vh;left:0;width:100%;height:70vh;background:transparent;overflow:hidden;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.piano-keys[data-v-4b17aa4c]{position:relative;padding:0;margin:0;height:var(--white-key-height, 16.5vh);background:transparent;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.keys-container[data-v-4b17aa4c]{position:relative;width:100%;height:100%;background:transparent;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.range-selector[data-v-4b17aa4c]{background:transparent;height:6.5vh;position:absolute;bottom:0;left:0;right:0;padding:3vh;z-index:800;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-v-106f873a]:root{--bg: #0a0a0f;--text: #e8e8ee;--pad: 2vh;--gap: 2vh;--header-h: 8vh;--ui-accent: #ff8a00;--ui-accent-2: #ff7a00;--card-border: var(--ui-accent);--card-bg1: rgba(20, 20, 28, .75);--card-bg2: rgba(12, 12, 16, .55);--pane-radius: 5vh;--cell-radius: 2.4vh;--divider-w: .36vh}[data-v-106f873a]{box-sizing:border-box}.piano-app[data-v-106f873a]{width:100vw;height:100vh;background:var(--bg);color:var(--text);overflow:hidden;position:relative;font:500 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}.piano-app .bg[data-v-106f873a]{position:fixed;inset:-2vmax;z-index:-1;pointer-events:none;filter:saturate(120%);background:radial-gradient(1200px 900px at 15% 20%,rgba(150,80,255,.22),transparent 60%),radial-gradient(950px 800px at 80% 75%,rgba(0,200,255,.18),transparent 55%),radial-gradient(800px 800px at 60% 10%,rgba(255,140,0,.09),transparent 50%),conic-gradient(from 210deg at 70% 30%,#0000,#ff007814,#0000),#05050a}.piano-app .bg[data-v-106f873a]:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:2px 2px;opacity:.06;mix-blend-mode:screen;filter:blur(.2px)}.view-container[data-v-106f873a]{display:none}.view-container.piano-view[data-v-106f873a]{display:block;width:100%;height:100%}.piano-header[data-v-106f873a]{position:fixed;top:0;left:0;width:100%;height:12vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2vh;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:all .3s ease}.piano-header[data-v-106f873a]:hover{background:#000000e6;border-bottom:1px solid rgba(255,255,255,.2)}.piano-header-left[data-v-106f873a],.piano-header-right[data-v-106f873a]{display:flex;align-items:center;gap:1vh}.piano-container[data-v-106f873a]{position:fixed;top:12vh;left:0;width:100%;height:81.5vh;background:transparent;overflow:hidden;display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.piano-rain-area[data-v-106f873a]{position:relative;width:100%;height:63vh;background:transparent;overflow:auto;border-bottom:2px solid rgba(255,255,255,.1);padding:0;margin:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.target-line[data-v-106f873a]{position:absolute;top:75vh;left:1vw;right:1vw;height:3px;background:#fbbf24cc;box-shadow:0 0 10px #fbbf2499;z-index:9;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.scrollable-notes-container[data-v-106f873a]{position:absolute;inset:0;overflow:auto;background:transparent;z-index:10;padding:0;margin:0;box-sizing:border-box;will-change:scroll-position;-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint}.piano-keys[data-v-106f873a]{position:relative;padding:0;margin:0;height:var(--white-key-height, 16.5vh);background:transparent;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.keys-container[data-v-106f873a]{position:relative;width:100%;height:100%;background:transparent;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.range-selector[data-v-106f873a]{background:transparent;height:6.5vh;position:absolute;bottom:0;left:0;right:0;padding:3vh;z-index:800;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.error-message[data-v-106f873a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2vh;background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:1vh;color:#ff6b6b;font-size:1.5vh;text-align:center;z-index:10000}.loading-indicator[data-v-106f873a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2vh;background:#ff8a0033;border:1px solid rgba(255,138,0,.5);border-radius:1vh;color:#ff8a00;font-size:1.5vh;text-align:center;z-index:10000}.editor-btn[data-v-106f873a]{position:relative;z-index:1001;background:linear-gradient(45deg,#636e72,#2d3436);color:#fff;border:none;padding:12px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.save-btn[data-v-106f873a]{position:relative;z-index:1001;background:linear-gradient(45deg,#00b894,#00a085);color:#fff;border:2px solid #00d4aa;padding:12px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 4px 12px #00b99480;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.settings-button[data-v-106f873a]{width:4vh;height:4vh;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.8vh;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-button[data-v-106f873a]:hover{background:#fff3;transform:scale(1.1)}.settings-dropdown-menu[data-v-106f873a]{display:none;position:absolute;top:100%;right:0;margin-top:.5vh;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;padding:.5vh;min-width:15vh;z-index:1002}.settings-dropdown:hover .settings-dropdown-menu[data-v-106f873a],.settings-dropdown-menu[data-v-106f873a]:hover{display:block}.settings-option[data-v-106f873a]{padding:1vh 1.5vh;color:#fff;cursor:pointer;border-radius:.5vh;transition:background .2s ease}.settings-option[data-v-106f873a]:hover{background:#ffffff1a}.speed-multiplier-button[data-v-106f873a]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;color:#fff;padding:.8vh 1.5vh;font-size:1.4vh;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.speed-multiplier-button[data-v-106f873a]:hover{background:#fff3}.speed-dropdown-menu[data-v-106f873a]{display:none;position:absolute;top:100%;right:0;margin-top:.5vh;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;padding:.5vh;min-width:10vh;z-index:1002}.speed-multiplier-dropdown:hover .speed-dropdown-menu[data-v-106f873a],.speed-dropdown-menu[data-v-106f873a]:hover{display:block}.speed-option[data-v-106f873a]{padding:1vh 1.5vh;color:#fff;cursor:pointer;border-radius:.5vh;transition:background .2s ease}.speed-option[data-v-106f873a]:hover{background:#ffffff1a}.speed-option.active[data-v-106f873a]{background:#ff8a004d;color:#ff8a00}.close-button[data-v-106f873a]{position:relative;width:4vh;height:4vh;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s;box-shadow:0 2px 10px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.close-button[data-v-106f873a]:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 15px #0006}.close-button[data-v-106f873a]:before,.close-button[data-v-106f873a]:after{content:"";position:absolute;width:20px;height:2px;background:#2c3e50;border-radius:1px}.close-button[data-v-106f873a]:before{transform:rotate(45deg)}.close-button[data-v-106f873a]:after{transform:rotate(-45deg)}.play-btn[data-v-106f873a],.stop-btn[data-v-106f873a]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.8vh;color:#fff;padding:.8vh 1.5vh;font-size:1.4vh;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.play-btn[data-v-106f873a]:hover,.stop-btn[data-v-106f873a]:hover{background:#fff3}.play-btn[data-v-106f873a]:disabled,.stop-btn[data-v-106f873a]:disabled{opacity:.5;cursor:not-allowed}.piano-page[data-v-2415fc9f]{width:100vw;height:100vh;overflow:hidden}.error-container[data-v-2415fc9f]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:2vh;color:#e8e8ee;text-align:center}.error-container h2[data-v-2415fc9f]{color:#ff6b6b;font-size:2rem}.error-container p[data-v-2415fc9f]{font-size:1.2rem;opacity:.8}.back-btn[data-v-2415fc9f]{padding:1vh 2vh;border:none;border-radius:.8vh;background:var(--ui-accent, #ff8a00);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease}.back-btn[data-v-2415fc9f]:hover{background:var(--ui-accent-2, #ff7a00);transform:translateY(-1px)}:root{--bg: #0a0a0f;--text: #e8e8ee;--pad: 2vh;--gap: 2vh;--header-h: 8vh;--ui-accent: #ff8a00;--ui-accent-2: #ff7a00;--card-border: var(--ui-accent);--card-bg1: rgba(20, 20, 28, .75);--card-bg2: rgba(12, 12, 16, .55);--pane-radius: 5vh;--cell-radius: 2.4vh;--divider-w: .36vh}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:500 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;color:var(--text);background:var(--bg);overflow:hidden}main{min-height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate}.bg{position:fixed;inset:-2vmax;z-index:-1;pointer-events:none;filter:saturate(120%);background:radial-gradient(1200px 900px at 15% 20%,rgba(150,80,255,.22),transparent 60%),radial-gradient(950px 800px at 80% 75%,rgba(0,200,255,.18),transparent 55%),radial-gradient(800px 800px at 60% 10%,rgba(255,140,0,.09),transparent 50%),conic-gradient(from 210deg at 70% 30%,#0000,#ff007814,#0000),#05050a}.bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:2px 2px;opacity:.06;mix-blend-mode:screen;filter:blur(.2px)}.card{position:relative;width:70vw;max-width:1400px;height:95dvh;margin:0 auto;border-radius:2.4vh;border:.3vh solid var(--card-border);background:linear-gradient(to bottom right,var(--card-bg1),var(--card-bg2));backdrop-filter:blur(1.4vh) saturate(140%);-webkit-backdrop-filter:blur(1.4vh) saturate(140%);padding:var(--pad);box-shadow:0 6vh 12vh #000000a6,0 3vh 8vh #00000080,0 0 0 .1vh #ff8a0040 inset,0 1.2vh 3.5vh #ff8a002e,0 0 6vh 1vh #ff8a0014;overflow:hidden}.card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.2vh;padding:1vh 1.4vh;border-radius:1.6vh;height:var(--header-h);color:#1a0f02;margin-bottom:var(--gap);overflow:visible;background:linear-gradient(180deg,color-mix(in oklab,#b6642a 35%,transparent),color-mix(in oklab,#8c431a 65%,transparent));border:.2vh solid color-mix(in oklab,#ffb174 45%,transparent);box-shadow:0 .8vh 3.2vh #ff8a0059,0 .2vh #ffffff40 inset;z-index:100}.card-header h2{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:min(2.2vh,22px);letter-spacing:.3px;z-index:10}.card-header .hdr-spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s ease;background:radial-gradient(24vh 14.4vh at var(--px-hdr, 50%) var(--py-hdr, 50%),color-mix(in oklab,var(--ui-accent) 35%,transparent) 0%,color-mix(in oklab,var(--ui-accent-2) 14%,transparent) 32%,transparent 70%);filter:blur(.5vh);mix-blend-mode:screen}.card-header:hover .hdr-spot{opacity:1}.panes{display:grid;grid-template-columns:minmax(0,1fr) var(--divider-w) minmax(0,1fr) var(--divider-w) minmax(0,1fr);gap:var(--gap);align-items:stretch;height:calc(100% - var(--header-h) - var(--gap))}.divider{position:relative;width:var(--divider-w);border-radius:.6vh;align-self:stretch;background:#f0f9;box-shadow:none;filter:none;overflow:hidden}.divider.divider--horizontal{width:100%;height:var(--divider-w);align-self:auto}.divider.dv-24{animation:none}.pane{position:relative;border-radius:var(--pane-radius);padding:2vh;overflow:hidden;border:.2vh solid transparent;background:transparent;box-shadow:none;display:grid;grid-template-rows:1fr;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.pane:hover{transform:translateY(-3px) scale(1.01);border-color:color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 70%,transparent);box-shadow:0 16px 48px #000000a6,0 0 0 1px color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 35%,transparent) inset,0 10px 34px color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 25%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 6%,transparent),transparent)}.pane:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(63vh 48vh at var(--px-pane, 50%) var(--py-pane, 50%),color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 35%,transparent) 0%,color-mix(in oklab,var(--pane-accent, var(--ui-accent)) 14%,transparent) 35%,transparent 72%);filter:blur(.5vh);transition:opacity .25s ease}.pane:hover:before{opacity:1}.stack{display:grid;grid-auto-rows:1fr;gap:2vh;height:100%;min-height:0;min-width:0;overflow:hidden}.stack--right{grid-template-rows:.4fr var(--divider-w) 1fr;gap:2vh;min-height:0}.pane--left{--pane-accent: var(--paneL-accent, var(--ui-accent))}.pane--middle{--pane-accent: var(--paneM-accent, var(--ui-accent))}.pane--right{--pane-accent: var(--paneR-accent, var(--ui-accent-2))}.navigation{display:flex;flex-direction:column;gap:1vh;width:100%;height:100%;padding:0}.navigation h3{margin:0 0 1vh;font-size:1.2rem;color:#eaeaf2;text-align:center}.nav-btn{padding:1vh 1.5vh;background:linear-gradient(180deg,#101016cc,#0a0a0e99);color:#eaeaf2;border:.12vh solid rgba(255,255,255,.1);border-radius:1vh;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-weight:500}.nav-btn:hover{background:linear-gradient(180deg,#ff8a0033,#ff7a0026);border-color:#ff8a0066;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(180deg,#ff8a004d,#ff7a0033);border-color:#ff8a0099;box-shadow:0 0 1vh #ff8a004d}.nav-btn.logout{margin-top:auto;background:linear-gradient(180deg,#dc35454d,#c8233333);border-color:#dc354580}.chat-popup-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0e}.nav-btn.logout:hover{background:linear-gradient(180deg,#dc354566,#c823334d);border-color:#dc3545b3}.header-left-icons,.header-middle-icons,.header-right-icons{display:flex;align-items:center;gap:1vh;z-index:5;position:relative}.header-right-icons{margin-left:auto}.header-icon-btn{width:6.5vh;height:6.5vh;border-radius:50%;border:.2vh solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(.6vh);-webkit-backdrop-filter:blur(.6vh);color:#1a0f02;font-size:2.8vh;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 .2vh .6vh #0003}.header-icon-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 .4vh 1vh #ff8a004d}.header-icon-btn.active{background:#ff8a004d;border-color:#ff8a0099;box-shadow:0 0 0 .2vh #ff8a0066,0 .4vh 1vh #ff8a004d}.header-icon-btn.compact{width:6.5vh;height:6.5vh;font-size:2.8vh}.premium-badge-header{height:5.5vh;padding:0 2vh;border-radius:2.75vh;background:linear-gradient(45deg,gold,#ffed4e);color:#333;font-weight:700;font-size:1.3vh;display:flex;align-items:center;justify-content:center;border:.15vh solid rgba(255,215,0,.5);box-shadow:0 .2vh .6vh #ffd70066;white-space:nowrap}.get-premium-badge-header{height:5.5vh;padding:0 2vh;border-radius:2.75vh;background:linear-gradient(45deg,#ff8a00cc,#ff7a00e6);color:#fff;font-weight:700;font-size:1.3vh;display:flex;align-items:center;justify-content:center;border:.15vh solid rgba(255,138,0,.6);box-shadow:0 .2vh .6vh #ff8a0066;white-space:nowrap;cursor:pointer;transition:all .3s ease}.get-premium-badge-header:hover{background:linear-gradient(45deg,#ff8a00f2,#ff7a00);transform:scale(1.05);box-shadow:0 .4vh 1vh #ff8a0080}.header-profile-pic-container{width:6.5vh;height:6.5vh;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 .2vh .6vh #0003}.header-profile-pic-container:hover{transform:scale(1.1);box-shadow:0 .4vh 1vh #ff8a004d}.dropdown-trigger-container{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.dropdown-trigger{position:relative}.header-dropdown-menu{position:absolute;top:calc(100% + .5vh);right:0;background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);backdrop-filter:blur(1.4vh) saturate(140%);-webkit-backdrop-filter:blur(1.4vh) saturate(140%);border:.2vh solid rgba(255,138,0,.3);border-radius:1.2vh;box-shadow:0 .4vh 1.2vh #00000080,0 .2vh .6vh #ff8a0033;padding:.5vh 0;min-width:calc(18vh + 2vw);z-index:10000;animation:slideDown .2s ease;margin-top:.5vh}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5vh)}to{opacity:1;transform:translateY(0)}}.header-dropdown-menu .dropdown-item{width:100%;padding:1vh 1.5vh;background:transparent;border:none;color:#eaeaf2;font-size:2.5vh;text-align:left;cursor:pointer;display:flex;align-items:center;gap:1vh;transition:all .2s ease;border-radius:0}.header-dropdown-menu .dropdown-item:hover{background:#ff8a0026;color:#ff8a00}.header-dropdown-menu .dropdown-item:first-child{border-top-left-radius:1vh;border-top-right-radius:1vh}.header-dropdown-menu .dropdown-item:last-child{border-bottom-left-radius:1vh;border-bottom-right-radius:1vh}.dropdown-icon{font-size:1.6vh;width:2.5vh;display:flex;align-items:center;justify-content:center}.header-auth-buttons-compact{display:flex;gap:.8vh;align-items:center}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0fb3;backdrop-filter:blur(.8vh);-webkit-backdrop-filter:blur(.8vh);display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-content{position:relative;width:90%;max-width:55vh;max-height:95vh;background:linear-gradient(to bottom right,#14141cf2,#0c0c10f2);backdrop-filter:blur(1.4vh) saturate(140%);-webkit-backdrop-filter:blur(1.4vh) saturate(140%);border:.2vh solid rgba(255,138,0,.3);border-radius:2.4vh;box-shadow:0 6vh 12vh #000000a6;padding:3vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(2vh);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal-btn{position:absolute;top:1vh;right:1vh;z-index:100000;background:#ffffff1a;border:none;border-radius:50%;width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#eaeaf2;transition:all .2s ease}.close-modal-btn:hover{background:#fff3;transform:rotate(90deg)}.close-modal-btn svg{width:1.5vh;height:1.5vh}.modal-login-area{width:100%;height:100%;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.announcements-wrapper{display:flex;flex-direction:column;height:100%;gap:.5vh}.announcements-header-actions{display:flex;align-items:center;gap:.8vh;padding:.6vh .8vh;border-bottom:.12vh solid rgba(255,255,255,.1);margin-bottom:.6vh}.announcements-header-actions h3{color:#eaeaf2;font-size:1rem;font-weight:600}.add-announcement-btn{background:#ff8a0033;border:.12vh solid rgba(255,138,0,.3);border-radius:.5vh;color:#ff8a00;font-size:1.2rem;width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0}.add-announcement-btn:hover{background:#ff8a004d;border-color:#ff8a0080;transform:scale(1.1)}