body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-input{caret-color:#72ffff!important}.auth-code-input:focus,.auth-form .form-input:focus,.auth-phone-input:focus,.form-input:focus{border:2px solid #72ffff!important;box-shadow:0 0 0 3px #72ffff1a!important;outline:none!important}.form-textarea{caret-color:#72ffff!important}.form-textarea:focus{border:2px solid #72ffff!important;box-shadow:0 0 0 3px #72ffff1a!important;outline:none!important}.info-value{text-align:left!important}.studio-reference-tabs{align-items:center;display:flex;gap:28px}.studio-tab{background:#0000;border:none;color:#bfc4c7;cursor:pointer;font-size:15px;padding:8px 0;position:relative}.studio-tab.active{color:#18e6d6}.studio-tab.active:after{background:#18e6d6;border-radius:2px;bottom:-6px;content:"";height:2px;left:0;position:absolute;right:0}.generate-upload-area{background:#333!important;border:2px dashed #555!important;border-radius:12px!important;cursor:pointer!important;padding:40px 20px!important;text-align:center!important;transition:background .08s ease,color .08s ease!important}.generate-upload-area:hover{background:#3a3a3a!important;border-color:#0ff!important}.generate-upload-area>svg{color:#0ff!important;margin-bottom:16px!important;transform:translateY(8px)}.generate-upload-area p{color:#fff!important;font-size:16px!important;margin:8px 0!important}.generate-upload-area .upload-hint{color:#aaa!important;font-size:12px!important;margin:4px 0!important}.upload-area.professional-upload.generate-upload-area{background:#333!important;border:2px dashed #555!important}@media (min-width:769px){.feature-card .feature-name,.feature-name,.tool-label,.toolbar-item-label{display:none!important}}.my-voice-singers-page{background:#0a0a0a;box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;overflow-y:auto;width:100%}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:300px;justify-content:center}.empty-state svg{opacity:1!important}.empty-state h3{color:#fff;font-size:var(--font-size-h4);margin:0 0 8px}.empty-state p{color:#6b7280;font-size:var(--font-size-body-sm);margin:0}.singers-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px;max-width:100%;padding:0 0 40px;width:100%}@media (min-width:1200px){.singers-grid{grid-template-columns:repeat(3,1fr)}}.singer-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--radius-md);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:all .2s ease}.singer-card:hover{border-color:#0ff;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.singer-card-header{align-items:flex-start;background:#1e1e1e99;border-bottom:1px solid #2a2a2a;display:flex;padding:16px}.singer-card-title-section{display:flex;flex:1 1;gap:12px}.singer-avatar-section{align-items:flex-start;display:flex}.singer-avatar-with-controls{position:relative}.singer-avatar-with-controls:before{background:#0009;border-radius:50%;content:"";height:48px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:48px;z-index:1}.singer-avatar-with-controls:hover:before{opacity:1}.singer-avatar{border:2px solid #3a3a3a;border-radius:50%;height:48px;object-fit:cover;width:48px}.singer-avatar-with-controls:hover .avatar-edit-btn{opacity:1}.avatar-picker-modal-overlay{background:#000c;cursor:pointer;z-index:10003}.avatar-picker-modal-overlay>*{cursor:default}.edit-album-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.avatar-picker-modal{border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:24px;position:relative}.avatar-picker-modal-header{margin-bottom:24px}.avatar-picker-modal-header h2{color:#fff;font-size:24px}.modal-close-btn{position:absolute;right:16px;top:16px}.singer-info-section{flex:1 1;min-width:0}.singer-info-row{align-items:center;display:flex;justify-content:flex-start;margin-bottom:4px}.singer-info-row:last-child{margin-bottom:0}.singer-info-row .info-value{color:#e5e7eb;flex:1 1;font-size:var(--font-size-body-sm);max-width:10ch;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.singer-linked-song{color:#72ffff;cursor:pointer}.singer-linked-song:hover{text-decoration:underline}.singer-card-actions{display:flex;gap:8px;margin-left:auto;margin-right:-20px;opacity:0;pointer-events:none;transition:all .2s ease}@media (min-width:769px){.singer-card:hover .singer-card-actions{opacity:1;pointer-events:auto}}@media (max-width:768px){.singer-card-actions{opacity:1;pointer-events:auto}}.singer-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.singer-content-wrapper{flex:1 1;margin-bottom:16px}.singer-content-text{background:#0000004d;border-radius:6px;box-sizing:border-box;color:#ccc;font-size:13px;line-height:1.5;max-height:200px;min-height:100px;overflow-y:auto;padding:10px;white-space:pre-wrap;width:100%;word-break:break-word}.singer-content-text::-webkit-scrollbar{width:6px}.singer-content-text::-webkit-scrollbar-track{background:#1a1a1a}.singer-content-text::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.singer-footer{align-items:center;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.singer-date{color:#6b7280;font-size:12px;white-space:nowrap}@media (max-width:768px){.my-voice-singers-page{padding:20px 0}.auth-empty-workspace{justify-content:center;min-height:280px;padding-top:495px}.singers-grid{gap:16px;grid-template-columns:1fr}.singer-card{margin:0}.singer-body,.singer-card-header{padding:12px}}.avatar-picker-modal.edit-modal,.edit-modal{background:#1a1a1a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:24px;position:relative;width:90%}.edit-modal-header{margin-bottom:24px}.edit-modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.edit-modal-content{flex:1 1;overflow-y:auto}.form-label{color:#d1d5db;display:block;margin-bottom:8px}.original-value{color:#0ff;font-weight:500}.form-divider{background:#00ffff1a;height:1px;margin:16px 0}.modal-actions-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-cancel,.btn-save{border-radius:8px;padding:10px 24px}.btn-cancel{border:1px solid #fff3;color:#fff}.btn-cancel:hover{border-color:#ffffff4d}.btn-save{background:linear-gradient(135deg,#fff,#fff 20%,#0ff);box-shadow:0 4px 12px #00ccff4d;color:#000}.btn-save:hover{background:linear-gradient(135deg,#fff,#fff 20%,#0cf);box-shadow:0 6px 16px #0cf6;transform:translateY(-2px)}.recording-modal-overlay{align-items:center;background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.recording-modal{background:#1a1a1a;border-radius:16px;box-shadow:0 8px 32px #0006;cursor:default;max-width:500px;padding:24px;position:relative;width:90%}.recording-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.recording-modal-header h2{color:#e5e7eb;font-size:var(--font-size-h4);font-weight:600;margin:0}.modal-close-btn{border-radius:50%;color:#888;font-size:28px;line-height:1}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.recording-controls{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.recording-status{color:#9ca3af;font-size:var(--font-size-body);text-align:center}.recording-status.active{animation:pulse 1.5s ease-in-out infinite;color:#0ff}.recording-timer{font-feature-settings:"tnum";color:#0ff;font-size:24px;font-variant-numeric:tabular-nums;font-weight:600}.recording-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s ease;width:80px}.recording-action-btn.record{background:#0ff;color:#0a0a0a}.recording-action-btn.record:hover{background:#00d4d4;transform:scale(1.05)}.recording-action-btn.stop{background:#ef4444;color:#fff}.recording-action-btn.stop:hover{background:#dc2626;transform:scale(1.05)}.recording-preview{width:100%}.recording-preview audio{outline:none;width:100%}.recording-actions{display:flex;gap:12px;justify-content:flex-end}.btn-upload{background:#0ff;border:none;border-radius:6px;color:#0a0a0a;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-upload:hover:not(:disabled){background:#00d4d4;box-shadow:0 4px 12px #00ffff4d;transform:translateY(-1px)}.btn-upload:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-upload:active:not(:disabled){transform:translateY(0)}.my-lyrics-page{background:#0a0a0a;box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;overflow-y:auto;width:100%}.loading-container{color:#666;height:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-top-color:#0ff;height:40px;margin-bottom:16px;width:40px}.error-container{align-items:center;color:#ef4444;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.retry-button{background:#3b82f6;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.retry-button:hover{background:#2563eb}.empty-workspace{color:#6b7280;height:300px}.empty-icon{color:#6b7280;font-size:48px;margin-bottom:16px}.empty-icon svg{stroke:#6b7280;height:48px;width:48px}.empty-icon svg,.empty-workspace svg{opacity:1!important}.empty-workspace h3{color:#fff;font-size:var(--font-size-h4);margin:0 0 8px}.empty-workspace p{color:#6b7280;font-size:var(--font-size-body-sm)}.auth-empty-workspace{box-sizing:border-box;justify-content:center;min-height:clamp(320px,calc(100vh - 340px),560px);padding-top:495px;width:100%}.auth-empty-workspace .empty-icon{display:none}.lyrics-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px;max-width:100%;padding:0 0 40px;width:100%}@media (min-width:1200px){.lyrics-grid{grid-template-columns:repeat(3,1fr)}}.lyric-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--radius-md);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;transition:all .2s ease}.lyric-card:hover{border-color:#0ff;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.lyric-card-header{align-items:flex-start;background:#1e1e1e99;border-bottom:1px solid #2a2a2a;display:flex;padding:16px}.lyric-card-title-section{display:flex;flex:1 1;gap:12px}.lyric-avatar-section{align-items:flex-start;display:flex}.lyric-avatar-with-controls{position:relative}.lyric-avatar-with-controls:before{background:#0009;border-radius:50%;content:"";height:48px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:48px;z-index:1}.lyric-avatar-with-controls:hover:before{opacity:1}.lyric-avatar{border:2px solid #3a3a3a;border-radius:50%;height:48px;object-fit:cover;width:48px}.avatar-edit-btn{align-items:center;background:#0000;border:none;color:#0ff;cursor:pointer;display:flex;height:24px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:24px;z-index:2}.lyric-avatar-with-controls:hover .avatar-edit-btn{opacity:1}.avatar-edit-btn:hover{color:#72ffff;transform:translate(-50%,-50%) scale(1.15)}.avatar-edit-btn:active{transform:translate(-50%,-50%) scale(.95)}.avatar-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.avatar-picker-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.avatar-picker-modal-header{align-items:center;background:#1e1e1e99;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 20px}.avatar-picker-modal-header h2{color:#e5e7eb;font-size:var(--font-size-h4);font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ef44441a;color:#ef4444}.lyric-info-section{flex:1 1;min-width:0}.lyric-info-row{align-items:center;display:flex;justify-content:flex-start;margin-bottom:4px}.lyric-info-row:last-child{margin-bottom:0}.info-label{color:#9ca3af;flex-shrink:0;font-size:12px;margin-right:6px;max-width:65px;white-space:nowrap}.lyric-info-row .info-value{color:#e5e7eb;flex:1 1;font-size:var(--font-size-body-sm);max-width:10ch;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.music-value-wrapper{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.music-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-play-btn{align-items:center;background:#00ffff14;border:1px solid #00ffff40;border-radius:4px;color:#0ff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.music-play-btn:hover{background:#0ff3;border-color:#0ff;transform:scale(1.05)}.music-play-btn:active{transform:scale(.95)}.lyric-card-actions{display:flex;gap:8px;margin-left:auto;opacity:0;pointer-events:none;transition:all .2s ease}@media (min-width:769px){.lyric-card:hover .lyric-card-actions{opacity:1;pointer-events:auto}}@media (max-width:768px){.lyric-card-actions{opacity:1;pointer-events:auto}}.delete-button,.edit-button{align-items:center;background:#ffffff0d;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.edit-button{color:#0ff}.edit-button:hover{background:#00ffff1a}.delete-button{color:#ef4444}.delete-button:hover{background:#ef44441a}.lyric-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.lyric-content-wrapper{flex:1 1;margin-bottom:16px}.content-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.content-label{color:#d1d5db;font-size:var(--font-size-body-sm);font-weight:500}.copy-lyrics-btn{align-items:center;background:#72ffff1a;border:1px solid #72ffff4d;border-radius:4px;color:#72ffff;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;height:28px;justify-content:center;padding:4px 6px;pointer-events:auto!important;transition:all .2s ease;width:28px}.copy-lyrics-btn:hover{background:#72ffff40;border-color:#72ffff}.copy-lyrics-btn:active{transform:scale(.96)}.lyric-content{background:#0000004d;border-radius:6px;box-sizing:border-box;color:#ccc;font-size:13px;line-height:1.5;max-height:200px;min-height:100px;overflow-y:auto;padding:10px;white-space:pre-wrap;width:100%;word-break:break-word}.lyric-content::-webkit-scrollbar{width:6px}.lyric-content::-webkit-scrollbar-track{background:#1a1a1a}.lyric-content::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.lyric-footer{align-items:center;border-top:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.lyric-date{color:#6b7280;font-size:12px}@media (max-width:768px){.my-lyrics-page{padding:20px 0}.auth-empty-workspace{justify-content:center;min-height:280px;padding-top:495px}.lyrics-grid{gap:16px;grid-template-columns:1fr}.lyric-card{margin:0}.lyric-body,.lyric-card-header{padding:12px}}.lyric-card.generating{animation:pulse-border 2s infinite;border-color:#00b8d4}.lyric-card.generating .lyric-avatar{border-color:#00b8d4}@keyframes pulse-border{0%,to{border-color:#00b8d4;box-shadow:0 0 5px #00b8d44d}50%{border-color:#0ff;box-shadow:0 0 15px #0ff6}}.lyric-card.failed{border-color:#ef4444}.lyric-card.failed .lyric-avatar{border-color:#ef4444;opacity:.7}.generating-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.generating-spinner{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#0ff;height:18px;width:18px}.status-badge{border-radius:12px;font-size:11px;margin-left:8px;padding:2px 8px}.status-badge.generating{animation:pulse-text 2s infinite;background:#00b8d433;color:#0ff}.status-badge.failed{background:#ef444433;color:#ef4444}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lyrics-modal-content{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{background:#1e1e1e99;border-bottom:1px solid #2a2a2a;padding:16px 20px}.modal-header h3{color:#e5e7eb;font-size:var(--font-size-h4);font-weight:600;margin:0}.modal-close{border-radius:4px;color:#9ca3af;font-size:24px;transition:all .2s ease}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#d1d5db;margin-bottom:8px}.form-input,.form-textarea{background:#0000004d;border:1px solid #3a3a3a;border-radius:6px;box-sizing:border-box;color:#e5e7eb;font-size:var(--font-size-body-sm);padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#0006;border-color:#0ff;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.modal-footer{background:#1e1e1e99;border-top:1px solid #2a2a2a;justify-content:flex-end;padding:16px 20px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-cancel{background:#ffffff1a;color:#9ca3af}.btn-cancel:hover{background:#ffffff26;color:#e5e7eb}.btn-save{background:#0ff;color:#0a0a0a}.btn-save:hover{background:#00d4d4;box-shadow:0 4px 12px #00ffff4d;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.edit-album-modal-overlay{align-items:center;background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10003}.edit-album-modal-overlay>*{cursor:default}.edit-album-modal{background:#1a1a1a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:24px;position:relative;width:90%}.edit-album-header{margin-bottom:24px}.edit-album-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.edit-album-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.edit-album-modal-close:hover{background:#ffffff1a;color:#fff}.edit-album-form{display:flex;flex-direction:column;gap:20px}.edit-album-input-group{display:flex;flex-direction:column;gap:8px}.edit-album-input-group label{color:#d1d5db;font-size:var(--font-size-body-sm);font-weight:500}.edit-album-input,.edit-album-textarea{background:#0000004d;border:1px solid #3a3a3a;border-radius:6px;box-sizing:border-box;color:#e5e7eb;font-size:var(--font-size-body-sm);padding:10px 12px;transition:all .2s ease;width:100%}.edit-album-input:focus,.edit-album-textarea:focus{background:#0006;border-color:#0ff;outline:none}.edit-album-textarea{font-family:inherit;min-height:80px;resize:vertical}.cancel-edit-album-btn,.save-edit-album-btn{border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-edit-album-btn{background:#0000;border:none;color:#9ca3af;flex:1 1}.cancel-edit-album-btn:hover{background:#ffffff1a;color:#e5e7eb}.save-edit-album-btn{background:#0ff;color:#0a0a0a;flex:1 1}.save-edit-album-btn:hover{background:#00d4d4;box-shadow:0 4px 12px #00ffff4d;transform:translateY(-1px)}.save-edit-album-btn:active{transform:translateY(0)}.article-center-loading{align-items:center;color:#ffffffa3;display:flex;font-size:14px;justify-content:center;min-height:200px}.article-center-scroll{background:#0000;min-height:0}.studio-article-center{display:flex;flex-direction:column;min-height:0}.studio-article-center .article-center-max,.studio-article-center .article-center-scroll{display:flex;flex:1 1;flex-direction:column;min-height:0}.article-center-max{max-width:100%}.article-center-header{padding-bottom:28px;padding-top:28px}.article-center-title-block h1,.article-center-title-block p{margin:0}.article-center-title{color:#fff;font-size:24px;font-weight:650;letter-spacing:.03em}.article-center-subtitle{color:#fff9;font-size:13px;line-height:1.5;margin-top:10px}.bg-system-bg08{background:#0000}.article-center-sticky{border-bottom:1px solid #ffffff14;flex-shrink:0}.article-center-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.article-center-tabs::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.article-tab{background:#ffffff0a;border:none;border-radius:999px;color:#ffffffb8;cursor:pointer;flex-shrink:0;font-size:13px;min-width:88px;padding:8px 16px;position:relative;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.article-tab:hover{background:#ffffff14;color:#ffffffeb}.article-tab-active{background:linear-gradient(135deg,#72ffff,#00d4d4);box-shadow:0 0 18px #72ffff73;color:#000;font-weight:600}.article-tab-active:after{display:none}.article-center-actions{align-items:center;display:flex;gap:8px}.article-center-search-input::placeholder{color:#ffffff7a}.article-center-search-wrap{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;height:40px;width:260px}.article-center-search-input{font-size:13px;width:100%}.article-center-simple{background:#0000}.article-center-simple .article-center-sticky{border-bottom-color:#0000;margin-bottom:0;padding-bottom:0;padding-top:16px}.article-category-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.article-category-tab{background:#ffffff0d;border:none;border-radius:999px;color:#ffffffd9;cursor:pointer;font-size:13px;font-weight:500;min-width:auto;padding:8px 14px;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.article-category-tab:hover{background:#ffffff14;color:#fff}.article-category-tab.active{background:linear-gradient(135deg,#fff,#72ffff);box-shadow:0 0 18px #72ffff66;color:#000}.article-center-search-row{align-items:center;display:flex;gap:10px;margin-bottom:20px;margin-top:20px}.article-center-search-bar.search-bar,.article-search-bar{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;display:flex;flex:1 1;gap:10px;height:40px;min-width:200px;padding:5px 14px}.article-center-search-bar.search-bar svg,.article-search-bar svg{color:#ffffff8c;flex-shrink:0}.article-center-search-bar.search-bar input,.article-search-bar input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;min-width:0;outline:none}.article-center-search-bar.search-bar input::placeholder,.article-search-bar input::placeholder{color:#ffffff73}.article-center-sort,.article-sort-select{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:13px;height:40px;padding:0 14px;width:90px}.article-center-list{display:flex;flex-direction:column;gap:24px;padding-top:28px}.article-center-card.article-card-row{align-items:stretch;border-radius:14px;cursor:pointer;display:flex;flex-direction:row;gap:24px;overflow:hidden;padding:0}.article-center-card.article-card-row:hover{box-shadow:0 4px 20px #0003;transform:none}.article-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.article-pagination-btn{background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:13px;height:34px;min-width:34px;padding:0 12px}.article-pagination-btn:hover:not(:disabled){background:#ffffff1f}.article-pagination-btn.active{background:#72ffff33;border-color:#72ffffa6;box-shadow:0 0 12px #72ffff59;color:#fff}.article-pagination-btn:disabled{cursor:not-allowed;opacity:.45}.article-pagination-ellipsis{color:#ffffff8c;padding:0 4px}.article-card-row .article-card-cover{background:#ffffff0d;flex-shrink:0;min-height:120px;overflow:hidden;position:relative;width:200px}.article-card-row .article-card-cover-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.article-card-row:hover .article-card-cover-img{transform:scale(1.05)}.article-card-row .article-card-cover-placeholder{align-items:center;color:#ffffff59;display:flex;font-size:13px;height:100%;justify-content:center;min-height:120px;width:100%}.article-card-row .article-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:20px 24px 20px 0}.article-card-row .article-card-category{margin-bottom:2px}.article-card-row .article-card-title{-webkit-line-clamp:2;line-height:1.45;margin:0 0 6px}.article-card-row .article-card-excerpt{-webkit-line-clamp:2;flex:1 1;line-height:1.55;margin:0}.article-card-row .article-card-meta{margin-top:auto;padding-top:12px}.article-card-row .article-card-meta span{align-items:center;display:inline-flex;gap:4px}@media (max-width:768px){.article-card-row .article-card-cover{min-height:100px;width:140px}.article-card-row .article-card-body{padding:12px 16px 12px 0}}.article-center-masonry{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:24px}@media (min-width:1440px){.article-center-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.article-center-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.article-center-masonry{gap:20px;grid-template-columns:1fr;padding-top:20px}}.article-center-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-center-card:hover{border-color:#ffffff1a;box-shadow:0 12px 32px #00000040;transform:translateY(-3px)}.article-card-cover-img{transition:transform .35s ease}.article-center-card:hover .article-card-cover-img{transform:scale(1.03)}.article-card-pin{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:999px;color:#fff;font-size:11px;left:10px;padding:2px 8px;position:absolute;top:10px}.article-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 12px}.article-card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.article-card-category{align-items:center;align-self:flex-start;background:#ffffff0f;border-radius:999px;color:#ffffffd9;display:inline-flex;font-size:11px;padding:2px 8px}.article-card-title{color:#fff;font-size:15px;font-weight:600;line-height:1.4}.article-card-excerpt,.article-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden}.article-card-excerpt{color:#ffffffb3;font-size:13px;line-height:1.5}.article-card-meta{align-items:center;color:#ffffff8c;display:flex;font-size:11px;gap:14px;margin-top:8px}.article-card-meta .meta-item{align-items:center;display:inline-flex;gap:4px}.rounded-12{border-radius:12px}.bg-system-white5{background:#ffffff0d}.article-center-empty{color:#ffffff80;font-size:14px;padding:48px 24px;text-align:center}.line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-page-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.article-page-header{animation:fadeInDown .6s ease-out;color:#fff;margin-bottom:50px;text-align:center}.article-page-header h1{font-size:48px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px #0000001a}.article-page-header p{font-size:var(--font-size-h4);opacity:.95}.article-loading{color:#fff;font-size:var(--font-size-h4);min-height:100vh;padding:60px 20px;text-align:center}.article-controls{animation:fadeInUp .6s ease-out .2s both;display:flex;flex-direction:column;gap:20px;margin:0 auto 30px;max-width:1200px}.article-search{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:12px;padding:12px 16px}.article-search svg{color:#999;flex-shrink:0}.article-search-input{border:none;flex:1 1;font-family:inherit;font-size:var(--font-size-body);outline:none}.article-search-input::placeholder{color:#ccc}.article-filters{gap:20px}.filter-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:10px;padding:10px 16px}.filter-group label{color:#fff;font-size:var(--font-size-body-sm);font-weight:600;white-space:nowrap}.filter-select{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);min-width:120px;padding:6px 10px}.article-empty{border-radius:16px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:1200px}.article-empty p{color:#999;font-size:var(--font-size-h4)}.article-list{animation:fadeIn .6s ease-out .4s both;gap:20px;margin:0 auto;max-width:1200px}.article-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .3s ease}.article-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.article-pinned-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:10}.article-image{background:#f0f0f0;height:200px;width:280px}.article-image img{transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{justify-content:space-between;padding:24px}.article-header{align-items:flex-start;gap:16px;margin-bottom:12px}.article-header h2{color:#333;flex:1 1;font-size:22px;font-weight:700;line-height:1.3}.article-category{border-radius:6px;display:inline-block;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.category-news{background:#ffeaea;color:#d32f2f}.category-tutorial{background:#e8f5e9;color:#388e3c}.category-feature{background:#e3f2fd;color:#1976d2}.category-announcement{background:#fff3e0;color:#f57c00}.category-blog{background:#f3e5f5;color:#7b1fa2}.article-excerpt{font-size:var(--font-size-body);margin:0 0 16px}.article-tags{gap:8px;margin-bottom:16px}.article-tag{align-items:center;display:inline-flex;gap:4px}.article-tag svg{height:14px;width:14px}.article-tag-more{color:#999;font-size:12px;padding:4px 10px}.article-footer{border-top:1px solid #eee;gap:16px;justify-content:space-between;padding-top:16px}.article-footer,.article-meta{align-items:center;display:flex}.article-meta{gap:20px}.meta-item{align-items:center;color:#999;display:flex;font-size:13px;gap:6px}.meta-item svg{flex-shrink:0;height:16px;width:16px}.article-read-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.article-read-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.article-card{flex-direction:column}.article-image{height:240px;width:100%}}@media (max-width:768px){.article-page-container{padding:20px 16px}.article-page-header h1{font-size:32px}.article-page-header p{font-size:var(--font-size-body)}.article-controls{gap:16px}.article-filters{gap:12px}.filter-group{font-size:13px;padding:8px 12px}.filter-select{min-width:100px;padding:4px 8px}.article-header{align-items:flex-start;flex-direction:column}.article-header h2{font-size:var(--font-size-h4)}.article-content{padding:16px}.article-footer{align-items:flex-start;flex-direction:column}.article-meta{flex-wrap:wrap;gap:12px;width:100%}.article-read-btn{justify-content:center;width:100%}}@media (max-width:480px){.article-page-header h1{font-size:28px}.article-header h2{font-size:var(--font-size-body)}.article-excerpt{font-size:var(--font-size-body-sm)}.article-meta{font-size:12px}.filter-group{flex:1 1;min-width:120px}.filter-select{min-width:auto;width:100%}}.article-center-faq{margin-top:0;padding-top:0}.article-center-faq-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.article-center-faq-list{display:flex;flex-direction:column;gap:8px}.article-center-faq-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.article-center-faq-question{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:14px 16px;text-align:left;transition:background .2s;width:100%}.article-center-faq-question:hover{background:#ffffff0f}.article-center-faq-chevron{color:#72ffff;flex-shrink:0;font-size:18px;margin-left:12px}.article-center-faq-answer{padding:0 16px 14px}.article-center-faq-answer p{color:#ffffffbf;font-size:13px;line-height:1.6;margin:0}.article-detail-page{background:#0000;min-height:0;padding:30px 14px 40px}.article-detail-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0 0 24px;width:100%}.article-detail-main{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:0}@media (max-width:768px){.article-detail-page{padding:18px 14px 32px}.article-detail-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;margin:0;padding:6px 0 0;position:static;top:auto}.article-back-btn-small{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414c7;margin-bottom:8px;position:static;top:auto;z-index:auto}}.article-detail-loading,.article-detail-not-found{align-items:center;background:#0000;color:#fffc;display:flex;justify-content:center;min-height:260px}.article-detail-not-found{flex-direction:column;gap:20px;padding:20px;text-align:center}.article-detail-not-found h2{color:#fff;font-size:32px}.article-detail-not-found p{color:#ffffffb3;font-size:var(--font-size-body)}.article-back-btn{align-items:center;background:linear-gradient(135deg,#72ffff,#00d4d4);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.article-back-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.article-detail-header{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;margin:0 -14px;padding:6px 14px 12px;position:static;top:auto;z-index:auto}.article-back-btn-small{align-items:center;background:#ffffff0a;border:none;border-radius:6px;color:#ffffffbf;cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .3s ease}.article-back-btn-small:hover{background:#ffffff1a}.article-detail-header h1{color:#fff;font-size:30px;font-weight:700;line-height:1.2;margin:16px 0}.article-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:16px 0;padding-bottom:16px}.article-detail-meta .meta-item{align-items:center;color:#ffffffb3;display:flex;font-size:var(--font-size-body-sm);gap:6px}.article-detail-meta .meta-item svg{color:#72ffff;flex-shrink:0;height:16px;width:16px}.article-detail-meta .meta-item.liked{color:#ff6b81}.category-badge{background:#ffffff14;border-radius:20px;color:#ffffffe6;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.article-detail-actions{display:flex;gap:12px;margin-top:20px}.action-btn{background:#ffffff05;border:1px solid #ffffff1f;color:#ffffffc7;transition:all .3s ease}.action-btn:hover{background:#72ffff14;border-color:#72ffffe6;color:#72ffff}.action-btn.like-btn:active{background:#fce4ec;border-color:#d32f2f;color:#d32f2f}.article-detail-content{animation:fadeIn .6s ease-out .2s both;margin:15px 0 40px}.article-excerpt-box{background:#ffffff0a;border-radius:8px;margin-bottom:30px;padding:20px}.article-excerpt-box p{color:#ffffffc2;font-style:italic;margin:0}.article-body,.article-excerpt-box p{font-size:var(--font-size-body);line-height:1.8}.article-body{color:#ffffffe6;font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,Hiragino Sans GB,sans-serif;margin-bottom:30px}.article-body p{word-wrap:break-word;margin-bottom:16px;white-space:pre-wrap}.article-body p:last-child{margin-bottom:0}.article-body-html h2{color:#fffffff2;font-size:1.25em;font-weight:600;margin:24px 0 12px}.article-body-html h2:first-child{margin-top:0}.article-body-html ol,.article-body-html ul{margin:12px 0;padding-left:1.5em}.article-body-html li{margin-bottom:8px}.article-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px}.article-detail-tags .tag{align-items:center;background:#ffffff0f;border-radius:20px;color:#ffffffc7;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .3s ease}.article-detail-tags .tag:hover{background:#72ffff29;color:#72ffff;cursor:pointer}.article-detail-tags svg{height:14px;width:14px}.article-related-container{animation:fadeIn .6s ease-out .4s both;margin:40px auto 0;max-width:880px;padding:0 24px 12px}.article-related-container h3{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:10px;margin-bottom:20px}.article-related-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.article-related-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.article-related-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.article-related-item img{display:block;height:160px;object-fit:cover;width:100%}.related-info{padding:16px}.related-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:var(--font-size-body);font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.related-date{color:#999;font-size:12px}@media (max-width:768px){.article-detail-container{padding:20px 16px}.article-detail-header h1{font-size:28px}.article-detail-meta{font-size:13px;gap:12px}.article-detail-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.article-body{font-size:var(--font-size-body)}.article-related-list{grid-template-columns:1fr}.article-related-container{margin:40px auto}}@media (max-width:480px){.article-detail-header h1{font-size:22px}.article-detail-meta{font-size:12px;gap:8px}.article-excerpt-box{padding:16px}.article-body,.article-excerpt-box p{font-size:var(--font-size-body-sm)}.article-body{line-height:1.6}}.article-detail-faq{border-top:1px solid #ffffff1f;margin-top:40px;padding-top:28px}.article-detail-faq-title{color:#fff;font-size:17px;font-weight:600;margin:0 0 14px}.article-detail-faq-list{display:flex;flex-direction:column;gap:8px}.article-detail-faq-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.article-detail-faq-question{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 14px;text-align:left;transition:background .2s;width:100%}.article-detail-faq-question:hover{background:#ffffff0f}.article-detail-faq-chevron{color:#72ffff;flex-shrink:0;font-size:16px;margin-left:10px}.article-detail-faq-answer{padding:0 14px 12px}.article-detail-faq-answer p{color:#ffffffbf;font-size:13px;line-height:1.6;margin:0}.share-detail-embedded{display:flex;flex-direction:column;min-height:100%;overflow:hidden;width:100%}.share-detail-embedded .share-detail-container{min-height:100%}.share-detail-container{color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;padding-bottom:110px;position:relative}.share-detail-container:before{background-image:url(https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=1200);background-image:var(--bg-image,url("https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=1200"));background-position:50%;background-size:cover;bottom:0;content:"";filter:blur(60px);left:0;opacity:1;position:absolute;right:0;top:0;z-index:-2}.share-detail-container:after{background:linear-gradient(180deg,#00000059,#00000080 50%,#00000059);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.share-detail-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:72px;padding:16px 24px;position:fixed;right:0;top:0;z-index:100}.share-detail-embedded .share-detail-header{left:0}.back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:8px;transition:background-color .2s}.back-btn:hover{background-color:#ffffff1a}.header-title{flex:1 1;font-size:var(--font-size-h4);font-weight:600;text-align:center}.share-detail-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.share-detail-main-content{flex-direction:column;margin:0 auto 0 0;max-width:900px;padding:15px 32px 48px;text-align:left}.share-detail-hero,.share-detail-main-content{align-items:flex-start;display:flex;width:100%}.share-detail-hero{gap:20px;margin-bottom:32px;margin-top:80px;padding:0}.share-detail-hero .song-cover{flex-shrink:0;margin-bottom:0}.share-detail-hero-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.share-detail-hero-info .share-detail-meta-row,.share-detail-hero-info .share-detail-user-row,.share-detail-hero-info .song-info{margin-bottom:0}.share-detail-hero-info .share-detail-style-desc{margin-bottom:0;width:100%}.share-detail-main-content .song-cover{align-self:flex-start;margin-bottom:24px}.share-detail-main-content .song-info{margin-bottom:12px;text-align:left;width:100%}.share-detail-main-content .song-title{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.song-title-badge{background:#72ffff26;border:1px solid #72ffff66;border-radius:999px;color:#72ffff;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.share-detail-user-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.share-detail-avatar{border:1px solid #fff3;border-radius:50%;height:32px;object-fit:cover;width:32px}.share-detail-artist-name{color:#ffffffe6;font-size:var(--font-size-body-sm)}.share-detail-meta-row{align-items:center;color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:12px}.share-detail-meta-item{align-items:center;display:inline-flex;gap:6px}.share-detail-meta-icon{font-size:14px;opacity:.9}.share-detail-meta-actions{align-items:center;display:inline-flex;gap:12px;margin-left:auto}.share-detail-meta-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:4px 8px;transition:color .2s,background .2s}.share-detail-meta-action-btn:hover{background:#ffffff14;color:#fff}.share-detail-meta-action-btn.like-btn.liked{color:#ff6478}.share-detail-style-desc{border:none;color:#8a8a8a;font-size:14px;line-height:1.6;margin-bottom:20px;max-height:9.6em;overflow-y:auto;padding:0;text-align:left;width:100%}.share-detail-style-desc::-webkit-scrollbar{width:6px}.share-detail-style-desc::-webkit-scrollbar-track{background:#0000}.share-detail-style-desc::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.share-detail-reference-metrics{background:#0a141873;border:1px solid #72ffff40;border-radius:10px;margin:8px 0 18px;padding:10px 12px;width:100%}.share-detail-reference-item{align-items:center;display:flex;font-size:13px;gap:10px;justify-content:space-between;line-height:1.5}.share-detail-reference-item+.share-detail-reference-item{margin-top:4px}.share-detail-reference-label{color:#ffffffbf}.share-detail-reference-value{color:#72ffff;font-weight:600}.share-detail-style-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.share-detail-main-content .player-controls{margin:0 0 14px;max-width:100%;width:100%}.share-detail-progress{align-items:center;display:flex;gap:12px;padding-top:4px;width:100%}.share-detail-progress .time{font-feature-settings:"tnum";color:#fff9;font-size:12px;font-variant-numeric:tabular-nums;min-width:36px}.share-detail-progress .progress-input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#72ffff,#72ffff 0,#ffffff29 0,#ffffff29);background:linear-gradient(90deg,#72ffff 0,#72ffff var(--progress,0),#ffffff29 var(--progress,0),#ffffff29 100%);border-radius:999px;flex:1 1;height:8px;outline:none}.share-detail-progress .progress-input::-webkit-slider-runnable-track{background:#0000;border-radius:999px;height:8px}.share-detail-progress .progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#72ffff;border-radius:50%;box-shadow:0 0 8px #72ffffb3;height:14px;margin-top:-3px;width:14px}.share-detail-progress .progress-input::-moz-range-track{background:#ffffff29;border-radius:999px;height:8px}.share-detail-progress .progress-input::-moz-range-thumb{background:#72ffff;border:none;border-radius:50%;box-shadow:0 0 8px #72ffffb3;height:14px;width:14px}.share-detail-actions{align-items:center;display:flex;gap:12px;margin-bottom:32px}.share-detail-action-btn{align-items:center;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 14px;transition:background .2s,border-color .2s}.share-detail-action-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.share-detail-action-btn.like-btn.liked{background:#ff647826;border-color:#ff647880;color:#ff6478}.share-detail-main-content .music-lyrics-section{margin-bottom:0;padding-top:12px;position:relative;width:100%;z-index:20}.song-cover{border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,0 0 40px #0009;cursor:pointer;height:280px;margin-bottom:32px;overflow:hidden;position:relative;width:280px}.song-cover-overlay{background:#0003;inset:0;pointer-events:none;position:absolute;z-index:1}.cover-play-btn{align-items:center;background:#000000bf;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s,transform .2s;width:56px;z-index:2}.cover-play-btn:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.05)}.song-cover:before{background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 50%);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.player-controls{max-width:320px;width:100%}.play-btn-wrapper{margin-bottom:20px}.play-btn,.play-btn-wrapper{display:flex;justify-content:center}.play-btn{align-items:center;background:linear-gradient(135deg,#fff,#e0f7fa 30%,#00bcd4);border:none;border-radius:50%;box-shadow:0 4px 20px #00bcd466;color:#000;cursor:pointer;height:72px;transition:transform .2s,box-shadow .2s;width:72px}.play-btn:hover{box-shadow:0 6px 24px #00bcd480;transform:scale(1.05)}.progress-bar{align-items:center;display:flex;gap:12px;margin-bottom:24px;width:100%}.progress-bar .time{font-feature-settings:"tnum";color:#ffffffb3;font-size:12px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.progress-input{-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.progress-input::-webkit-slider-runnable-track{background:#ffffff26;border-radius:3px;height:6px}.progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00bcd4;border-radius:50%;box-shadow:0 0 8px #00bcd499;cursor:pointer;height:14px;margin-top:-4px;width:14px}.progress-input::-moz-range-track{background:#ffffff26;border-radius:3px;height:6px}.progress-input::-moz-range-thumb{background:#00bcd4;border:none;border-radius:50%;box-shadow:0 0 8px #00bcd499;cursor:pointer;height:14px;width:14px}.song-cover img{display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:0}.song-info{margin-bottom:20px;text-align:center;width:100%}.song-title{font-size:24px;font-weight:700;margin-bottom:8px;word-break:break-word}.song-artist{color:#999;font-size:var(--font-size-body-sm);margin-bottom:8px}.song-style{color:#72ffff;font-size:13px;margin-bottom:8px}.song-date{color:#666;font-size:12px}.song-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.tag{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:6px 14px;white-space:nowrap}.style-tag{background:#0ff3;border:1px solid #0ff;color:#0ff}.vocal-tag{background:#72ffff33;border:1px solid #72ffff;color:#72ffff}.duration-tag{background:#ffffff1a;border:1px solid #fff3;color:#ddd}.action-btn{border:none!important;border-radius:50%;height:48px;padding:0;transition:all .2s;width:48px}.action-btn,.action-btn:hover{background:none!important;background-color:initial!important}.action-btn:hover{opacity:.7;transform:scale(1.1)}.like-btn.liked{background:#0ff3;border-color:#0ff;color:#0ff}.action-count{display:inline-block;font-size:12px;font-weight:600;margin-left:4px;min-width:16px;text-align:center}.action-btn{gap:4px}.share-detail-right{flex:1 1;overflow-y:auto;padding:40px 32px}.lyrics-header{color:#72ffff;font-size:var(--font-size-h4);font-weight:600;margin-bottom:24px}.lyrics-content{display:flex;flex-direction:column;gap:2px;padding-bottom:15px}.lyrics-line{color:#ddd;font-size:var(--font-size-body-sm);line-height:1.6;word-break:break-word}.lyric-tag{color:#72ffff;font-weight:500}.timestamped-lyric{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .3s ease}.timestamped-lyric:hover{background:#72ffff1a}.timestamped-lyric.active{background:#72ffff40;box-shadow:inset 0 0 12px #72ffff33;color:#72ffff;font-weight:500}.lyric-time{color:#999;display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:500;min-width:48px}.timestamped-lyric.active .lyric-time{color:#72ffff;font-weight:600}.lyric-text{color:#ddd;flex:1 1;font-size:var(--font-size-body-sm);line-height:1.6}.timestamped-lyric.active .lyric-text{color:#72ffff}.lyrics-content::-webkit-scrollbar{width:6px}.lyrics-content::-webkit-scrollbar-track{background:#0000}.lyrics-content::-webkit-scrollbar-thumb{background:#72ffff4d;border-radius:3px}.lyrics-content::-webkit-scrollbar-thumb:hover{background:#72ffff80}.no-lyrics{color:#999;padding:40px 20px;text-align:center}.music-description-section,.music-info-section,.music-lyrics-section{margin-bottom:40px}.section-header{font-size:var(--font-size-body);margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.lyrics-section-title,.section-header{color:#72ffff;font-weight:600;letter-spacing:.5px}.lyrics-section-title{display:block;font-size:20px;line-height:1.4;margin:0 0 20px;overflow:visible;position:relative;z-index:21}.music-description{color:#bbb;font-size:var(--font-size-body-sm);line-height:1.8;white-space:pre-wrap;word-break:break-word}.music-info-section{background:#ffffff08;border-radius:8px;padding:16px}.info-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0}.info-item:last-child{border-bottom:none}.info-label{color:#999;font-size:13px;font-weight:500;min-width:65px}.music-info-section .info-value{color:#ddd;flex:1 1;font-size:13px;padding-left:12px;text-align:left;word-break:break-word}.error,.loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;text-align:center}.error button{background:linear-gradient(135deg,#fff,#fff 20%,#0ff);border:none;border-radius:8px;box-shadow:0 4px 12px #00ccff4d;color:#000;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.error button:hover{box-shadow:0 6px 16px #0cf6;transform:translateY(-1px)}.share-toast{align-items:center;animation:slideUp .3s ease-out;background:#22c55ef2;border-radius:8px;bottom:40px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:var(--font-size-body-sm);font-weight:500;gap:8px;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}@media (max-width:1024px){.share-detail-main-content{max-width:100%;padding:50px 24px 40px}.share-detail-main-content .song-cover{height:240px;width:240px}}@media (max-width:768px){.share-detail-main-content{padding:46px 16px 16px}.share-detail-hero{align-items:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;flex-direction:column;padding:0;position:static}.share-detail-hero .song-cover,.share-detail-main-content .song-cover{aspect-ratio:1;height:auto;max-width:280px;width:100%}.share-detail-main-content .song-title{font-size:20px}.share-detail-meta-row{font-size:12px;gap:16px}.share-detail-style-tags .style-tag{font-size:11px;padding:4px 10px}.share-detail-actions{flex-wrap:wrap;margin-bottom:24px}.share-detail-action-btn{font-size:13px;padding:6px 12px}.lyrics-content{max-height:none}.lyric-text,.lyrics-line{font-size:13px}}.bottom-player{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border-top:1px solid #ffffff1a;bottom:0;display:flex;height:90px;left:72px;padding:0 24px;position:fixed;right:0;z-index:1000}.bottom-player-content{align-items:center;display:flex;gap:24px;width:100%}.bottom-player-left{align-items:center;display:flex;flex:0 0 240px;gap:12px;min-width:240px}.bottom-player-cover{border-radius:8px;box-shadow:0 2px 8px #0000004d;height:60px;object-fit:cover;width:60px}.bottom-player-info{flex:1 1;min-width:0}.bottom-player-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.bottom-player-artist,.bottom-player-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-player-artist{color:#fff9;font-size:12px}.bottom-player-center{display:flex;flex:1 1;flex-direction:column;gap:8px;margin:0 auto;max-width:600px;min-width:0}.bottom-player-controls{gap:8px}.bottom-player-control-btn,.bottom-player-controls{align-items:center;display:flex;justify-content:center}.bottom-player-control-btn{background:#0000;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;height:36px;transition:all .2s;width:36px}.bottom-player-control-btn:hover{background:#ffffff1a;color:#fff}.bottom-player-play-btn{align-items:center;background:linear-gradient(90deg,#000 0,#000 15%,#1a1a1a 20%,#4a4a4a 28%,#5a5a5a 35%,#3a3a3a 75%,#2a2a2a 82%,#000);border:none;border-radius:50%;box-shadow:0 2px 8px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0 4px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px}.bottom-player-play-btn:hover{background:linear-gradient(90deg,#000 0,#000 15%,#2a2a2a 20%,#5a5a5a 28%,#6a6a6a 35%,#4a4a4a 75%,#3a3a3a 82%,#000);transform:translateY(-1px)}.bottom-player-progress{align-items:center;display:flex;flex:1 1;gap:10px;position:relative}.bottom-player-time{font-feature-settings:"tnum";color:#ffffffb3;font-size:11px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.bottom-player-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none;position:relative}.bottom-player-slider:before{background:linear-gradient(90deg,#fff,#72ffff);border-radius:2px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;width:var(--progress,0);z-index:1}.bottom-player-slider::-webkit-slider-runnable-track{background:#0000;border-radius:2px;height:4px}.bottom-player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:12px;margin-top:-4px;position:relative;width:12px;z-index:2}.bottom-player-slider::-moz-range-track{background:#fff3;border-radius:2px;height:4px}.bottom-player-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 8px #ffffff80;cursor:pointer;height:12px;width:12px}.bottom-player-slider::-moz-range-progress{background:linear-gradient(90deg,#a9f,#8066ff);border-radius:2px;height:4px}.bottom-player-right{align-items:center;display:flex;flex:0 0 140px;gap:8px;justify-content:flex-end;min-width:140px}.bottom-player-action{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.bottom-player-action:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.bottom-player{height:80px;padding:0 12px}.bottom-player-content{gap:12px}.bottom-player-left{flex:0 0 160px;min-width:160px}.bottom-player-center{max-width:none}.bottom-player-controls{gap:4px}.bottom-player-control-btn{height:32px;width:32px}.bottom-player-play-btn{margin:0 2px}.bottom-player-right{flex:0 0 100px;gap:4px;min-width:100px}.bottom-player-time{font-size:10px;min-width:32px}.bottom-player-cover{height:48px;width:48px}.bottom-player-title{font-size:13px}.bottom-player-artist{font-size:11px}.bottom-player-play-btn{height:36px;width:36px}.bottom-player-right{gap:8px}.bottom-player-action{height:32px;width:32px}}@media (min-width:769px){.share-detail-main-content{padding-top:15px}.share-detail-hero{margin-top:80px}}.ai-assistant-wrapper{bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:10000}.ai-assistant-wrapper.ai-assistant-first-visit-move{transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.ai-assistant-wrapper.ai-assistant-desktop-small .ai-float-btn{height:56px;width:56px}.ai-assistant-wrapper.ai-assistant-desktop-small .ai-float-btn .hamster-character,.ai-assistant-wrapper.ai-assistant-desktop-small .hamster-character{height:40px;width:40px}.ai-assistant-wrapper.ai-assistant-mobile-bottom,.ai-assistant-wrapper.ai-assistant-mobile-top{bottom:calc(80px + env(safe-area-inset-bottom, 0));left:auto;right:14px;top:auto}.ai-assistant-wrapper.ai-assistant-mobile-drawer-open{bottom:0;left:auto;right:0;top:auto;z-index:1000003}.ai-assistant-wrapper.ai-assistant-mobile-small .ai-float-btn{height:48px;width:48px}.ai-assistant-wrapper.ai-assistant-mobile-small .ai-float-btn .hamster-character,.ai-assistant-wrapper.ai-assistant-mobile-small .hamster-character{height:34px;width:34px}.ai-chat-overlay{animation:ai-overlay-fade .32s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000006b;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000004}@keyframes ai-overlay-fade{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:1}}.ai-chat-drawer{animation:ai-drawer-slide .42s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121212fa;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -12px 36px #00000061,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;height:min(86dvh,740px);left:0;max-width:none;position:fixed;right:0;top:auto;transform-origin:center bottom;width:100%;z-index:1000005}.ai-chat-drawer:before{background:#ffffff47;border-radius:999px;content:"";height:5px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:44px;z-index:2}@keyframes ai-drawer-slide{0%{opacity:0;transform:translateY(100%) scaleY(.96)}68%{opacity:1;transform:translateY(-1.5%) scaleY(1)}to{opacity:1;transform:translateY(0) scaleY(1)}}.ai-chat-window-in-drawer{border-radius:0;bottom:auto!important;box-shadow:none;display:flex;flex:1 1;flex-direction:column;height:100%!important;max-height:100%!important;min-height:0;position:relative!important;right:auto!important;width:100%!important}.ai-chat-drawer .ai-chat-header,.ai-chat-drawer .ai-chat-input-area,.ai-chat-drawer .ai-chat-messages,.ai-chat-drawer .ai-chat-quick-actions{animation:ai-drawer-content-in .34s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(10px)}.ai-chat-drawer .ai-chat-header{animation-delay:.08s;padding-top:20px}.ai-chat-drawer .ai-chat-messages{animation-delay:.14s}.ai-chat-drawer .ai-chat-input-area,.ai-chat-drawer .ai-chat-quick-actions{animation-delay:.2s}@keyframes ai-drawer-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-drawer .ai-chat-window{animation:none}.ai-chat-drawer .ai-chat-window-in-drawer{height:100vh!important;max-height:100dvh!important}.ai-chat-drawer .ai-chat-messages{flex:1 1;max-height:none!important;min-height:0;overflow-y:auto}.ai-chat-drawer .ai-chat-window{height:100%!important;max-height:100%!important}@media (prefers-reduced-motion:reduce){.ai-chat-drawer,.ai-chat-drawer .ai-chat-header,.ai-chat-drawer .ai-chat-input-area,.ai-chat-drawer .ai-chat-messages,.ai-chat-drawer .ai-chat-quick-actions,.ai-chat-overlay{animation:none!important;opacity:1!important;transform:none!important}}.ai-assistant-wrapper.bubble-active .ai-float-btn{animation:none}.ai-assistant-wrapper.bubble-active .ai-float-btn.pop-out{animation:hamster-pop-out .6s ease-out}.ai-assistant-wrapper.ai-assistant-disappear .ai-float-btn{animation:none;opacity:0;transform:scale(0);transition:transform .18s ease-out,opacity .18s ease-out}.ai-assistant-wrapper.ai-assistant-appear .ai-float-btn{animation:hamster-appear-in .22s ease-out}@keyframes hamster-appear-in{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.ai-assistant-wrapper.ai-assistant-summon-rolling .ai-float-btn{animation:hamster-roll-in 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes hamster-roll-in{0%{opacity:0;transform:translateX(-120px) rotate(-540deg) scale(.4)}60%{opacity:1;transform:translateX(8px) rotate(20deg) scale(1.05)}80%{transform:translateX(-4px) rotate(-8deg) scale(1.02)}to{opacity:1;transform:translateX(0) rotate(0) scale(1)}}.ai-float-btn{align-items:center;animation:float-bounce 3s ease-in-out infinite;background:linear-gradient(135deg,#ffe4b5,#ffdab9 50%,#ffd1a4);border-radius:50%;box-shadow:0 4px 20px #ffa55059,0 0 0 3px #ffc8784d;cursor:pointer;display:flex;height:68px;justify-content:center;touch-action:none;transition:transform .3s ease,box-shadow .3s ease;user-select:none;-webkit-user-select:none;width:68px}.ai-float-btn:hover{box-shadow:0 6px 28px #ffa55080,0 0 0 4px #ffc87866;transform:scale(1.1)}.ai-float-btn.hidden{opacity:0;pointer-events:none;transform:scale(0)}.ai-float-btn.waiting{animation:float-bounce 1.5s ease-in-out infinite}.ai-float-btn.excited{animation:float-excited .5s ease-in-out 3}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float-excited{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(-5deg)}75%{transform:scale(1.15) rotate(5deg)}}@keyframes hamster-pop-out{0%{transform:scale(1) translateY(0)}15%{transform:scale(1.08,.92) translateY(-4px)}35%{transform:scale(.95,1.12) translateY(-14px)}55%{transform:scale(1.06,.96) translateY(-6px)}75%{transform:scale(1.02) translateY(-2px)}to{transform:scale(1) translateY(0)}}.hamster-character{position:relative}.ai-float-btn .hamster-character,.hamster-character{height:48px;width:48px}.ai-chat-header .hamster-character{height:36px;width:36px}.hamster-body{height:100%;position:relative;width:100%}.hamster-head{background:linear-gradient(180deg,#ffe4b5,#ffdab9);border-radius:50% 50% 45% 45%;height:70%;left:10%;position:absolute;top:20%;width:80%}.hamster-ear{background:#f5c89a;border-radius:50%;height:28%;position:absolute;top:8%;width:30%}.hamster-ear.left{left:8%;transform:rotate(-15deg)}.hamster-ear.right{right:8%;transform:rotate(15deg)}.hamster-ear:after{background:#ffb6c1;content:"";height:60%;left:20%;top:20%;width:60%}.hamster-ear:after,.hamster-eye{border-radius:50%;position:absolute}.hamster-eye{background:#2c1810;height:18%;top:32%;transition:all .3s ease;width:18%}.hamster-eye.left{left:22%}.hamster-eye.right{right:22%}.hamster-eye:after{background:#fff;border-radius:50%;content:"";height:35%;left:15%;position:absolute;top:15%;width:35%}.hamster-eye.happy{border-radius:0 0 50% 50%/0 0 100% 100%;height:8%;top:36%}.hamster-eye.sleeping{border-radius:10px;height:3%;top:38%}.hamster-eye.happy:after,.hamster-eye.sleeping:after{display:none}.hamster-nose{background:#e8967a;border-radius:50%;top:50%;width:10%}.hamster-mouth,.hamster-nose{height:8%;left:50%;position:absolute;transform:translateX(-50%)}.hamster-mouth{border:2px solid;border-color:#0000 #0000 #d4856a;border-radius:0 0 50% 50%;top:60%;transition:all .3s ease;width:16%}.hamster-mouth.excited,.hamster-mouth.happy{border-bottom:2px solid #d4856a;border-left:1px solid #0000;border-right:1px solid #0000;height:12%;width:22%}.hamster-mouth.thinking{border:2px solid #d4856a;border-radius:50%;height:8%;top:62%;width:8%}.hamster-cheek{background:#ff96964d;border-radius:50%;height:16%;position:absolute;top:48%;width:22%}.hamster-cheek.left{left:4%}.hamster-cheek.right{right:4%}.hamster-thinking-dots{display:flex;gap:3px;position:absolute;right:-8px;top:-2px}.hamster-thinking-dots span{animation:dot-bounce 1.2s ease-in-out infinite;background:#aaa;border-radius:50%;height:5px;width:5px}.hamster-thinking-dots span:nth-child(2){animation-delay:.2s}.hamster-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.hamster-music-notes{animation:notes-float 2s ease-in-out infinite;color:#9b59b6;font-size:11px;position:absolute;right:-12px;top:-4px}@keyframes notes-float{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.7;transform:translateY(-8px) rotate(10deg)}}.hamster-sparkles{display:flex;font-size:10px;gap:2px;position:absolute;right:-10px;top:-6px}.hamster-sparkles span{animation:sparkle .8s ease-in-out infinite alternate}.hamster-sparkles span:nth-child(2){animation-delay:.3s}.hamster-sparkles span:nth-child(3){animation-delay:.6s}@keyframes sparkle{0%{opacity:.5;transform:scale(.5)}to{opacity:1;transform:scale(1.2)}}.ai-bubble{animation:bubble-in .4s ease-out;background:#fff;border:1px solid #ffc8784d;border-radius:16px;bottom:80px;box-shadow:0 4px 24px #0000001f;cursor:pointer;max-width:280px;min-width:200px;padding:12px 16px;position:absolute;right:0}.ai-bubble-content{color:#333;font-size:13px;line-height:1.5;margin-bottom:10px}.ai-bubble-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-bubble-btn{border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .2s,transform .15s}.ai-bubble-btn:active{transform:scale(.97)}.ai-bubble-btn.need{background:linear-gradient(135deg,#ff9f43,#ee5a24);color:#fff}.ai-bubble-btn.need:hover{background:linear-gradient(135deg,#ee5a24,#e74c3c)}.ai-bubble-btn.no-need{background:#f0f0f0;color:#666}.ai-bubble-btn.no-need:hover{background:#e0e0e0}.ai-bubble-btn.analyze{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.ai-bubble-btn.analyze:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98)}.ai-bubble-arrow{background:#fff;border-bottom:1px solid #ffc8784d;border-right:1px solid #ffc8784d;bottom:-8px;height:16px;position:absolute;right:28px;transform:rotate(45deg);width:16px}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chat-window{animation:chat-open .35s ease-out;background:#fff;border:1px solid #ffc87833;border-radius:20px;bottom:80px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;height:min(560px,58vh);max-height:min(560px,58vh);overflow:hidden;position:absolute;right:0;width:380px}.ai-chat-window,.ai-chat-window.minimized{transition:height .25s ease,max-height .25s ease}.ai-chat-window.minimized{height:56px!important;max-height:56px!important;min-height:56px!important}@keyframes chat-open{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#fff5e6,#fff0db);border-bottom:1px solid #ffc87833;display:flex;flex-shrink:0;justify-content:space-between;left:0;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:2}.ai-chat-header-left{align-items:center;display:flex;gap:10px}.ai-chat-name{color:#1f2433;font-size:14px;font-weight:700;text-shadow:0 1px 0 #fff6}.ai-chat-status{color:#707a8f;font-size:11px}.ai-chat-header-actions{display:flex;gap:4px}.ai-chat-header-actions button{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background .2s;width:28px}.ai-chat-header-actions button:hover{background:#0000001a}.ai-chat-header-left.ai-chat-header-draggable{cursor:move;-webkit-user-select:none;user-select:none}.ai-assistant-dismissed-strip{align-items:center;background:linear-gradient(135deg,#fff9f0,#fff5e6);border:1px solid #ffe4b5cc;border-radius:12px 0 0 12px;border-right:none;box-shadow:-2px 0 12px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px 12px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:background .2s,padding-right .2s;z-index:9999}.ai-assistant-dismissed-strip:hover{background:linear-gradient(135deg,#ffe4b5,#ffdab9);padding-right:8px}.ai-dismissed-avatar{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.ai-dismissed-avatar .hamster-character{height:36px;width:36px}.ai-dismissed-label{color:#8b6914;font-size:12px;font-weight:500}.ai-goodbye-overlay{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px 16px}.ai-goodbye-text{color:#8b6914;font-size:15px;margin:0;padding:12px 0;text-align:center}.ai-goodbye-text.ai-goodbye-hint{color:#666;font-size:13px;padding:0 0 16px}.ai-goodbye-text.ai-goodbye-hint-large{color:#8b6914;font-size:16px;font-weight:600;line-height:1.4;padding:8px 12px 16px}.ai-goodbye-confirm-q{color:#333;font-size:14px;margin:0 0 16px;text-align:center}.ai-goodbye-confirm-actions{display:flex;gap:12px;justify-content:center}.ai-goodbye-confirm-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-size:14px;padding:8px 20px}.ai-goodbye-confirm-btn.confirm{background:linear-gradient(135deg,#ffe4b5,#ffdab9);border-color:#e8c88a;color:#8b6914}.ai-goodbye-confirm-btn.cancel:hover,.ai-goodbye-confirm-btn.confirm:hover{opacity:.9}.ai-goodbye-burrow{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding-bottom:24px;position:relative}.ai-goodbye-hole{background:#2a2a2a;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:inset 0 6px 12px #0006;height:36px;width:72px}.ai-goodbye-hamster{animation:ai-burrow 1.2s ease-in forwards;bottom:44px;font-size:40px;left:50%;line-height:1;position:absolute;transform:translateX(-50%)}@keyframes ai-burrow{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:.6;transform:translateX(-50%) translateY(48px) scale(.25)}}.ai-chat-quick-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:10px 12px}.ai-model-select-inline{border-radius:16px;height:32px;min-width:108px}.ai-quick-btn{align-items:center;background:linear-gradient(135deg,#fff9f0,#fff5e6);border:1px solid #ffe4b5;border-radius:20px;color:#8b6914;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:5px 10px;transition:all .2s;white-space:nowrap}.ai-quick-btn:hover{background:linear-gradient(135deg,#ffe4b5,#ffdab9);box-shadow:0 2px 8px #ffa55033;transform:translateY(-1px)}.ai-quick-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-quick-label{font-size:11px}.ai-chat-messages{flex:1 1;max-height:none;min-height:0;overflow-y:auto;padding:16px 12px;scroll-behavior:smooth}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.ai-welcome-msg{color:#666;padding:20px 10px;text-align:center}.ai-welcome-hamster{display:flex;justify-content:center;margin-bottom:12px;transform:scale(1.5)}.ai-welcome-msg p{font-size:14px;margin:4px 0}.ai-welcome-tip{color:#999!important;font-size:12px!important;line-height:1.5;margin-top:8px!important}.ai-msg{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.ai-msg.user{flex-direction:row-reverse}.ai-msg-avatar{align-items:center;background:linear-gradient(135deg,#ffe4b5,#ffdab9);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-msg-avatar.user-avatar{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.ai-msg-bubble{border-radius:16px;font-size:13px;line-height:1.6;max-width:75%;padding:10px 14px;word-break:break-word}.ai-msg.assistant .ai-msg-bubble{background:#f5f5f5;border-top-left-radius:4px;color:#333}.ai-msg.user .ai-msg-bubble{background:linear-gradient(135deg,#ffe4b5,#ffdab9);border-top-right-radius:4px;color:#333}.ai-msg-while-typing .ai-msg-bubble{opacity:.9}.ai-msg-while-typing .ai-msg-text{color:#666;font-size:12px}.ai-msg-text{font-size:13px;line-height:1.6}.ai-msg-extracted{border-top:1px dashed #0000001a;margin-top:8px;padding-top:6px}.ai-extracted-badge{background:#27ae601a;border-radius:10px;color:#27ae60;font-size:11px;padding:3px 8px}.ai-msg-credits{color:#999;font-size:10px;margin-top:4px;text-align:right}.ai-msg-fill-offer{border-top:1px dashed #0000001a;margin-top:10px;padding-top:8px}.ai-fill-offer-label{color:#666;display:block;font-size:12px;margin-bottom:8px}.ai-fill-offer-actions{display:flex;gap:8px}.ai-msg-suggested-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-msg-suggested-actions .ai-bubble-btn{flex:0 0 auto}.ai-fill-offer-btn{border:none;border-radius:16px;cursor:pointer;font-size:12px;padding:5px 12px;transition:background .2s}.ai-fill-offer-btn.yes{background:linear-gradient(135deg,#ff9f43,#ee5a24);color:#fff}.ai-fill-offer-btn.yes:hover{background:linear-gradient(135deg,#ee5a24,#e74c3c)}.ai-fill-offer-btn.no{background:#f0f0f0;color:#666}.ai-fill-offer-btn.no:hover{background:#e0e0e0}.ai-fill-offer-btn.copy{background:#0000;border:1px solid #ccc;color:#666}.ai-fill-offer-btn.copy:hover{background:#f5f5f5;border-color:#999}.ai-typing-indicator{display:flex;gap:4px;padding:4px 0}.ai-typing-indicator span{animation:typing-dot 1.4s infinite;background:#bbb;border-radius:50%;height:7px;width:7px}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-chat-input-area{align-items:flex-end;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.ai-model-select{background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;flex-shrink:0;font-size:12px;height:36px;outline:none;padding:0 8px;width:96px}.ai-model-select:focus{border-color:#ffd1a4}.ai-voice-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.ai-voice-btn:hover{background:#e0e0e0}.ai-voice-btn.listening{animation:pulse-red 1.5s ease-in-out infinite;background:#ff6b6b}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #ff6b6b66}50%{box-shadow:0 0 0 8px #ff6b6b00}}.ai-chat-input{background:#fff;border:1px solid #e0e0e0;border-radius:18px;caret-color:#72ffff;color:#2b2b2b;cursor:text;flex:1 1;font-family:inherit;font-size:13px;line-height:1.4;max-height:80px;outline:none;padding:8px 14px;resize:none;transition:border-color .2s}.ai-chat-input:focus{border-color:#ffd1a4}.ai-chat-input::placeholder{color:#bbb}.ai-send-btn{background:linear-gradient(135deg,#ffd1a4,#ffb347);border:none;border-radius:18px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.ai-send-btn:hover:not(:disabled){box-shadow:0 2px 8px #ffb34766;transform:translateY(-1px)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ai-assistant-wrapper{bottom:80px;right:12px}.ai-float-btn{height:56px;width:56px}.ai-float-btn .hamster-character{height:40px;width:40px}.ai-chat-window{border-radius:16px;bottom:68px;height:min(480px,55vh);max-height:min(480px,55vh);right:-6px;width:calc(100vw - 24px)}.ai-bubble{bottom:68px;max-width:calc(100vw - 100px);min-width:160px;right:-6px}.ai-chat-messages{max-height:none;min-height:0}.ai-quick-btn{font-size:11px;padding:5px 10px}.ai-model-select{font-size:11px;width:90px}}@media (max-width:380px){.ai-chat-window{right:-10px;width:calc(100vw - 16px)}.ai-chat-quick-actions{gap:4px;padding:8px}.ai-quick-btn{padding:4px 8px}.ai-model-select{height:34px;width:84px}}@media (prefers-color-scheme:dark){.ai-chat-window{border-color:#ffc87826}.ai-chat-window,.ai-goodbye-overlay{background:#1e1e2e}.ai-goodbye-text{color:#e8c88a}.ai-goodbye-hole{background:#1a1a1a}.ai-chat-header{background:linear-gradient(135deg,#2a2a3e,#252538);border-bottom-color:#ffc8781a}.ai-chat-name{color:#e0e0e0}.ai-msg.assistant .ai-msg-bubble{background:#2a2a3e;color:#ddd}.ai-msg.user .ai-msg-bubble{color:#333}.ai-chat-messages::-webkit-scrollbar-thumb{background:#ffffff26}.ai-chat-input-area{background:#1a1a2a;border-top-color:#333}.ai-chat-input{background:#2a2a3e;border-color:#444;color:#e0e0e0}.ai-chat-input:focus{border-color:#ffd1a4}.ai-bubble{background:#2a2a3e;border-color:#ffc87826;box-shadow:0 4px 24px #0000004d}.ai-bubble-content{color:#ddd}.ai-bubble-arrow{background:#2a2a3e;border-color:#ffc87826}.ai-welcome-msg{color:#aaa}.ai-welcome-tip{color:#777!important}.ai-quick-btn{background:linear-gradient(135deg,#2a2a3e,#333348);border-color:#ffc87833;color:#ddb86e}.ai-quick-btn:hover{background:linear-gradient(135deg,#3a3a4e,#444458)}.ai-chat-quick-actions{border-top-color:#333}.ai-chat-header-actions button{background:#ffffff14;color:#ccc}.ai-chat-header-actions button:hover{background:#ffffff26}.ai-voice-btn{background:#333}.ai-voice-btn:hover{background:#444}.ai-model-select{background:#2a2a3e;border-color:#444;color:#e0e0e0}}.dark-theme .ai-chat-window,[data-theme=dark] .ai-chat-window{background:#1e1e2e;border-color:#ffc87826}.dark-theme .ai-goodbye-overlay,[data-theme=dark] .ai-goodbye-overlay{background:#1e1e2e}.dark-theme .ai-goodbye-text,[data-theme=dark] .ai-goodbye-text{color:#e8c88a}.dark-theme .ai-goodbye-hole,[data-theme=dark] .ai-goodbye-hole{background:#1a1a1a}.dark-theme .ai-assistant-dismissed-strip,[data-theme=dark] .ai-assistant-dismissed-strip{background:linear-gradient(135deg,#2a2a3e,#252538);border-color:#ffc87833}.dark-theme .ai-assistant-dismissed-strip:hover,[data-theme=dark] .ai-assistant-dismissed-strip:hover{background:linear-gradient(135deg,#333350,#2a2a3e)}.dark-theme .ai-dismissed-label,[data-theme=dark] .ai-dismissed-label{color:#e8c88a}.dark-theme .ai-chat-header,[data-theme=dark] .ai-chat-header{background:linear-gradient(135deg,#2a2a3e,#252538)}.dark-theme .ai-chat-name,[data-theme=dark] .ai-chat-name{color:#f5f8ff;text-shadow:0 1px 6px #00000073}.dark-theme .ai-chat-status,[data-theme=dark] .ai-chat-status{color:#d6def0}.dark-theme .ai-msg.assistant .ai-msg-bubble,[data-theme=dark] .ai-msg.assistant .ai-msg-bubble{background:#2a2a3e;color:#ddd}.dark-theme .ai-chat-input-area,[data-theme=dark] .ai-chat-input-area{background:#1a1a2a;border-top-color:#333}.dark-theme .ai-chat-input,.dark-theme .ai-model-select,[data-theme=dark] .ai-chat-input,[data-theme=dark] .ai-model-select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.dark-theme .ai-bubble,[data-theme=dark] .ai-bubble{background:#2a2a3e;border-color:#ffc87826}.dark-theme .ai-bubble-content,[data-theme=dark] .ai-bubble-content{color:#ddd}.dark-theme .ai-bubble-arrow,[data-theme=dark] .ai-bubble-arrow{background:#2a2a3e}.workstation-timeline{background:#141414;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.workstation-timeline.suno-like{--ws-bg-main:#0a0e12;--ws-bg-ruler:#0f141b;--ws-bg-track-row:#0b1016;--ws-bg-track-row-hover:#0d131b;--ws-bg-track-row-selected:#121a24;--ws-bg-track-controls:#0d131a;--ws-border-soft:#1b232d;--ws-border-strong:#24303d;--ws-text-dim:#6f7c8f;--ws-text-main:#c9d3e1;--ws-accent:#63e6f8;--track-vocal:#4da3ff;--track-instrumental:#35d3a2;--track-drums:#ff6b7e;--track-bass:#ffbe55;--track-other:#b58cff;--grid-major-color:#63e6f829;--grid-empty-major-color:#63e6f81f;--grid-minor-color:#7b91aa17;background:var(--ws-bg-main)}.timeline-ruler{align-items:flex-end;background:var(--ws-bg-ruler);border-bottom:1px solid var(--ws-border-soft);display:flex;flex-shrink:0;height:42px;padding-bottom:5px;position:relative;z-index:10}.timeline-playhead-overlay{inset:0;pointer-events:none;position:absolute;z-index:60}.timeline-context-row{background:#0f141c;border-bottom:1px solid var(--ws-border-soft);z-index:9}.timeline-quick-actions{left:8px;position:absolute;top:8px;z-index:30}.timeline-quick-btn{align-items:center;background:#2a2f38;border:1px solid #3a3e46;border-radius:7px;color:#d3dae7;cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:all .15s ease;width:30px}.timeline-quick-btn:hover{background:#233138;border-color:#72ffff66;color:#72ffff}.time-marker{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:6px;position:absolute;top:0}.time-marker:before{background:#3a3a3a;content:"";height:12px;left:0;position:absolute;top:0;width:1px}.time-label{color:var(--ws-text-dim);font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;font-weight:500;padding-left:4px}.playhead{bottom:0;cursor:ew-resize;pointer-events:auto;position:absolute;top:0;transform:translateX(-1px);width:2px;z-index:61}.playhead-hit-area{bottom:-2px;left:-8px;position:absolute;top:-2px;width:18px}.playhead-line{background:#fff;box-shadow:0 0 8px #ffffffb3;height:100%;position:relative;width:100%}.playhead-cap{background:#fff;border-radius:50%;box-shadow:0 0 6px #ffffffc7;height:8px;left:50%;position:absolute;top:-3px;transform:translateX(-50%);width:8px}.playhead.dragging .playhead-line{box-shadow:0 0 14px #fffffff5}.tracks-container{background:var(--ws-bg-main);flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative}.tracks-container::-webkit-scrollbar{width:8px}.tracks-container::-webkit-scrollbar-track{background:#0003}.tracks-container::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.tracks-container::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.timeline-grid-overlay{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:44px;z-index:1}.timeline-grid-canvas{display:block;height:100%;inset:0;position:absolute;width:100%}.track-row{--track-color:#63e6f8;background:var(--ws-bg-track-row);border-bottom:1px solid var(--ws-border-soft);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--track-color) 42%,#0000);cursor:pointer;display:flex;height:82px;transition:background .15s ease}.track-row:hover{background:var(--ws-bg-track-row-hover)}.track-row.selected{background:var(--ws-bg-track-row-selected);border-bottom-color:color-mix(in srgb,var(--ws-accent) 55%,#0000);box-shadow:inset 4px 0 0 color-mix(in srgb,var(--track-color) 85%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--track-color) 26%,#0000)}.track-row[data-track-type=vocal]{--track-color:var(--track-vocal)}.track-row[data-track-type=instrumental]{--track-color:var(--track-instrumental)}.track-row[data-track-type=drums]{--track-color:var(--track-drums)}.track-row[data-track-type=bass]{--track-color:var(--track-bass)}.track-row[data-track-type=other]{--track-color:var(--track-other)}.track-controls{background:color-mix(in srgb,var(--ws-bg-track-controls) 92%,var(--track-color) 8%);border-right:1px solid var(--ws-border-soft);display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:space-between;padding:10px 10px 10px 14px;position:relative;width:272px}.track-color-indicator{border-radius:0 4px 4px 0;box-shadow:0 0 10px color-mix(in srgb,var(--track-color) 70%,#0000);height:100%;left:0;position:absolute;top:0;width:6px}.track-meta-row{align-items:center;display:flex;gap:10px;justify-content:space-between;padding-left:10px}.track-name-input{-webkit-text-fill-color:var(--ws-text-main)!important;-webkit-appearance:none;appearance:none;background:#0b1016!important;border:1px solid var(--ws-border-strong)!important;border-radius:4px;box-shadow:none!important;color:var(--ws-text-main)!important;flex:1 1;font-size:13px;font-weight:650;letter-spacing:.01em;min-width:0;outline:none;padding:5px 9px;text-shadow:0 0 0 var(--ws-text-main);transition:all .15s ease}.track-name-input:-webkit-autofill,.track-name-input:-webkit-autofill:focus,.track-name-input:-webkit-autofill:hover{-webkit-text-fill-color:#e5e7eb;-webkit-box-shadow:inset 0 0 0 30px #0f0f0f!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.track-name-input:hover{border-color:#3a3a3a!important}.track-name-input:focus{background:#121212!important;border-color:#72ffff!important}.track-type-badge{background:color-mix(in srgb,var(--track-color) 18%,#18202b);border:1px solid color-mix(in srgb,var(--track-color) 45%,#2a3443);border-radius:4px;color:color-mix(in srgb,var(--track-color) 82%,#d5deeb);font-size:9px;font-weight:700;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase;white-space:nowrap}.track-control-row{align-items:center;display:flex;gap:10px;padding-left:10px}.track-buttons{gap:5px}.track-button,.track-buttons{align-items:center;display:flex}.track-button{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px;color:#9ca3af;cursor:pointer;font-size:10px;font-weight:600;height:24px;justify-content:center;transition:all .15s ease;width:24px}.track-button:hover{background:#3a3a3a;color:#e5e7eb}.track-button.active{background:var(--track-color);border-color:var(--track-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--track-color) 55%,#0000);color:#0a0a0a}.track-button.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.track-volume{align-items:center;display:flex;flex:1 1;gap:8px}.volume-slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:999px;cursor:pointer;flex:1 1;height:6px;outline:none}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#72ffff 0,#72ffff 0,#3a3a3a 0,#3a3a3a);background:linear-gradient(to right,#72ffff 0,#72ffff var(--track-progress,0),#3a3a3a var(--track-progress,0),#3a3a3a 100%);border-radius:999px;height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#72ffff;border:1px solid #b7ffff;border-radius:50%;cursor:pointer;height:12px;margin-top:-3px;-webkit-transition:all .15s ease;transition:all .15s ease;width:12px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-track{background:#3a3a3a;border-radius:999px;height:6px}.volume-slider::-moz-range-progress{background:#72ffff;border-radius:999px;height:6px}.volume-slider::-moz-range-thumb{background:#72ffff;border:1px solid #b7ffff;border-radius:50%;height:12px;width:12px}.volume-label{color:#c2cbda;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px;min-width:32px;text-align:right}.track-content{background:color-mix(in srgb,#090e13 92%,var(--track-color) 8%);flex:1 1;overflow:hidden;position:relative}.track-content:before{background:#121a23;content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:50%}.track-content.is-empty:before{display:none}.track-empty{align-items:center;color:var(--ws-text-dim);display:flex;font-size:12px;height:100%;justify-content:center;letter-spacing:.02em;position:relative;z-index:2}.audio-clip{background:linear-gradient(135deg,color-mix(in srgb,var(--track-color) 82%,#0f1218) 0,color-mix(in srgb,var(--track-color) 62%,#0b0f15) 100%);background:linear-gradient(135deg,color-mix(in srgb,var(--clip-color,var(--track-color)) 82%,#0f1218) 0,color-mix(in srgb,var(--clip-color,var(--track-color)) 62%,#0b0f15) 100%);border:1px solid color-mix(in srgb,var(--clip-color,var(--track-color)) 80%,#11151c);border-radius:4px;bottom:10px;box-shadow:0 2px 6px #0000006b,inset 0 0 0 1px color-mix(in srgb,var(--track-color) 45%,#ffffff20);box-shadow:0 2px 6px #0000006b,inset 0 0 0 1px color-mix(in srgb,var(--clip-color,var(--track-color)) 45%,#ffffff20);cursor:move;overflow:hidden;position:absolute;top:10px;transition:all .15s ease;z-index:3}.audio-clip:hover{box-shadow:0 4px 14px #0000009e,0 0 0 1px color-mix(in srgb,var(--track-color) 62%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--track-color) 65%,#ffffff25);box-shadow:0 4px 14px #0000009e,0 0 0 1px color-mix(in srgb,var(--clip-color,var(--track-color)) 62%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--clip-color,var(--track-color)) 65%,#ffffff25)}.audio-clip.dragging{box-shadow:0 0 0 1px color-mix(in srgb,var(--track-color) 85%,#ffffff20),0 6px 16px #000000b3;box-shadow:0 0 0 1px color-mix(in srgb,var(--clip-color,var(--track-color)) 85%,#ffffff20),0 6px 16px #000000b3}.audio-clip:active{cursor:grabbing}.clip-handle{background:#ffffff4d;border:none;bottom:0;cursor:ew-resize;margin:0;opacity:0;padding:0;position:absolute;top:0;transition:opacity .12s ease;width:8px;z-index:10}.audio-clip:hover .clip-handle{opacity:.85}.clip-handle.left{border-right:1px solid #00000059;left:0}.clip-handle.right{border-left:1px solid #00000059;right:0}.clip-waveform{display:flex;justify-content:center;opacity:.92;padding:4px 3px}.clip-waveform,.wave-bars{align-items:center;height:100%;width:100%}.wave-bars{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(2px,1fr))}.wave-bars.fallback{opacity:.78}.wave-bar{align-self:center;background:#ffffffc7;border-radius:999px;min-height:2px;width:100%}.wave-bar.loading{animation:wavePulse 1.2s ease-in-out infinite}.wave-bar.loading:nth-child(2n){animation-delay:.08s}.wave-bar.loading:nth-child(3n){animation-delay:.16s}.wave-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}@keyframes wavePulse{0%,to{opacity:.45}50%{opacity:1}}.track-selection{background:#72ffff2e;border:1px solid #72ffff80;border-radius:4px;bottom:6px;pointer-events:none;position:absolute;top:6px;z-index:4}.selection-action-bar{background:#0a0a0aeb;border:1px solid #3a3a3a;border-radius:4px;display:flex;gap:6px;padding:4px;position:absolute;top:6px;z-index:6}.selection-action{background:#111925;border:1px solid var(--ws-border-strong);border-radius:3px;color:var(--ws-text-main);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease;white-space:nowrap}.selection-action:hover{background:#162131;border-color:color-mix(in srgb,var(--ws-accent) 45%,#0000)}.selection-action.danger{color:#ef4444}.selection-action.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}@media (max-width:1024px){.track-controls{width:244px}}@media (max-width:768px){.track-controls{width:210px}.track-row{height:84px}.track-name-input{font-size:12px}}.workstation-library{background:linear-gradient(180deg,#171a20,#13161c);border-right:1px solid #313641;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:260px}.library-header{background:#13161b;border-bottom:1px solid #323843;flex-shrink:0;padding:12px 14px}.library-title{color:#e7ebf2;font-size:12px;font-weight:600;gap:8px}.library-tabs,.library-title{align-items:center;display:flex;margin-bottom:10px}.library-tabs{gap:6px}.library-tab{align-items:center;background:#1d222b;border:1px solid #343a46;border-radius:14px;color:#aeb8ca;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:4px;height:26px;padding:0 8px}.library-tab em{color:#8c95a8;font-size:10px;font-style:normal}.library-tab:hover{border-color:#3d4554;color:#dce3ef}.library-tab.active{background:#1f2d34;border-color:#72ffff66;color:#72ffff}.library-search{align-items:center;background:#101319;border:1px solid #323843;border-radius:6px;display:flex;gap:8px;padding:6px 9px;transition:all .15s ease}.library-search:focus-within{background:#12151c;border-color:#72ffff77}.library-search svg{color:#6b7280;flex-shrink:0}.library-search input{-webkit-appearance:none;appearance:none;background:#0e1014!important;border:none!important;box-shadow:none!important;color:#e7ebf2;flex:1 1;font-size:12px;outline:none;width:100%}.library-search input:-webkit-autofill,.library-search input:-webkit-autofill:focus,.library-search input:-webkit-autofill:hover{-webkit-text-fill-color:#e7ebf2;-webkit-box-shadow:inset 0 0 0 30px #0e1014!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.library-search input::placeholder{color:#6b7280}.library-content{flex:1 1;overflow-y:auto;padding:6px 0}.library-content::-webkit-scrollbar{width:6px}.library-content::-webkit-scrollbar-track{background:#141414}.library-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.library-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.library-section{margin-bottom:4px}.section-header{align-items:center;cursor:pointer;display:flex;gap:6px;padding:7px 14px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#1e2128}.section-header svg{color:#9ca3af;flex-shrink:0}.section-name{color:#d1d5db;flex:1 1;font-size:12px;font-weight:500}.section-count{background:#262a32;border-radius:10px;color:#7e8796;font-size:11px;font-weight:500;padding:2px 6px}.section-items{padding:2px 8px 8px 28px}.empty-section{color:#6b7280;font-size:12px;padding:20px 12px;text-align:center}.audio-item{align-items:center;border:1px solid #0000;border-radius:7px;cursor:grab;display:flex;gap:9px;margin-bottom:3px;padding:8px 9px;transition:all .15s ease}.audio-item:hover{background:#262c36;border-color:#3b4352}.audio-item:active{cursor:grabbing;opacity:.7}.audio-item.audio-item-disabled{cursor:not-allowed;opacity:.78}.audio-item.audio-item-disabled:active{cursor:not-allowed}.audio-cover,.audio-cover-placeholder{border-radius:4px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.audio-cover-placeholder{align-items:center;background:#232731;color:#6b7280;display:flex;justify-content:center}.audio-info{flex:1 1;min-width:0}.audio-name{color:#e5e7eb;font-size:12px;font-weight:650;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-duration{color:#6b7280;font-family:SF Mono,Monaco,Courier New,monospace;font-size:11px}.library-footer{background:#13161b;border-top:1px solid #323843;flex-shrink:0;padding:12px 14px}.library-footer-btn{align-items:center;background:#252932;border:1px solid #333843;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:all .15s ease;width:100%}.library-footer-btn:hover{background:#2b303a;border-color:#72ffff77;color:#e5e7eb}.library-footer-btn svg{flex-shrink:0}.workstation-effect-panel{background:linear-gradient(180deg,#181c24,#141821);border-left:1px solid #333946;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:280px}.workstation-effect-panel::-webkit-scrollbar{width:6px}.workstation-effect-panel::-webkit-scrollbar-track{background:#141414}.workstation-effect-panel::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.workstation-effect-panel::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.effect-panel-header{align-items:center;background:#141821;border-bottom:1px solid #333946;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 14px}.panel-title{color:#e8edf5;font-size:12px;font-weight:600;gap:8px;letter-spacing:.02em}.close-button,.panel-title{align-items:center;display:flex}.close-button{background:#2a2a2a;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;height:26px;justify-content:center;transition:all .15s ease;width:26px}.close-button:hover{background:#ef4444;color:#fff}.effect-panel-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0}.effect-panel-content::-webkit-scrollbar{width:6px}.effect-panel-content::-webkit-scrollbar-track{background:#141414}.effect-panel-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.effect-panel-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.panel-section{background:#1a1f28;border-bottom:1px solid #333946;border-radius:8px;margin:7px;padding:12px}.section-title{align-items:center;color:#aab2c2;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.track-badge{background:#12141a;border-left:2px solid;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.track-name{color:#e5e7eb;font-size:12px;font-weight:600}.track-type-label{color:#6b7280;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.control-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.control-group:last-child{margin-bottom:0}.control-label{align-items:center;color:#d1d5db;display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.control-value{color:#9ca3af;font-family:SF Mono,Monaco,Courier New,monospace;font-size:10px;font-weight:500}.control-slider{-webkit-appearance:none;appearance:none;background:#262a32;border-radius:2px;cursor:pointer;height:5px;outline:none;position:relative;width:100%}.control-slider:hover{background:#313641}.pan-quick-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:7px}.pan-btn{background:#242933;border:1px solid #343945;border-radius:5px;color:#bac3d4;cursor:pointer;font-size:11px;font-weight:700;height:26px;transition:all .15s ease}.pan-btn:hover{background:#2c323d}.pan-btn.active{background:#25383f;border-color:#72ffff66;color:#72ffff}.eq-visualizer{grid-gap:10px;background:#131924;border:1px solid #384152;border-radius:7px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);height:76px;margin-bottom:12px;padding:8px 10px}.eq-band{align-items:center;display:flex;flex-direction:column;gap:6px}.eq-band-track{background:#2b303a;border-radius:999px;flex:1 1;overflow:hidden;position:relative;width:12px}.eq-band-fill{background:linear-gradient(0deg,#72ffff,#86ffd8);border-radius:999px;bottom:0;left:0;position:absolute;right:0}.eq-band-label{color:#8e96a6;font-size:10px}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#72ffff;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:all .15s ease;transition:all .15s ease;width:14px}.control-slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px #72ffff80;transform:scale(1.15)}.control-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.control-slider::-moz-range-thumb{background:#72ffff;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.control-slider::-moz-range-track{background:#2a2a2a;border-radius:2px;height:4px}.effect-action-button{align-items:center;background:#2a303c;border:1px solid #3a4250;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;justify-content:center;margin-bottom:6px;padding:9px 12px;transition:all .15s ease;width:100%}.effect-action-button:last-child{margin-bottom:0}.effect-action-button:hover{background:#343d4c;border-color:#72ffff66;color:#e5e7eb}.effect-action-button:active{transform:scale(.98)}.effect-action-button.danger{background:#2a2a2a;border-color:#3a3a3a;color:#ef4444}.effect-action-button.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}@media (max-width:1024px){.workstation-effect-panel{width:260px}}@media (max-width:768px){.workstation-effect-panel{height:100%;position:absolute;right:-280px;top:0;transition:right .3s ease;z-index:200}.workstation-effect-panel.mobile-open{right:0}}.music-workstation{background:radial-gradient(circle at top,#111317 0,#0b0c0f 58%,#090a0c 100%);color:#e5e7eb;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;height:100vh;overflow:hidden}.workstation-header{grid-gap:12px;align-items:center;background:linear-gradient(180deg,#1b1d22,#14161a);border-bottom:1px solid #30333a;box-shadow:inset 0 -1px 0 #0d0f12;display:grid;flex-shrink:0;gap:12px;grid-template-columns:minmax(360px,1fr) auto minmax(320px,1fr);height:54px;padding:0 14px}.header-left{align-items:center;display:flex;gap:10px;min-width:0}.back-button{background:#202228;border:1px solid #30333a;border-radius:6px;color:#a3aab8;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s ease;width:30px}.back-button:hover{background:#2a2d34;color:#e5e7eb}.logo-section{align-items:center;display:flex;gap:8px;min-width:0}.logo-mark{align-items:center;background:linear-gradient(145deg,#1b272c,#172225);border:1px solid #2e3f44;border-radius:7px;color:#72ffff;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.logo-text-group{display:flex;flex-direction:column;line-height:1.05}.logo-text{color:#eef2f7;font-size:12px;letter-spacing:.01em}.logo-subtext{color:#7f8795;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.project-info{align-items:center;display:flex;gap:8px;margin-left:6px;min-width:0}.project-name-input{-webkit-appearance:none;appearance:none;background:#101114!important;border:1px solid #2b2d31!important;border-radius:6px;box-shadow:none!important;color:#e8ecf1;font-size:12px;font-weight:500;height:30px;max-width:30vw;outline:none;padding:0 10px;transition:all .15s ease;width:190px}.project-name-input:hover{border-color:#3a3d44!important}.project-name-input:focus{background:#121317!important;border-color:#72ffff88!important}.project-name-input:-webkit-autofill,.project-name-input:-webkit-autofill:focus,.project-name-input:-webkit-autofill:hover{-webkit-text-fill-color:#e8ecf1;-webkit-box-shadow:inset 0 0 0 30px #101114!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.save-status{background:#22252b;border:1px solid #31343b;border-radius:999px;color:#8b92a0;font-size:10px;padding:4px 7px;white-space:nowrap}.header-center{align-items:center;display:flex;gap:10px;justify-self:center}.transport-controls{align-items:center;background:linear-gradient(180deg,#111317,#0d0f13);border:1px solid #343844;border-radius:8px;display:flex;gap:4px;padding:3px}.transport-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#98a0af;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.transport-btn:hover{background:#262a31;color:#e8ecf1}.transport-btn.play-btn{background:#72ffff;color:#0b1215;height:32px;width:32px}.transport-btn.play-btn:hover{background:#8cffff}.transport-btn.active{background:#27343a;color:#72ffff}.transport-btn.record-btn:hover{color:#f66}.transport-btn.record-btn.active{background:#3a1d23;border:1px solid #ff6b6b66;box-shadow:inset 0 0 0 1px #ff6b6b33;color:#ff6b6b}.bpm-control,.time-display{align-items:center;background:linear-gradient(180deg,#111317,#0d0f13);border:1px solid #343844;border-radius:7px;display:inline-flex;height:32px}.time-display{font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:600;gap:6px;padding:0 10px}.current-time{color:#72ffff}.time-divider{color:#4c5462}.total-time{color:#9aa2b1}.bpm-control{gap:7px;padding:0 8px}.bpm-label{color:#8c95a4;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bpm-input{-webkit-text-fill-color:#e8ecf1!important;-webkit-appearance:textfield;appearance:textfield;background:#0f1115!important;border:1px solid #2d3036!important;border-radius:5px;box-shadow:none!important;caret-color:#72ffff;color:#e8ecf1!important;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;font-weight:600;height:24px;opacity:1;outline:none;text-align:center;width:54px}.bpm-input:focus{background:#151923!important;border-color:#72ffff88!important}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.header-right{align-items:center;display:flex;gap:8px;justify-self:end}.workstation-user{align-items:center;background:#20252e;border:1px solid #3a3e48;border-radius:50%;color:#dbe4f5;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.workstation-user-avatar{height:100%;object-fit:cover;width:100%}.workstation-user-fallback{line-height:1}.tool-btn{align-items:center;background:#22252b;border:1px solid #31343b;border-radius:6px;color:#d0d6e0;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;height:30px;padding:0 10px;transition:all .15s ease}.tool-btn:hover{background:#2a2e36;border-color:#3d424d}.tool-btn.subtle{color:#aeb7c7}.tool-btn.highlight{background:#1f2a2e;border-color:#72ffff55;color:#72ffff}.tool-btn.highlight:hover{background:#243238}.tool-btn.primary{background:#72ffff;border-color:#72ffff;color:#0b1215}.tool-btn.primary:hover{background:#8cffff}.tool-btn.icon-only{justify-content:center;padding:0;width:30px}.workstation-main{background:#0f1115;display:flex;flex:1 1;min-height:0;overflow:hidden}.workstation-rail{align-items:center;background:linear-gradient(180deg,#11141a,#0d1015);border-right:1px solid #2e323a;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:9px 0;width:52px}.rail-btn{align-items:center;background:#1b1f26;border:1px solid #2d3138;border-radius:8px;color:#95a0b2;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.rail-btn:hover{background:#252b35;border-color:#3b4350;color:#e7edf8}.rail-btn.active{background:#1d2b31;border-color:#72ffff66;color:#72ffff}.rail-divider{background:#2b3039;height:1px;margin:2px 0;width:26px}.timeline-container{background:linear-gradient(180deg,#14161b,#11141a);box-shadow:inset 0 1px 0 #1e222b;display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.empty-workspace{flex-direction:column;gap:12px;inset:96px 0 0 0;pointer-events:none;position:absolute;text-align:center}.empty-icon,.empty-workspace{align-items:center;display:flex;justify-content:center}.empty-icon{background:#1a1d24;border:1px solid #2f333d;border-radius:14px;color:#72ffff;height:72px;width:72px}.empty-workspace h3{font-size:18px;margin:0}.empty-workspace p{color:#828b9b;font-size:13px;margin:0}.quick-actions{display:flex;gap:10px;pointer-events:auto}.quick-action-button{align-items:center;background:#242833;border:1px solid #343844;border-radius:8px;color:#d5dbe6;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:7px;height:36px;padding:0 14px}.quick-action-button:hover{border-color:#72ffff66;color:#72ffff}.toast-container{align-items:center;bottom:calc(env(safe-area-inset-bottom, 0px) + 24px);display:flex;flex-direction:column;gap:12px;left:50%;max-width:calc(100vw - 24px);pointer-events:none;position:fixed;right:auto;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));z-index:100000001}.toast-container>*{pointer-events:auto}.workstation-bottom-bar{grid-gap:10px;align-items:center;background:linear-gradient(180deg,#13161b,#101318);border-top:1px solid #2f343d;display:grid;gap:10px;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);height:48px;padding:0 12px}.bottom-left-actions,.bottom-right-actions{align-items:center;display:flex;gap:7px}.bottom-right-actions{justify-content:flex-end}.bottom-center-status{align-items:center;display:flex;gap:8px;justify-self:center}.status-chip{align-items:center;background:#202631;border:1px solid #373d49;border-radius:999px;color:#a8b2c2;display:inline-flex;font-size:10px;font-weight:600;height:24px;padding:0 10px}.status-chip.grid-toggle,.status-chip.snap-toggle{background:#232a33;border-color:#3a3f48;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.status-chip.grid-toggle:hover,.status-chip.snap-toggle:hover{background:#2a3240;border-color:#5a6572;color:#d3dae7}.status-chip.grid-toggle.active,.status-chip.snap-toggle.active{background:#72ffff1a;border-color:#72ffff99;box-shadow:0 0 8px #72ffff33;color:#72ffff}.bottom-action{align-items:center;background:#21262f;border:1px solid #323743;border-radius:7px;color:#d6dce8;cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:6px;height:28px;padding:0 10px;transition:all .15s ease}.bottom-action:hover{background:#2a303b;border-color:#434b5a}.bottom-action.emphasis{background:#1f2b2f;border-color:#72ffff66;color:#72ffff}.bottom-action:disabled{cursor:not-allowed;opacity:.45}@media (max-width:1200px){.workstation-header{grid-template-columns:minmax(280px,1fr) auto auto}.tool-btn span{display:none}.workstation-bottom-bar{gap:8px;grid-template-columns:1fr;height:auto;padding:8px 10px}.bottom-center-status,.bottom-left-actions,.bottom-right-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:900px){.bpm-control,.logo-subtext,.save-status{display:none}.project-name-input{width:130px}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-container{max-width:450px;width:100%}.admin-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}.admin-login-header{margin-bottom:32px;text-align:center}.admin-login-logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.admin-login-logo-link{background:none;border:none;cursor:pointer;padding:0}.admin-login-logo-link:focus-visible .logo-text,.admin-login-logo-link:hover .logo-text{color:#4f63e2}.admin-login-logo-link:focus-visible{border-radius:10px;outline:2px solid #4f63e2;outline-offset:4px}.logo-icon{color:#667eea}.logo-text{color:#1a1a1a;font-size:24px}.admin-login-title{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px}.admin-login-subtitle{color:#666;font-size:var(--font-size-body-sm)}.admin-login-form{gap:20px}.admin-login-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{align-items:center;display:flex;font-weight:500;gap:8px}.form-input,.form-label{color:#333;font-size:var(--font-size-body-sm)}.form-input{background:#fafafa;border:1.5px solid #d0d0d0;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;box-sizing:border-box;cursor:text;font-family:inherit;padding:12px 16px;transition:all .2s ease;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;width:100%}.form-input::placeholder{color:#999}.form-input:focus{background:var(--form-bg);border-color:#0ff;box-shadow:0 0 0 2px #0ff3;outline:none}.form-input:disabled{background:#ffffff08;cursor:not-allowed}.form-input[type=password]{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.password-input{position:relative}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#333}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:var(--font-size-body-sm);padding:12px 16px;text-align:center}.admin-login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:600;margin-top:8px;padding:14px;transition:all .3s;width:100%}.admin-login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:disabled{cursor:not-allowed;opacity:.6}.admin-login-footer{margin-top:24px;text-align:center}.back-to-home{background:none;border:none;color:#667eea;cursor:pointer;font-size:var(--font-size-body-sm);text-decoration:underline;transition:color .3s}.back-to-home:hover{color:#764ba2}.locked-warning{background:#fff3cd;border:1.5px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:var(--font-size-body-sm);gap:12px;margin-bottom:16px;padding:14px 16px}.locked-warning svg{color:#ffc107;flex-shrink:0}.locked-title{font-weight:600;margin:0 0 4px}.locked-message{line-height:1.5;margin:0}.warning-message{align-items:flex-start;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 14px}.warning-message svg{flex-shrink:0;margin-top:2px}.captcha-input-group{align-items:center;display:flex;gap:8px;position:relative}.captcha-input-group .form-input{flex:1 1;max-width:calc(100% - 128px)}.captcha-code-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:45px;justify-content:center;letter-spacing:8px;max-width:120px;min-width:120px;-webkit-user-select:none;user-select:none;width:120px}.captcha-hint{color:#999;font-size:12px;margin-top:6px}.captcha-row{align-items:center;display:flex;gap:12px}.captcha-input{flex:1 1;text-transform:uppercase}.captcha-image{align-items:center;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;transition:all .2s ease;width:120px}.captcha-image:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.captcha-image svg{display:block;height:100%;width:100%}.captcha-image>div{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.captcha-loading{animation:spin 1s linear infinite;color:#667eea}.admin-layout{min-height:100vh}.admin-layout,.admin-sidebar{background:var(--color-bg);display:flex}.admin-sidebar{color:var(--color-text);flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.admin-sidebar.closed{width:80px}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px}.admin-logo{align-items:center;display:flex;gap:12px}.logo-icon{color:var(--color-primary);height:60px;width:60px}.logo-text{color:var(--color-text);font-size:var(--font-size-h4);font-weight:700}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .3s}.sidebar-toggle:hover{background:var(--color-surface-2)}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:12px;padding:12px 20px;text-align:left;transition:all .3s;width:100%}.nav-item:hover{background:var(--color-surface);color:var(--color-text)}.nav-item.active{background:var(--color-primary);border-left-color:#000;color:#000;font-weight:600}.nav-item.active svg{color:#000}.admin-sidebar-footer{border-top:1px solid var(--color-border);padding:20px}.admin-user-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.user-avatar{background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-body);font-weight:600;height:40px;width:40px}.user-details{min-width:0}.user-name{color:var(--color-text);font-size:var(--font-size-body-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--color-text-subtle);font-size:12px}.logout-button{align-items:center;background:color-mix(in srgb,var(--color-danger) 12%,#0000);border:1px solid color-mix(in srgb,var(--color-danger) 35%,#0000);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:12px;padding:12px;transition:all .3s;width:100%}.logout-button:hover{background:color-mix(in srgb,var(--color-danger) 18%,#0000);border-color:var(--color-danger)}.admin-main{flex:1 1;margin-left:260px;transition:margin-left .3s ease}.admin-main.sidebar-closed{margin-left:80px}.admin-content{max-width:100%;padding:32px;width:100%}.admin-app-switcher{align-items:center;display:flex;gap:10px;padding:18px 32px 0}.app-chip{background:#0000;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:15px;font-weight:600;padding:6px 10px;transition:all .2s ease}.app-chip:hover{background:var(--color-surface-2);color:var(--color-text)}.app-chip.active{background:var(--color-primary);color:var(--color-primary-contrast)}.app-chip-separator{color:var(--color-text-subtle);-webkit-user-select:none;user-select:none}.sidebar-overlay{background:#0000004d;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:999}@media (max-width:768px){.sidebar-overlay{display:block;opacity:1}.admin-sidebar{box-shadow:2px 0 8px #0000001a;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:1000}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-content{padding:20px 16px}.admin-app-switcher{padding:14px 16px 0}}@media (max-width:480px){.admin-sidebar{max-width:280px;width:100%}.admin-content{padding:16px 12px}.admin-app-switcher{padding:12px 12px 0}.admin-sidebar-header{padding:16px}.logo-text{font-size:var(--font-size-body)}.nav-item{font-size:13px;padding:10px 16px}}.admin-dashboard,.admin-music,.admin-settings,.admin-users{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:24px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#4f46e5;height:36px;margin-bottom:12px;width:36px}.loading-container p{color:#6b7280;font-size:var(--font-size-body-sm);margin:0}.image-size-tip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:13px;line-height:1.5;margin-bottom:12px;padding:10px 12px}.image-size-tip strong{color:#1e3a8a;font-weight:600}.page-title{color:#111827;font-size:24px;font-weight:600;margin-bottom:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.create-button{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);font-weight:500;gap:6px;padding:10px 20px;transition:background .2s}.create-button:hover{background:#4338ca}.create-button:active{transform:scale(.98)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.stat-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.users{background:#4f46e5}.stat-icon.music{background:#0891b2}.stat-icon.revenue{background:#059669}.stat-icon.active{background:#7c3aed}.stat-icon.credits{background:#ea580c}.stat-content{flex:1 1;min-width:0}.stat-value{color:#111827;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-label{color:#6b7280;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:6px}.stat-change{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.search-bar{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:10px 14px;transition:all .2s}.search-bar:focus-within{border-color:var(--color-border);box-shadow:none!important}.search-bar input{background:none;border:none;color:#111827;flex:1 1;font-size:var(--font-size-body-sm);outline:none}.search-bar input::placeholder{color:#9ca3af}.table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.data-table thead{background:#f5f5f7}.data-table th{border-bottom:1px solid #0000000f;font-size:12px;font-weight:600;letter-spacing:.01em;text-align:left;white-space:nowrap}.data-table td,.data-table th{color:#1d1d1f;padding:14px 16px}.data-table td{border-bottom:1px solid #0000000a;font-size:13px}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#00000005}.data-table tbody tr:last-child td{border-bottom:none}.prompt-cell,.style-cell{cursor:help;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-cell span[title],.style-cell span[title]{border-bottom:1px dashed #0003;cursor:help}.status-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.status-badge.active{background:#34c7591a;border-color:#34c75933;color:#34c759}.status-badge.inactive{background:#ff3b301a;border-color:#ff3b3033;color:#ff3b30}.status-badge.completed{background:#34c7591a;border-color:#34c75933;color:#34c759}.status-badge.processing{background:#ffcc001a;border-color:#fc03;color:#fc0}.status-badge.failed{background:#ff3b301a;border-color:#ff3b3033;color:#ff3b30}.status-badge.generating{background:#007aff1a;border-color:#007aff33;color:#007aff}.status-badge[data-loading=true]{animation:pulse-badge 1.2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.98)}}.action-buttons{align-items:center;gap:8px}.action-btn{background:#0000000a;border:1px solid #0000000f;color:#000;display:inline-flex;flex-shrink:0;height:44px;min-height:44px;min-width:44px;overflow:visible;padding:10px;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.action-btn svg{stroke-width:2;stroke:currentColor;color:#000;display:block;flex-shrink:0;height:24px!important;width:24px!important}.action-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.action-btn:hover:not(:disabled){background:#00000014;border-color:#0000001a;box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.action-btn.edit{background:#007aff26;border-color:#007aff4d;color:#007aff}.action-btn.edit:hover:not(:disabled){background:#007aff26;border-color:#007aff4d;box-shadow:0 2px 8px #007aff33}.action-btn.danger{background:#ff3b3026;border-color:#ff3b304d;color:#ff3b30}.action-btn.danger:hover:not(:disabled){background:#ff3b3026;border-color:#ff3b304d;box-shadow:0 2px 8px #ff3b3033}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.pagination button{background:#0000000a;border:1px solid #0000000f;border-radius:8px;color:#1d1d1f;cursor:pointer;font-size:13px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination button:hover:not(:disabled){background:#00000014;border-color:#0000001a;box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.3;transform:none}.pagination span{color:#86868b;font-size:13px;font-weight:500}.modal-content{max-width:500px}.modal-content.modal-large{max-width:1100px}.modal-content.delete-confirm{max-width:400px;text-align:center}.modal-content h2{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px}.delete-icon{color:#dc2626;font-size:48px;margin-bottom:16px}.modal-content.delete-confirm p{color:#6b7280;font-size:var(--font-size-body);line-height:1.5;margin-bottom:24px}.form-group label input[type=checkbox]{cursor:pointer;margin-bottom:0;margin-right:8px;vertical-align:middle;width:auto}.form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;margin-bottom:0}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #0000001a;border-radius:8px;box-sizing:border-box;caret-color:#007aff;color:#1d1d1f;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:13px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){background:#00000003;border-color:#00000026}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.form-group.full-width{grid-column:1/-1}.modal-content.delete-confirm .modal-actions{border-top:none;justify-content:center}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions .cancel-btn,.modal-actions button[type=button]{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-actions .cancel-btn:hover,.modal-actions button[type=button]:hover{background:#e5e7eb;color:#111827}.modal-actions button[type=submit]{background:#4f46e5;color:#fff}.modal-actions button[type=submit]:hover:not(:disabled){background:#4338ca}.modal-actions .delete-btn{background:#dc2626;color:#fff}.modal-actions .delete-btn:hover:not(:disabled){background:#b91c1c}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.modal-actions button:active:not(:disabled){transform:scale(.98)}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:28px}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:20px;transition:all .2s}.chart-container:hover{box-shadow:0 4px 12px #0000001a}.music-preview-cell{padding:8px 16px}.preview-thumbnail{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.preview-thumbnail img{border-radius:4px;transition:all .2s}.preview-thumbnail:hover img{box-shadow:0 2px 8px #0000001f;transform:scale(1.05)}.music-preview-tooltip{animation:slideIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preview-card{display:flex;flex-direction:column;overflow:hidden;width:280px}.preview-image{background:#f3f4f6;height:160px;object-fit:cover;width:100%}.preview-content{background:#fff;padding:16px}.preview-content h3{color:#111827;font-size:var(--font-size-body);font-weight:600;margin:0 0 6px}.preview-content h3,.preview-style{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-style{color:#6b7280;font-size:13px;margin:0 0 12px}.preview-actions{display:flex;gap:8px}.detail-btn,.download-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;padding:8px 12px;text-align:center;text-decoration:none;transition:all .2s}.download-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.download-btn:hover{background:#e5e7eb;color:#111827}.detail-btn{background:#4f46e5;color:#fff}.detail-btn:hover{background:#4338ca}.music-detail-modal{max-height:85vh;max-width:600px;overflow-y:auto}.music-detail-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.music-detail-header>div{flex:1 1}.music-detail-header h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 10px}.music-detail-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.detail-tag{background:#f3f4f6;border-radius:4px;color:#4b5563;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.detail-tag.model-tag{background:#dbeafe;color:#1e40af}.detail-tag.generation-tag{background:#fef3c7;color:#92400e}.close-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.close-btn:hover{color:#111827}.music-detail-container{display:flex;gap:20px;margin-bottom:20px}.music-detail-cover{flex-shrink:0}.music-detail-cover img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:140px;object-fit:cover;width:140px}.music-detail-info{flex:1 1}.detail-item{align-items:flex-start;margin-bottom:14px}.detail-label{color:#374151;font-weight:500;min-width:70px}.detail-label,.detail-value{font-size:var(--font-size-body-sm)}.detail-value{color:#6b7280;flex:1 1;word-break:break-word}.music-detail-player{margin-bottom:20px}.music-detail-player audio{border-radius:6px;width:100%}.music-detail-prompt{background:#f9fafb;border-left:3px solid #4f46e5;border-radius:6px;margin-bottom:20px;padding:14px}.music-detail-prompt label{color:#374151;display:block;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:8px}.prompt-text{color:#6b7280;font-size:var(--font-size-body-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.music-detail-lyrics{background:#f0f9ff;border-left:3px solid #0284c7;border-radius:6px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:14px}.music-detail-lyrics label{color:#374151;display:block;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:10px}.lyrics-text{color:#6b7280;font-family:Courier New,monospace;font-size:var(--font-size-body-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word}.text-tooltip{animation:tooltipFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 16px #0000001f;max-height:300px;max-width:400px;overflow:hidden;padding:0;pointer-events:auto}.text-tooltip-content{padding:14px}.tooltip-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tooltip-text{color:#111827;font-size:13px;line-height:1.5;max-height:240px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.empty-state{color:#9ca3af;font-size:var(--font-size-body-sm);padding:60px 20px;text-align:center}.tag-badge{background:#ede9fe;border-radius:4px;color:#5b21b6;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.delete-btn,.edit-btn{align-items:center;border:1px solid #0000000f;border-radius:6px;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);justify-content:center;min-height:32px;min-width:32px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-btn{background:#007aff1a;border-color:#007aff33;color:#007aff}.edit-btn:hover{background:#007aff26;border-color:#007aff4d;box-shadow:0 2px 8px #007aff33;transform:translateY(-1px)}.delete-btn{background:#ff3b301a;border-color:#ff3b3033;color:#ff3b30}.delete-btn:hover{background:#ff3b3026;border-color:#ff3b304d;box-shadow:0 2px 8px #ff3b3033;transform:translateY(-1px)}.image-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.image-upload-area:hover{background:#f0f4ff;border-color:#4f46e5}.upload-placeholder{color:#6b7280;cursor:pointer}.upload-placeholder p{font-size:var(--font-size-body-sm);margin:0;padding:6px 0}.image-preview{display:inline-block;position:relative}.image-preview img{border:1px solid #e5e7eb;border-radius:6px;max-height:300px;max-width:100%}.change-image-btn{background:#111827b3;border:none;border-radius:4px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;position:absolute;right:8px;transition:all .2s}.change-image-btn:hover{background:#111827e6}@media (max-width:768px){.admin-dashboard,.admin-music,.admin-settings,.admin-users{border-radius:0;padding:16px}.page-title{font-size:20px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:40px;width:40px}.stat-value{font-size:24px}.stat-label{font-size:13px}.charts-grid{gap:16px;grid-template-columns:1fr}.table-container{border-radius:6px}.data-table td,.data-table th{font-size:13px;padding:10px 12px}.form-row{grid-template-columns:1fr}.modal-content{max-width:calc(100vw - 32px);padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.music-detail-container{flex-direction:column}.music-detail-cover img{height:auto;max-height:240px;width:100%}.pagination{gap:8px}.pagination button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.page-header{align-items:stretch;flex-direction:column}.create-button{justify-content:center;width:100%}.search-bar{margin-bottom:16px}.action-buttons{flex-wrap:wrap}.stat-icon{height:36px;width:36px}.stat-value{font-size:20px}}.username-link{color:#0084ff;cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s}.username-link:hover{color:#06c;text-decoration:underline}.toggle-btn{background-color:#e5e7eb;border:none;border-radius:24px;cursor:pointer;display:inline-block;height:24px;margin:0;outline:none;padding:0;pointer-events:auto;position:relative;transition:background-color .2s;width:44px;z-index:10}.toggle-btn.toggle-on{background-color:#4f46e5}.toggle-slider{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-btn.toggle-on .toggle-slider{transform:translateX(20px)}.avatar-picker{width:100%}.avatar-style-selector{align-items:center;display:flex;gap:12px;margin-bottom:16px}.avatar-style-selector label{color:#374151;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:0}.avatar-style-selector .style-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;flex:1 1;font-size:var(--font-size-body-sm);padding:8px 12px}.avatar-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:16px;max-height:400px;overflow-y:auto;padding:4px}.avatar-item{aspect-ratio:1;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.avatar-item:hover{border-color:#667eea;transform:scale(1.05)}.avatar-item.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.avatar-item img{display:block;height:100%;object-fit:cover;width:100%}.selected-avatar-preview{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px}.selected-avatar-preview label{color:#374151;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:0}.selected-avatar-preview .preview-avatar-image{border:2px solid #667eea;border-radius:50%;height:60px;object-fit:cover;width:60px}@media (max-width:768px){.avatar-grid{gap:8px;grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.avatar-grid{gap:6px;grid-template-columns:repeat(3,1fr)}}.plan-management{padding:20px}.plan-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:20px}.plan-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:12px 24px;transition:all .2s}.plan-tab:hover{color:#111827}.plan-tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.plan-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:20px}.plan-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.plan-header h3{color:#111827;font-size:var(--font-size-h4);font-weight:600;margin:0}.btn-primary{background:#4f46e5;display:inline-flex;gap:6px;padding:10px 18px;transition:all .2s}.btn-primary:hover{background:#4338ca}.btn-primary:active{transform:scale(.98)}.plan-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.plan-table{border-collapse:collapse;font-size:var(--font-size-body-sm);width:100%}.plan-table thead{background:#f9fafb}.plan-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.plan-table td{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px 16px}.plan-table tbody tr:hover{background:#f9fafb}.plan-table tbody tr:last-child td{border-bottom:none}.action-buttons{gap:6px}.btn-delete,.btn-edit{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-edit:hover{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.btn-delete:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.loading{color:#9ca3af;font-size:var(--font-size-body-sm);padding:40px;text-align:center}.modal-overlay{align-items:center;background:#0006;padding:20px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:18px}.form-group label{color:#374151;display:block;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;caret-color:#111827;color:#111827;font-family:inherit;font-size:var(--font-size-body-sm);padding:10px 12px;transition:all .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-size:var(--font-size-body-sm);letter-spacing:.2px}.form-group input:focus,.form-group textarea:focus{border:1px solid #000;outline:none}.form-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:18px}.checkbox{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:8px;margin-bottom:10px}.checkbox input{cursor:pointer;margin:0;width:auto}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:10px 18px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;color:#111827}.btn-secondary:active{transform:scale(.98)}@media (max-width:768px){.plan-management{padding:16px}.plan-content{border-radius:6px;padding:16px}.plan-header h3{font-size:var(--font-size-body)}.plan-table td,.plan-table th{font-size:13px;padding:10px 12px}.form-row{grid-template-columns:1fr}.modal-content{max-width:calc(100vw - 32px);padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (max-width:480px){.plan-header{align-items:stretch;flex-direction:column}.btn-primary{justify-content:center;width:100%}.plan-tab{font-size:13px;padding:10px 16px}}.faq-page-container{background:#0a0a0a;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.faq-page-header{animation:fadeInDown .6s ease-out;color:#fff;margin-bottom:50px;text-align:center}.faq-page-header h1{font-size:48px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px #0000001a}.faq-page-header p{color:#9ca3af;font-size:var(--font-size-h4);opacity:.7}.faq-loading{background:#0a0a0a;color:#fff;font-size:var(--font-size-h4);min-height:100vh;padding:60px 20px;text-align:center}.faq-controls{animation:fadeInUp .6s ease-out .2s both;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.faq-search{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.faq-search svg{color:#666;flex-shrink:0}.faq-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:var(--font-size-body);outline:none}.faq-search-input::placeholder{color:#666}.faq-categories{display:flex;flex-wrap:wrap;gap:10px}.category-btn{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:var(--font-size-body-sm);padding:10px 16px;transition:all .3s ease}.category-btn:hover{background:#262626;border-color:#444;color:#fff}.category-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.faq-empty{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:60px 20px;text-align:center}.faq-empty p{color:#666;font-size:var(--font-size-h4)}.faq-list{animation:fadeIn .6s ease-out .4s both;display:flex;flex-direction:column;gap:16px}.faq-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#444;transform:translateY(-2px)}.faq-item-header{align-items:center;background:#1a1a1a;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:20px;transition:all .3s ease}.faq-item:hover .faq-item-header{background:#262626}.faq-item-question{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.faq-chevron{color:#4f46e5;flex-shrink:0;transition:transform .3s ease}.faq-chevron.expanded{transform:rotate(180deg)}.faq-item-question span{color:#fff;font-size:var(--font-size-body);font-weight:500;line-height:1.4}.faq-category-tag{background:#4f46e5;border-radius:6px;color:#fff;display:inline-block;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.faq-item-content{animation:slideDown .3s ease-out;background:#1a1a1a;border-top:1px solid #333;padding:20px}.faq-answer{word-wrap:break-word;color:#9ca3af;font-size:var(--font-size-body);line-height:1.8;margin-bottom:16px;white-space:pre-wrap}.faq-item-actions{align-items:center;border-top:1px solid #333;display:flex;gap:20px;padding-top:12px}.faq-helpful-btn{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:6px;padding:8px 12px;transition:all .3s ease}.faq-helpful-btn:hover{background:#4f46e51a;border-color:#4f46e5;color:#4f46e5}.faq-meta{color:#666;font-size:13px;margin-left:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-page-container{padding-bottom:120px;padding:20px 16px 120px}.faq-page-header h1{font-size:32px}.faq-page-header p{font-size:var(--font-size-body)}.faq-controls{gap:16px}.faq-categories{gap:8px}.category-btn{font-size:13px;padding:8px 12px}.faq-item-header{align-items:flex-start;flex-direction:column;padding:16px}.faq-item-question{width:100%}.faq-category-tag{align-self:flex-start}.faq-item-content{padding:16px}.faq-item-actions{align-items:flex-start;flex-direction:column;gap:12px}.faq-meta{margin-left:0}}@media (max-width:480px){.faq-page-header h1{font-size:28px}.faq-page-header p{font-size:var(--font-size-body-sm)}.category-btn{flex:1 1;min-width:80px;text-align:center}.faq-item-question span{font-size:var(--font-size-body)}.faq-answer{font-size:var(--font-size-body-sm)}}.video-detail-page{background:#0a0a0a;min-height:100vh;padding:20px 0}.video-detail-container{margin:0 auto;max-width:900px;padding:0 20px}.back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:600;gap:8px;margin-bottom:24px;padding:12px 20px;transition:all .2s ease}.back-button:hover{background:#ffffff1f;border-color:#ffffff26}.user-info-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:12px;margin-bottom:24px;padding:16px}.user-avatar,.user-info-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-placeholder{color:#fff;font-size:var(--font-size-body-sm);font-weight:600}.user-details{flex:1 1}.user-details h3{color:#fff;font-size:var(--font-size-body-sm);font-weight:600;margin:0}.user-details p{color:#fff9;font-size:12px;margin:4px 0 0}.main-content{display:flex;flex-direction:column;gap:24px}.video-player-container{background:#000;border-radius:16px;box-shadow:0 8px 32px #00000080;overflow:hidden;width:100%}.video-player{aspect-ratio:16/9;background:#000;display:block;height:auto;width:100%}.video-placeholder{align-items:center;aspect-ratio:16/9;background:#ffffff0a;color:#fff9;display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%}.video-placeholder.processing{color:#1890ff}.video-placeholder.failed{color:#ff4d4f}.video-info{display:flex;flex-direction:column;gap:20px}.prompt-section{border-bottom:1px solid #ffffff14;padding:20px 0}.prompt-title{color:#fff;font-size:28px;font-weight:700;line-height:1.4;margin:0;word-break:break-word}.action-metadata-row{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:16px 0}.action-buttons{flex-wrap:wrap;gap:12px;position:relative}.action-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:#ffffff1a;border-color:#ffffff26}.action-btn.copied{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.action-btn.more-btn{border-radius:8px;height:40px;padding:0;width:40px}.menu-container{position:relative}.more-menu{animation:slideUp .2s ease forwards;background:#1e1e1efa;border:1px solid #ffffff1a;border-radius:12px;bottom:120%;box-shadow:0 -8px 24px #0006;min-width:180px;padding:8px;position:absolute;right:0;z-index:1000}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.menu-item:hover{background:#ffffff14}.menu-item.delete{color:#ff4d4f}.menu-item.delete:hover{background:#ff4d4f1a}.metadata-info{display:flex;gap:24px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:#fff;font-size:var(--font-size-body-sm);font-weight:600}.stats-section{display:flex;gap:24px;padding:16px 0}.stat-item{align-items:center;color:#fff9;cursor:default;display:flex;font-size:var(--font-size-body-sm);gap:8px}.stat-item:hover{color:#fffc}.video-detail-error,.video-detail-loading{color:#fff9;font-size:var(--font-size-body);padding:60px 20px;text-align:center}@media (max-width:1200px){.video-detail-container{max-width:100%}.prompt-title{font-size:24px}}@media (max-width:768px){.video-detail-container{padding:0 16px}.video-detail-page{padding:16px 0}.user-info-card{margin-bottom:16px;padding:12px}.main-content{gap:16px}.prompt-title{font-size:20px}.action-metadata-row{align-items:flex-start;flex-direction:column;gap:16px}.action-buttons{gap:10px;width:100%}.action-btn{flex:1 1;padding:12px 16px;text-align:center}.metadata-info{gap:16px;width:100%}.stats-section{gap:16px;padding:12px 0}}@media (max-width:480px){.prompt-title{font-size:var(--font-size-h4)}.action-btn{font-size:13px;padding:10px 16px}.action-btn:not(.more-btn) span{display:none}.action-btn.more-btn{height:40px;width:40px}.metadata-info{flex-direction:column;gap:8px}.stats-section{flex-direction:column;gap:12px}.more-menu{left:50%;right:auto;transform:translateX(-50%)}}.modal-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-dialog{animation:slideUpModal .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #000c;max-width:500px;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#fff;font-size:var(--font-size-h4);font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.modal-close:hover{color:#ffffffe6}.modal-content{padding:24px}.modal-content p{color:#ffffffb3;font-size:var(--font-size-body-sm);margin:0 0 16px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:var(--font-size-body-sm);outline:none;padding:12px 16px;transition:all .2s ease}.modal-input::placeholder{color:#fff6}.modal-input:focus{background:#ffffff14;border-color:#fff3}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.modal-btn{border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;flex:1 1;font-size:var(--font-size-body-sm);font-weight:600;padding:12px 20px;transition:all .2s ease}.modal-btn.cancel{background:#0000;color:#ffffffb3}.modal-btn.cancel:hover{background:#ffffff0d;color:#ffffffe6}.modal-btn.confirm{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.modal-btn.confirm:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.share-modal-overlay{align-items:center;background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10003}.share-modal-overlay>*{cursor:default}.share-modal{background:#1a1a1a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:24px;position:relative;width:90%}.share-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.share-modal-close:hover{background:#ffffff1a;color:#fff}.share-record{border:4px solid #333;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:200px;margin:0 auto 24px;overflow:hidden;position:relative;width:200px}.share-content{margin-bottom:24px;text-align:center}.share-text{color:#fff;font-size:var(--font-size-body);line-height:1.5;margin-bottom:8px}.share-song-title{color:#fff;font-size:var(--font-size-h4);font-weight:600;margin-bottom:16px}.share-buttons{display:flex;gap:12px}.share-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:var(--font-size-body-sm);font-weight:500;padding:10px 24px;transition:all .2s ease}.share-btn-download{background:linear-gradient(135deg,#fff,#fff 20%,#0ff);box-shadow:0 4px 12px #00ccff4d;color:#000}.share-btn-download:hover{background:linear-gradient(135deg,#fff,#fff 20%,#0cf);box-shadow:0 6px 16px #0cf6;transform:translateY(-2px)}.legal-page{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:60px 20px}.legal-container{background:#fff;margin:0 auto;max-width:1000px;padding:0;width:100%}.legal-header{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:30px}.legal-header h1{color:#000;font-size:36px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.legal-meta{color:#888;display:flex;font-size:var(--font-size-body-sm);gap:24px}.legal-content{margin-top:40px}.content-html{color:#374151;font-size:var(--font-size-body);line-height:1.8}.content-html h1,.content-html h2,.content-html h3{color:#111827;font-weight:600;margin:48px 0 20px}.content-html h1{font-size:28px}.content-html h2{border-bottom:1px solid #f3f4f6;font-size:22px;padding-bottom:12px}.content-html h3{font-size:var(--font-size-h4)}.content-html p{margin:16px 0;text-align:justify}.content-html ol,.content-html ul{margin:16px 0 16px 24px}.content-html li{margin:12px 0}.content-html strong{color:#111827;font-weight:600}.content-html a{color:#2563eb;text-decoration:underline;text-underline-offset:4px}.content-html blockquote{background:#f9fafb;border-left:4px solid #e5e7eb;color:#6b7280;font-style:normal;margin:32px 0;padding:16px 24px}.legal-empty,.legal-error,.legal-loading{color:#6b7280;padding:100px 0;text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:32px;margin:0 auto 20px;width:32px}@media (max-width:768px){.legal-page{padding:40px 16px}.legal-header h1{font-size:28px}.content-html{font-size:var(--font-size-body)}}.fangfang-login-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.fangfang-login-box{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:400px;padding:40px;width:100%}.fangfang-login-header{margin-bottom:32px;text-align:center}.fangfang-login-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.fangfang-login-header p{color:#fff9;font-size:var(--font-size-body-sm);margin:0}.fangfang-login-form{display:flex;flex-direction:column;gap:20px}.fangfang-error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:var(--font-size-body-sm);padding:12px 16px;text-align:center}.fangfang-form-group{display:flex;flex-direction:column;gap:8px}.fangfang-form-group label{color:#fff;font-size:var(--font-size-body-sm);font-weight:500}.fangfang-form-group input{background:#0f0f0f;border:1px solid #64646426;border-radius:8px;caret-color:#0ff;color:#fff;font-size:var(--font-size-body-sm);padding:12px 16px;transition:all .2s ease}.fangfang-form-group input:hover{border-color:#64646440}.fangfang-form-group input:focus{border:2px solid #72ffff;box-shadow:0 0 0 3px #72ffff1a;caret-color:#0ff;outline:none}.fangfang-form-group input::placeholder{color:#ffffff4d}.fangfang-form-group input:disabled{cursor:not-allowed;opacity:.5}.fangfang-login-btn{background:linear-gradient(135deg,#fff,#0ff);border:none;border-radius:8px;box-shadow:0 4px 16px #00ffff4d;color:#000;cursor:pointer;font-size:var(--font-size-body);font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s ease}.fangfang-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #0ff6;transform:translateY(-2px)}.fangfang-login-btn:active:not(:disabled){transform:translateY(0)}.fangfang-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.fangfang-login-box{padding:30px 24px}.fangfang-login-header h1{font-size:24px}}.payment-success-container{align-items:center;background-color:#0f1115;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh}.payment-success-card{background:#1a1d23;border:1px solid #72ffff1a;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:500px;padding:3rem;text-align:center;width:90%}.success-icon-wrapper{margin-bottom:1.5rem}.success-icon{color:#4caf50;filter:drop-shadow(0 0 10px rgba(76,175,80,.3))}.success-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.success-message{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem}.order-details{background:#ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.detail-item{display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:grey}.detail-value{color:#e0e0e0;font-family:monospace}.redirect-notice{color:grey;font-size:.95rem;margin-bottom:2rem}.countdown-number{color:#72ffff;font-size:1.1rem;font-weight:700}.hint-message{background:#ffffff05;border-radius:6px;color:#666;font-size:.85rem;margin-bottom:2rem;padding:.5rem}.action-buttons{display:flex;justify-content:center}.btn-primary{background-color:#72ffff;border-radius:8px;color:#000;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.btn-primary:hover{background-color:#5ce6e6;box-shadow:0 5px 15px #72ffff4d}.admin-seo{max-width:900px;padding:0}.admin-seo .admin-seo-title{color:#111827;color:var(--color-text,#111827);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-seo .admin-seo-desc{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.875rem;margin:0 0 1.5rem}.admin-seo .admin-seo-list{display:flex;flex-direction:column;gap:1.5rem}.admin-seo .admin-seo-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:1rem 1.25rem}.admin-seo .admin-seo-card-title{align-items:center;color:#111827;color:var(--color-text,#111827);display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.admin-seo .admin-seo-path{color:#6b7280;color:var(--color-text-muted,#6b7280);font-weight:500}.admin-seo .admin-seo-page-label,.admin-seo .admin-seo-page-link{color:#0d9488;color:var(--color-primary,#0d9488);font-weight:600}.admin-seo .admin-seo-page-link{text-decoration:underline}.admin-seo .admin-seo-page-link:hover{opacity:.85}.admin-seo label.admin-seo-label{color:#6b7280;color:var(--color-text-muted,#6b7280);display:block;font-size:.75rem;margin-bottom:.25rem}.admin-seo .admin-seo-input,.admin-seo .admin-seo-textarea{background:#fff;background:var(--color-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:6px;box-sizing:border-box;color:#111827;color:var(--color-text,#111827);font-size:.875rem;padding:.5rem .75rem;width:100%}.admin-seo .admin-seo-input:focus,.admin-seo .admin-seo-textarea:focus{border-color:#0d9488;border-color:var(--color-primary,#0d9488);box-shadow:0 0 0 2px #0d948826;outline:none}.admin-seo .admin-seo-textarea{min-height:56px;resize:vertical}.admin-seo .admin-seo-field{margin-bottom:.75rem}.admin-seo .admin-seo-field:last-of-type{margin-bottom:1rem}.admin-seo .admin-seo-btn{background:#0d9488;background:var(--color-primary,#0d9488);border:none;border-radius:6px;color:#fff;color:var(--color-primary-contrast,#fff);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:opacity .2s}.admin-seo .admin-seo-btn:hover:not(:disabled){opacity:.9}.admin-seo .admin-seo-btn:disabled{cursor:not-allowed;opacity:.6}.admin-seo .admin-seo-loading{color:#6b7280;color:var(--color-text-muted,#6b7280);padding:1.5rem 0}.admin-seo .admin-seo-message{border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.admin-seo .admin-seo-message-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.admin-seo .admin-seo-message-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.admin-ai-assistant{box-sizing:border-box;display:flex;flex-direction:row;gap:16px;height:calc(100vh - 110px);margin:0;max-width:none;min-height:520px;padding:8px 0;width:100%}.admin-ai-assistant-sidebar{background:#fff;border:1px solid #e9edf3;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;margin-right:0;min-width:180px;padding:12px;width:260px}@media (max-width:768px){.admin-ai-assistant{flex-direction:column;height:auto;min-height:100vh;padding:8px}.admin-ai-assistant-sidebar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px;margin-right:0;min-width:0;width:100%}.admin-ai-assistant-new{margin-bottom:0;order:1}.admin-ai-assistant-conv-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;max-height:120px;min-height:44px;order:3;overflow-x:auto;overflow-y:auto;width:100%}.admin-ai-assistant-conv-item{flex:0 0 auto;margin-bottom:0;max-width:160px;min-width:100px}.admin-ai-assistant-conv-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ai-assistant-config-btn{margin-left:auto;margin-top:0;order:2}.admin-ai-assistant-main{display:flex;flex:1 1;flex-direction:column;min-height:300px}.admin-ai-assistant-header h1{font-size:18px}.admin-ai-assistant-desc{font-size:12px}.admin-ai-assistant-chat{min-height:200px}.admin-ai-assistant-input-wrap{flex-shrink:0}}.admin-ai-assistant-new{align-items:center;background:#00ced1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:12px;padding:10px 14px}.admin-ai-assistant-new:hover{background:#00b4b8}.admin-ai-assistant-conv-list{flex:1 1;min-height:80px;overflow-y:auto}.admin-ai-assistant-conv-item{align-items:center;border-radius:8px;box-sizing:border-box;color:#444;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;min-height:44px;outline:none;padding:10px 12px}.admin-ai-assistant-conv-item:focus-visible{box-shadow:0 0 0 2px #00ced1}.admin-ai-assistant-conv-item:hover{background:#eee}.admin-ai-assistant-conv-item.active{background:#e0f7f7;color:#00b4b8}.admin-ai-assistant-conv-title{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ai-assistant-conv-delete{background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;flex-shrink:0;padding:4px}.admin-ai-assistant-conv-delete:hover{background:#fee;color:#c00}.admin-ai-assistant-config-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;margin-top:8px;padding:8px 12px}.admin-ai-assistant-config-btn:hover{background:#f0f0f0;color:#333}.admin-ai-assistant-main{background:#fff;border:1px solid #e9edf3;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:14px}.admin-ai-assistant-header{margin-bottom:16px}.admin-ai-assistant-config-header{align-items:center;background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.admin-ai-assistant-config-header:hover{background:#e5e5e5;color:#333}.admin-ai-assistant-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.admin-ai-assistant-header h1{color:#1a1a1a;font-size:22px;font-weight:600;margin:0}.admin-ai-assistant-clear{align-items:center;background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.admin-ai-assistant-clear:hover{background:#e5e5e5;color:#333}.admin-ai-assistant-desc{color:#666;font-size:13px;line-height:1.5;margin:0}.admin-ai-assistant-chat{background:#f7fafc;border:1px solid #eef2f6;border-radius:12px;flex:1 1;margin-bottom:12px;overflow-y:auto;padding:16px}.admin-ai-assistant-empty{align-items:center;color:#888;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;min-height:200px}.admin-ai-assistant-msg{align-items:flex-start;display:flex;gap:10px;margin-bottom:16px}.admin-ai-assistant-msg-user{flex-direction:row-reverse}.admin-ai-assistant-msg-user .admin-ai-assistant-msg-content{background:#00ced1;border-radius:12px 12px 4px 12px;color:#fff}.admin-ai-assistant-msg-assistant .admin-ai-assistant-msg-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px 12px 12px 4px}.admin-ai-assistant-msg svg{color:#666;flex-shrink:0;margin-top:4px}.admin-ai-assistant-msg-user svg{color:#00ced1}.admin-ai-assistant-msg-content{font-size:14px;line-height:1.6;max-width:85%;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.admin-ai-assistant-msg-content.spin{display:inline-block}.spin{animation:admin-ai-spin .8s linear infinite}@keyframes admin-ai-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-ai-assistant-error{background:#fee;border-radius:8px;color:#c00;font-size:13px;margin-bottom:8px;padding:8px 12px}.admin-ai-assistant-input-wrap{align-items:flex-end;display:flex;gap:8px}.admin-ai-assistant-input{border:1px solid #ddd;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;padding:12px 14px;resize:none}.admin-ai-assistant-input:focus{border-color:#00ced1;outline:none}.admin-ai-assistant-input:disabled{background:#f0f0f0;cursor:not-allowed}.admin-ai-assistant-send{align-items:center;background:#00ced1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.admin-ai-assistant-send:hover:not(:disabled){background:#00b4b8}.admin-ai-assistant-send:disabled{background:#ccc;cursor:not-allowed}@media (max-width:480px){.admin-ai-assistant{padding:6px}.admin-ai-assistant-sidebar{padding:8px}.admin-ai-assistant-conv-list{max-height:100px}.admin-ai-assistant-msg-content{max-width:95%}}.admin-ai-assistant-config-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.admin-ai-assistant-config-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:480px;padding:24px;width:90%}.admin-ai-assistant-config-header-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-ai-assistant-config-header-modal h2{font-size:18px;font-weight:600;margin:0}.admin-ai-assistant-config-close{background:#0000;border:none;color:#666;cursor:pointer;padding:4px}.admin-ai-assistant-config-close:hover{color:#333}.admin-ai-assistant-config-hint{color:#666;font-size:12px;line-height:1.5;margin:0 0 16px}.admin-ai-assistant-config-form label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.admin-ai-assistant-config-form input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.admin-ai-assistant-config-form input[type=password]{font-family:inherit}.admin-ai-assistant-config-key-hint{color:#888;display:block;font-size:12px;margin-bottom:12px;margin-top:-6px}.admin-ai-assistant-config-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-ai-assistant-config-cancel,.admin-ai-assistant-config-save{border-radius:8px;cursor:pointer;font-size:14px;padding:8px 18px}.admin-ai-assistant-config-cancel{background:#f0f0f0;border:none;color:#666}.admin-ai-assistant-config-cancel:hover{background:#e5e5e5}.admin-ai-assistant-config-save{background:#00ced1;border:none;color:#fff}.admin-ai-assistant-config-save:hover{background:#00b4b8}.admin-ai-schedule-modal{max-width:760px}.admin-ai-schedule-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;resize:vertical;width:100%}.admin-ai-schedule-list{border-top:1px solid #eef1f5;display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:320px;overflow-y:auto;padding-top:14px}.admin-ai-schedule-empty{color:#8a94a6;font-size:13px;padding:18px 0;text-align:center}.admin-ai-schedule-item{background:#fafcff;border:1px solid #e6ebf2;border-radius:10px;padding:10px}.admin-ai-schedule-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.admin-ai-schedule-status{border-radius:999px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:uppercase}.admin-ai-schedule-status.status-pending{background:#fff6e5;color:#b46a00}.admin-ai-schedule-status.status-running{background:#e8f3ff;color:#1468c9}.admin-ai-schedule-status.status-completed{background:#e7f8ef;color:#197a3b}.admin-ai-schedule-status.status-failed{background:#ffeded;color:#b4232a}.admin-ai-schedule-status.status-cancelled{background:#f2f4f7;color:#667085}.admin-ai-schedule-time{color:#667085;font-size:12px}.admin-ai-schedule-desc{color:#1f2937;font-size:13px;line-height:1.5;white-space:pre-wrap}.admin-ai-schedule-error,.admin-ai-schedule-result{font-size:12px;line-height:1.4;margin-top:6px}.admin-ai-schedule-result{color:#2f4f72}.admin-ai-schedule-error{color:#b4232a}.admin-ai-schedule-actions{display:flex;gap:8px;margin-top:8px}.admin-ai-schedule-actions button{align-items:center;background:#fff;border:1px solid #d5dbe6;border-radius:8px;color:#344054;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.admin-ai-schedule-actions button:hover{background:#f6f9ff}.admin-ai-schedule-select{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.admin-ai-schedule-weekdays{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-ai-schedule-day{background:#fff;border:1px solid #d5dbe6;border-radius:8px;color:#344054;cursor:pointer;font-size:12px;padding:6px 10px}.admin-ai-schedule-day.active{background:#e8f8f8;border-color:#00c2c7;color:#008f93}.admin-ai-schedule-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.admin-ai-schedule-pill{background:#eef3f9;border-radius:999px;color:#445166;font-size:11px;padding:2px 8px}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.article-container{background:#f5f5f5;min-height:calc(100vh - 200px);padding:24px}.article-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.article-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.btn-primary{align-items:center;background:#667eea;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d}.article-message{animation:slideDown .3s ease;border-radius:8px;margin-bottom:20px;padding:12px 16px}.article-message-success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.article-message-error{background:#ffebee;border:1px solid #f44336;color:#c62828}.article-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.article-filter-select{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);padding:10px 12px;transition:all .2s ease}.article-filter-select:focus{border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a;outline:none}.article-list{display:flex;flex-direction:column;gap:16px}.article-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;overflow:hidden;transition:all .3s ease}.article-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.article-item.draft{border-left:4px solid #ff9800}.article-item.published{border-left:4px solid #4caf50}.article-item.archived{border-left:4px solid #999;opacity:.7}.article-image{border-radius:0;flex-shrink:0;height:140px;overflow:hidden;width:200px}.article-image img{height:100%;object-fit:cover;width:100%}.article-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.article-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.article-title-section h3{color:#1a1a1a;font-size:var(--font-size-body);font-weight:600;margin:0 0 8px;word-break:break-word}.article-badges{display:flex;flex-wrap:wrap;gap:8px}.article-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.article-badge.draft{background:#fff3e0;color:#e65100}.article-badge.published{background:#e8f5e9;color:#2e7d32}.article-badge.archived{background:#f5f5f5;color:#999}.article-badge.category{background:#e8eef7;color:#667eea}.article-badge.pinned{background:#fce4ec;color:#c2185b}.article-badge.homepage{background:#f3e5f5;color:#7b1fa2}.article-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.6;margin:0;overflow:hidden}.article-stats{color:#555;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{background:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:12px;padding:4px 10px}.article-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:8px;padding:12px 16px;position:relative}.btn-icon{align-items:center;background:#fff;border:1px solid #bbb;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-icon:hover{background:#f5f5f5;border-color:#999;color:#111}.btn-icon.btn-danger{border-color:#e57373;color:#c62828}.btn-icon.btn-danger:hover{background:#ffebee;border-color:#f44336;color:#b71c1c}.article-delete-confirm{background:#fff;border:1px solid #f44336;border-radius:6px;box-shadow:0 4px 12px #f4433633;min-width:200px;padding:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.article-delete-confirm p{color:#c62828;font-size:13px;font-weight:500;margin:0 0 8px}.article-confirm-actions{display:flex;gap:8px}.btn-confirm{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-confirm.btn-danger{background:#f44336;color:#fff}.btn-confirm.btn-danger:hover{background:#d32f2f}.btn-confirm.btn-secondary{background:#f0f0f0;color:#333}.btn-confirm.btn-secondary:hover{background:#e0e0e0}.article-empty{background:#fff;border-radius:12px;color:#999;padding:60px 20px;text-align:center}.article-empty p{font-size:var(--font-size-body);margin:0}.article-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.article-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1100px;overflow-y:auto;padding:24px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-modal h3{color:#1a1a1a;font-size:var(--font-size-h4);font-weight:600;margin:0 0 20px}.article-form-group-cover .article-form-label-cover{color:#1a1a1a;display:block;font-size:15px;font-weight:600;margin-bottom:6px}.article-form-group-cover .btn-upload-cover{background:#f0f0f0;border:1px solid #ccc;color:#1a1a1a;font-weight:500}.article-form-group-cover .btn-upload-cover:hover{background:#e0e0e0;border-color:#999}.article-form-group-cover .article-cover-url-input{border:1px solid #ddd;border-radius:6px;color:#1a1a1a;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px}.article-form-group{margin-bottom:16px}.article-form-group label{color:#333;display:block;font-size:var(--font-size-body-sm);font-weight:500;margin-bottom:6px}.article-form-group input,.article-form-group select,.article-form-group textarea{border:1px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:var(--font-size-body-sm);padding:10px;transition:all .2s ease;width:100%}.article-form-group input:focus,.article-form-group select:focus,.article-form-group textarea:focus{border-color:#0ff;box-shadow:0 0 0 3px #00ffff1a;outline:none}.article-form-group textarea{font-family:monospace;font-size:13px;resize:vertical}.article-form-label-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.btn-ai-article{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-ai-article:hover{opacity:.9}.article-ai-modal{background:#f0f4ff;border:1px solid #c5d0e8;border-radius:8px;margin-bottom:12px;padding:16px}.article-ai-modal-inner h4{color:#333;font-size:14px;margin:0 0 12px}.article-ai-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.article-ai-form label{color:#555;font-size:13px}.article-ai-form input,.article-ai-form select{border:1px solid #d0d0d0;border-radius:6px;font-size:13px;padding:8px 10px}.article-ai-actions{display:flex;flex-wrap:wrap;gap:8px}.article-submodal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1300}.article-submodal{background:#f0f4ff;border:1px solid #c5d0e8;border-radius:12px;box-shadow:0 16px 40px #0003;max-height:84vh;overflow-y:auto;padding:18px;width:min(900px,92vw)}.article-submodal h4{color:#333;font-size:20px;margin:0 0 12px}.article-submodal-library{width:min(960px,94vw)}.article-ai-actions .btn-ai-cancel,.article-ai-actions .btn-ai-publish{border:1px solid #667eea;border-radius:6px;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:10px 20px;transition:all .2s ease}.article-ai-actions .btn-ai-publish{background:#667eea;border-color:#667eea;color:#fff}.article-ai-actions .btn-ai-publish:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea4d}.article-ai-actions .btn-ai-cancel{background:#fff;border-color:#94a3b8;color:#475569}.article-ai-actions .btn-ai-cancel:hover{background:#f1f5f9;color:#334155}.article-editor-group .ql-container{font-size:14px;min-height:200px}.article-editor-group .ql-editor{min-height:200px}.article-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.article-form-checkboxes{background:#f9f9f9;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px}.article-form-checkboxes label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:400;gap:8px;margin:0}.article-form-checkboxes input{margin:0;width:auto}.article-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{background:#e2e8f0;border:1px solid #94a3b8;border-radius:6px;color:#334155;cursor:pointer;font-size:var(--font-size-body-sm);font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#cbd5e1;border-color:#64748b;color:#1e293b}.article-header-actions .article-batch-btn{background:#0f172a;border:1px solid #1e293b;color:#f8fafc;font-weight:600}.article-header-actions .article-batch-btn:hover{background:#1e293b;border-color:#334155;color:#fff}.article-loading{align-items:center;color:#667eea;display:flex;font-size:var(--font-size-body);height:300px;justify-content:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.article-item{flex-direction:column}.article-image{height:200px;width:100%}}@media (max-width:768px){.article-container{padding:16px}.article-filters{flex-direction:column}.article-filter-select{width:100%}.article-form-row{grid-template-columns:1fr}.article-modal{padding:16px}.article-actions{flex-direction:column}.btn-icon{justify-content:flex-start;width:100%}}.article-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.article-tabs{background:#0000000f;border-radius:8px;display:flex;gap:4px;padding:4px}.article-tabs button{background:#0000;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.article-tabs button:hover{background:#fff9;color:#1a1a1a}.article-tabs button.active{background:#667eea;color:#fff}.category-manage-section{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:18px}.category-manage-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.category-manage-title{color:#1f2937;font-size:17px;margin:0}.category-manage-count{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;font-size:12px;padding:4px 10px}.category-manage-subtitle{color:#6b7280;font-size:13px;margin:0 0 12px}.category-manage-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:12px}.category-manage-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) minmax(100px,.6fr);margin-bottom:10px}.category-manage-field{display:flex;flex-direction:column;gap:6px}.category-manage-field span{color:#4b5563;font-size:12px;font-weight:500}.category-manage-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;padding:8px 10px}.category-manage-label,.category-manage-order,.category-manage-slug{width:100%}.category-manage-form-actions{display:flex;flex-wrap:wrap;gap:8px}.category-manage-tip{color:#6b7280;margin:8px 2px}.category-manage-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-manage-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px;position:relative}.category-manage-card-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.category-manage-card-title{color:#111827;font-size:15px}.category-manage-card-slug{background:#f3f4f6;border-radius:999px;color:#374151;font-size:12px;padding:2px 8px}.category-manage-card-order{color:#6b7280;font-size:12px}.category-manage-card-actions{display:flex;gap:8px}.category-manage-delete-confirm{background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:10px}.category-manage-delete-confirm p{color:#b91c1c;font-size:13px;margin:0 0 8px}.article-faq-section{margin-top:0}.article-form-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.article-batch-desc{color:#666;font-size:13px;margin:0 0 16px}.article-batch-result{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin:16px 0;padding:12px}.article-batch-result-title{color:#2e7d32;font-weight:600;margin:0 0 8px}.article-batch-result ul{margin:0;padding-left:20px}.article-batch-result li{margin:4px 0}@media (max-width:768px){.category-manage-head{align-items:flex-start;flex-direction:column}.category-manage-form{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:Inter,"Noto Sans SC","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-h4:18px;--font-weight-h:700;--font-size-body-lg:16px;--font-size-body:15px;--font-size-body-sm:14px;--font-size-body-xs:13px;--font-weight-body:400;--font-size-button:16px;--font-weight-button:600;--font-size-label:14px;--font-weight-label:500;--font-size-caption:12px;--font-weight-caption:400;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--form-bg:#fff;--form-bg-focus:#fff;--form-border:#d1d5db;--form-border-focus:#ffffff1a!important;--form-text:#111827;--form-placeholder:#9ca3af;--form-ring:#0000!important;--form-disabled-bg:#f3f4f6;--form-disabled-text:#9ca3af;--form-font-size:var(--font-size-body);--form-font-weight:500;--form-letter-spacing:0.2px;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-2:#f9fafb;--color-text:#111827;--color-text-muted:#4b5563;--color-text-subtle:#6b7280;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-primary:#0ff;--color-primary-hover:#00d4d4;--color-primary-contrast:#fff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--radius-xs:2px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 4px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 50px #00000073;--focus-ring:#0000!important;--z-base:0;--z-content:1;--z-raised:10;--z-navbar:100;--z-sidebar:110;--z-header:120;--z-dropdown:200;--z-tooltip:210;--z-notification:220;--z-floating-player:230;--z-overlay:300;--z-modal-backdrop:310;--z-modal:400;--z-popover:410;--z-drawer:420;--z-toast:500;--z-loading:510;--z-debug:9999}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--color-bg);color:#111827;color:var(--color-text);font-family:Inter,Noto Sans SC,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-y:scroll}body.modal-open{overflow:hidden}html{scroll-behavior:smooth}h1{font-size:32px;font-size:var(--font-size-h1)}h1,h2{font-weight:700;font-weight:var(--font-weight-h);line-height:1.2;line-height:var(--line-height-tight);margin:0}h2{font-size:24px;font-size:var(--font-size-h2)}h3{font-size:20px;font-size:var(--font-size-h3)}h3,h4{font-weight:600;line-height:1.5;line-height:var(--line-height-normal);margin:0}h4{font-size:18px;font-size:var(--font-size-h4)}p{font-size:15px;font-size:var(--font-size-body);font-weight:400;font-weight:var(--font-weight-body);margin:0}p,small{line-height:1.5;line-height:var(--line-height-normal)}small{font-size:12px;font-size:var(--font-size-caption);font-weight:400;font-weight:var(--font-weight-caption)}label{font-size:14px;font-size:var(--font-size-label);font-weight:500;font-weight:var(--font-weight-label);line-height:1.5;line-height:var(--line-height-normal)}button,input,option,select,textarea{font-family:inherit}input:not([type=range]),select,textarea{background:#0000;border:1px solid #d1d5db;border:1px solid var(--form-border);caret-color:#111827;caret-color:var(--form-text);color:#111827;color:var(--form-text);font-size:15px;font-size:var(--form-font-size);font-weight:500;font-weight:var(--form-font-weight);letter-spacing:.2px;letter-spacing:var(--form-letter-spacing)}input[type=range]{background:#0000;border:none!important}input:focus,select:focus,textarea:focus{background:#0000!important;border-color:#000!important;box-shadow:none!important;outline:none!important}input:disabled,select:disabled,textarea:disabled{background:#f3f4f6;background:var(--form-disabled-bg);color:#9ca3af;color:var(--form-disabled-text);cursor:not-allowed}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--form-placeholder);font-family:inherit;font-size:15px;font-size:var(--form-font-size);font-weight:500;font-weight:var(--form-font-weight);letter-spacing:.2px;letter-spacing:var(--form-letter-spacing)}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--form-text);box-shadow:inset 0 0 0 1000px #fff;box-shadow:0 0 0 1000px var(--form-bg) inset;-webkit-box-shadow:inset 0 0 0 1000px #fff;-webkit-box-shadow:0 0 0 1000px var(--form-bg) inset;font-family:inherit}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}body.has-top-bar .App{padding-top:48px}body.has-top-bar .sidebar{height:calc(100vh - 48px)!important;top:48px!important}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-purple{background:linear-gradient(135deg,#a8edea,#fed6e3)}.gradient-bg-dark{background:linear-gradient(135deg,#2c3e50,#34495e)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-size:var(--font-size-body);font-weight:600;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;will-change:transform,box-shadow}.btn:active{transform:scale(.98)}input:not([type=password]),select,textarea{cursor:text;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}input[type=password]{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.btn-primary{background:#2a2a2a;color:#fff}.btn-primary:hover{background:#1a1a1a;box-shadow:0 10px 25px #2a2a2a66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-large{font-size:18px;font-size:var(--font-size-h4);min-height:56px;padding:16px 32px}.btn-small{min-height:36px;padding:8px 16px}.btn-small,.input{font-size:14px;font-size:var(--font-size-body-sm)}.input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:inherit;padding:12px 16px;transition:all .2s ease}.input:focus{background:#0000!important;border-color:#fff3!important;box-shadow:none!important;outline:none!important}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 20px}.container-sm{max-width:600px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.text-muted{color:#fff9}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}@media (max-width:768px){.main-content{padding-top:70px}.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn-large{font-size:15px;font-size:var(--font-size-body);min-height:48px;padding:14px 28px}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.profile-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important}.text-h1{font-size:32px;font-size:var(--font-size-h1);font-weight:var(--font-weight-h1)}.text-h1,.text-h2{line-height:1.2;line-height:var(--line-height-tight)}.text-h2{font-size:24px;font-size:var(--font-size-h2);font-weight:var(--font-weight-h2)}.text-h3{font-size:20px;font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:1.2;line-height:var(--line-height-tight)}.text-h4{font-size:18px;font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);line-height:1.5;line-height:var(--line-height-normal)}.text-body-lg{font-size:16px;font-size:var(--font-size-body-lg)}.text-body,.text-body-lg{font-weight:400;font-weight:var(--font-weight-body);line-height:1.5;line-height:var(--line-height-normal)}.text-body{font-size:15px;font-size:var(--font-size-body)}.text-body-sm{font-size:14px;font-size:var(--font-size-body-sm)}.text-body-sm,.text-body-xs{font-weight:400;font-weight:var(--font-weight-body);line-height:1.5;line-height:var(--line-height-normal)}.text-body-xs{font-size:13px;font-size:var(--font-size-body-xs)}.text-button{font-size:16px;font-size:var(--font-size-button);font-weight:600;font-weight:var(--font-weight-button)}.text-button,.text-label{line-height:1.5;line-height:var(--line-height-normal)}.text-label{font-size:14px;font-size:var(--font-size-label);font-weight:500;font-weight:var(--font-weight-label)}.text-caption{font-size:12px;font-size:var(--font-size-caption);font-weight:400;font-weight:var(--font-weight-caption);line-height:1.5;line-height:var(--line-height-normal)}.text-h1-bold{font-size:32px;font-size:var(--font-size-h1)}.text-h1-bold,.text-h2-bold{font-weight:700;line-height:1.2;line-height:var(--line-height-tight)}.text-h2-bold{font-size:24px;font-size:var(--font-size-h2)}.text-body-bold{font-size:15px;font-size:var(--font-size-body)}.text-body-bold,.text-body-sm-bold{font-weight:600;line-height:1.5;line-height:var(--line-height-normal)}.text-body-sm-bold{font-size:14px;font-size:var(--font-size-body-sm)}.text-body-light{font-size:15px;font-size:var(--font-size-body)}.text-body-light,.text-body-sm-light{font-weight:400;line-height:1.5;line-height:var(--line-height-normal)}.text-body-sm-light{font-size:14px;font-size:var(--font-size-body-sm)}.text-tight{line-height:1.2;line-height:var(--line-height-tight)}.text-relaxed{line-height:1.6;line-height:var(--line-height-relaxed)}@keyframes message-center-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes message-center-slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}