@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap";.music-experience,[data-music-theme=all]{--music-accent:#6f405f;--music-accent-soft:#f3edf1;--music-hero-gradient:linear-gradient(135deg, #fffffff7, #f5ebf3f2);--music-player-glow:#6f405f3d}[data-music-theme=romantic]{--music-accent:#a83f78;--music-accent-soft:#fbe8f2;--music-hero-gradient:linear-gradient(135deg, #fff7fb, #f3e5fa);--music-player-glow:#be428452}[data-music-theme=sad]{--music-accent:#536ca6;--music-accent-soft:#e9eef9;--music-hero-gradient:linear-gradient(135deg, #f7faff, #e8eafa);--music-player-glow:#4c66a147}[data-music-theme=energetic]{--music-accent:#bd572d;--music-accent-soft:#fff0e4;--music-hero-gradient:linear-gradient(135deg, #fff9ef, #f8e7ef);--music-player-glow:#da5b2757}.music-experience{background:radial-gradient(circle at 85% 6%, var(--music-accent-soft), transparent 34%);border-radius:24px;transition:background .35s;position:relative}.music-page{color:#2d1d15;gap:24px;display:grid}.music-page-header,.music-section,.admin-music-panel{background:#fffffff0;border:1px solid #e1dcdb;border-radius:22px;padding:24px;box-shadow:0 12px 34px #2d1d1514}.music-page-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.music-mood-hero{background:var(--music-hero-gradient);border-color:color-mix(in srgb, var(--music-accent) 28%, #e1dcdb);box-shadow:0 14px 38px var(--music-player-glow);transition:background .35s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.music-mood-hero:after{content:"";background:var(--music-accent-soft);opacity:.7;pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;top:-95px;right:-70px}.music-mood-hero>*{z-index:1;position:relative}.music-current-mood{color:var(--music-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:850;display:block}.music-change-mood{border-color:var(--music-accent)!important;color:var(--music-accent)!important;background:var(--music-accent-soft)!important}.music-page h1,.music-page h2,.admin-music-page h1{font-family:var(--font-heading,Georgia, serif);margin:0}.music-page-header p,.music-section-heading p{color:#756966;margin:5px 0 0}.music-page-tabs,.admin-music-title-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.music-page-tabs button{color:#574b47;cursor:pointer;background:#fff;border:1px solid #d8cfcc;border-radius:999px;padding:9px 14px;font-weight:700}.music-page-tabs button.active{color:#fff;background:#6f405f;border-color:#6f405f}.music-toolbar{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:12px;display:grid}.music-field{color:#574b47;gap:6px;font-size:13px;font-weight:700;display:grid}.music-field input,.music-field select,.music-field textarea{box-sizing:border-box;color:#2d1d15;width:100%;font:inherit;background:#fff;border:1px solid #d8cfcc;border-radius:11px;padding:11px 12px;font-weight:500}.music-field input:focus,.music-field select:focus,.music-field textarea:focus{border-color:#6f405f;outline:2px solid #6f405f38}.music-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.music-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.music-card{background:#fff;border:1px solid #e7dfdc;border-radius:16px;overflow:hidden}.music-card-cover{aspect-ratio:1;background:#eee;position:relative}.music-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.music-card-play{color:#fff;cursor:pointer;background:#6f405f;border:none;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 5px 15px #2d1d1547}.music-card-body{padding:14px}.music-card-body strong,.music-card-body span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.music-card-body span{color:#756966;margin-top:3px;font-size:13px}.music-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.music-tag,.music-status{color:#6f405f;background:#f3edf1;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.music-status.published{color:#166534;background:#dcfce7}.music-status.unpublished{color:#92400e;background:#fef3c7}.music-status.pending_review{color:#1d4ed8;background:#dbeafe}.music-status.rejected{color:#991b1b;background:#fee2e2}.music-rejection{color:#991b1b;max-width:420px;margin:8px 0 0;font-size:12px}.music-empty,.music-error,.music-loading{text-align:center;color:#756966;place-items:center;min-height:150px;display:grid}.music-error{color:#a32929}.music-primary,.music-secondary,.music-danger{cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font-weight:700}.music-primary{color:#fff;background:#6f405f}.music-secondary{color:#2d1d15;background:#eee8e5}.music-danger{color:#a32929;background:#fee2e2}.music-primary:disabled,.music-secondary:disabled,.music-danger:disabled{cursor:not-allowed;opacity:.55}.music-pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.music-player{z-index:1100;box-sizing:border-box;color:#2d1d15;border:1px solid var(--music-accent,#6f405f);width:min(360px,100vw - 32px);box-shadow:0 16px 42px var(--music-player-glow,#2d1d1540);background:#fffffffa;border-radius:20px;padding:16px;position:fixed;bottom:20px;right:20px;overflow:hidden}.music-player-close{position:absolute;top:8px;right:8px}.music-player-track{align-items:center;gap:12px;padding-right:24px;display:flex}.music-player-track img{object-fit:cover;border-radius:12px;width:54px;height:54px}.music-player-track div{min-width:0;display:grid}.music-player-track strong,.music-player-track span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-player-track span{color:#756966;font-size:13px}.music-player-error{color:#a32929;margin:9px 0 0;font-size:12px}.music-seek-label{color:#756966;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:grid}.music-seek-label input{accent-color:#6f405f;width:100%}.music-player-controls{justify-content:center;align-items:center;gap:5px;margin-top:7px;display:flex}.music-icon-button,.music-play-button{color:var(--music-accent,#6f405f);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.music-icon-button{border-radius:50%;width:34px;height:34px}.music-icon-button:hover{background:#f3edf1}.music-icon-button:focus-visible,.music-play-button:focus-visible{outline:2px solid var(--music-accent,#6f405f);outline-offset:2px}.music-mode-button.active{background:var(--music-accent-soft,#f3edf1);box-shadow:inset 0 0 0 1px var(--music-accent,#6f405f)}.music-mode-button.active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-top:27px;position:absolute}.music-mode-button{position:relative}.music-play-button{color:#fff;background:#6f405f;border-radius:50%;width:42px;height:42px}.music-volume{accent-color:#6f405f;width:56px}.music-player-watermark{color:#6f405f;opacity:.04;pointer-events:none;width:90px;height:90px;position:absolute;bottom:-18px;right:-14px}.music-player-bubble{z-index:1100;background:var(--music-accent,#6f405f);color:#fff;max-width:220px;box-shadow:0 8px 26px var(--music-player-glow,#2d1d154d);cursor:pointer;border:2px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex;position:fixed;bottom:20px;right:20px}.music-player-bubble img{object-fit:cover;border-radius:50%;width:34px;height:34px}.music-player-bubble span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.music-spin{animation:1s linear infinite music-spin}@keyframes music-spin{to{transform:rotate(360deg)}}.admin-music-page{gap:20px;display:grid}.admin-music-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-music-filters{grid-template-columns:minmax(190px,2fr) repeat(5,minmax(105px,1fr))}.admin-music-table-wrap{overflow-x:auto}.admin-music-table{border-collapse:collapse;width:100%;min-width:980px}.admin-music-table th,.admin-music-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ede7e5;padding:12px 9px;font-size:13px}.admin-music-table th{color:#756966;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.admin-track-cell{align-items:center;gap:10px;min-width:190px;display:flex}.admin-track-cell img{object-fit:cover;border-radius:9px;width:46px;height:46px}.admin-track-cell div{min-width:0;display:grid}.admin-track-cell span{color:#756966;font-size:12px}.admin-music-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-music-actions button{color:#4c403c;cursor:pointer;background:#fff;border:1px solid #d8cfcc;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700}.music-modal-backdrop{z-index:2000;background:#160f0c94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.music-modal{box-sizing:border-box;background:#fff;border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 36px);padding:24px;overflow-y:auto}.music-modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.music-modal-header h2{margin:0}.music-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.music-field.full{grid-column:1/-1}.music-checkbox{align-items:center;gap:8px;font-weight:700;display:flex}.music-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.music-file-note{color:#756966;font-size:12px}.music-mood-selector{border:0;min-width:0;margin:0;padding:0}.music-mood-selector legend{color:#574b47;margin-bottom:8px;font-size:13px;font-weight:700}.music-mood-options{flex-wrap:wrap;gap:8px;display:flex}.music-mood-chip{color:#574b47;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfc3ca;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.music-mood-chip:hover:not(:disabled),.music-mood-chip:focus-visible{outline-offset:2px;border-color:#6f405f;outline:2px solid #6f405f2e}.music-mood-chip.selected{color:#fff;background:#6f405f;border-color:#6f405f}.music-mood-chip:disabled{cursor:not-allowed;opacity:.48}.music-mood-helper,.music-mood-error{margin-top:8px;font-size:12px;display:block}.music-mood-helper{color:#756966}.music-mood-error{color:#a32929}.music-toolbar-listening{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr))}.music-fallback-note{background:var(--music-accent-soft);color:#574b47;border-radius:11px;margin:16px 0 0;padding:10px 13px;font-size:13px}.mood-selection-backdrop{z-index:3000;-webkit-backdrop-filter:blur(10px)brightness(.62);backdrop-filter:blur(10px)brightness(.62);scrollbar-width:none;background:radial-gradient(circle at 50% 22%,#972c7738,#0000 43%),#1b0e2a57;place-items:center;padding:clamp(10px,1.5vw,18px);display:grid;position:fixed;inset:0;overflow:hidden}.mood-selection-backdrop::-webkit-scrollbar{display:none}.mood-selection-dialog::-webkit-scrollbar{display:none}.mood-selection-dialog{box-sizing:border-box;width:min(920px,90vw);max-height:100%;box-shadow:none;color:#fff;scrollbar-width:none;background:0 0;border:0;border-radius:0;padding:clamp(12px,1.5vw,20px);position:relative;overflow:hidden}.mood-selection-header{text-align:center;margin-bottom:clamp(18px,2.2vh,24px);display:block;position:relative}.mood-selection-decoration{color:#e155bc47;text-shadow:0 0 18px #d34cb447;pointer-events:none;justify-content:space-between;align-items:center;font-size:clamp(17px,2vw,28px);display:flex;position:absolute;inset:28% 4% auto}.mood-selection-decoration svg{width:clamp(22px,2.5vw,36px);height:clamp(22px,2.5vw,36px)}.mood-selection-header h2{max-width:760px;font-family:var(--font-heading,Georgia, serif);color:#fff;text-shadow:0 3px 22px #0f08188c;margin:7px auto 10px;font-size:clamp(2.4rem,4vw,4rem);font-weight:600;line-height:1.02}.mood-selection-header p{color:#f9f3fad6;text-shadow:0 2px 12px #0f081899;margin:0;font-size:clamp(16px,1.1vw,19px)}.mood-selection-eyebrow{color:#e9b4dcb8;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.mood-selection-close{z-index:2;color:#f5e9f3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#190e2552;position:absolute;top:4px;right:4px}.mood-selection-close:hover{background:#ffffff21}.mood-selection-grid{grid-template-columns:repeat(2,minmax(300px,420px));justify-content:center;gap:clamp(16px,1.4vw,22px);display:grid}.mood-selection-card{--mood-card-accent:225,165,207;aspect-ratio:16/9;border:1.5px solid rgba(var(--mood-card-accent),.45);color:#fff;text-align:left;width:100%;min-width:0;box-shadow:0 10px 28px #0906124d, 0 0 18px rgba(var(--mood-card-accent),.08);cursor:pointer;background:#241828;border-radius:17px;padding:0;transition:transform .21s,border-color .21s,box-shadow .21s;display:block;position:relative;overflow:hidden}.mood-selection-card[data-mood-option=romantic]{--mood-card-accent:237,92,174}.mood-selection-card[data-mood-option=sad]{--mood-card-accent:91,157,232}.mood-selection-card[data-mood-option=energetic]{--mood-card-accent:245,139,49}.mood-selection-card[data-mood-option=all]{--mood-card-accent:174,105,235}.mood-selection-card:hover{border-color:rgba(var(--mood-card-accent),.68);box-shadow:0 18px 40px #0906126b, 0 0 25px rgba(var(--mood-card-accent),.2);transform:translateY(-5px)scale(1.01)}.mood-selection-card:focus-visible{outline-offset:4px;border-color:#ffffff8c;outline:3px solid #efb9df}.mood-selection-card.selected{border-color:rgba(var(--mood-card-accent),.9);box-shadow:0 16px 38px #0a06146b, 0 0 26px rgba(var(--mood-card-accent),.3);transform:scale(1.01)}.mood-selection-artwork{background:#241828;display:block;position:absolute;inset:0;overflow:hidden}.mood-selection-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000 34%,#05030a5c 68%,#040208c7 100%);position:absolute;inset:0}.mood-selection-artwork img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s,filter .28s;display:block}.mood-selection-card:hover .mood-selection-artwork img{filter:brightness(1.04);transform:scale(1.03)}.mood-selection-content{z-index:1;align-items:center;gap:12px;transition:transform .21s;display:flex;position:absolute;bottom:clamp(12px,1.6vh,17px);left:clamp(14px,1.2vw,20px);right:14px}.mood-selection-card:hover .mood-selection-content{transform:translateY(-2px)}.mood-selection-card-icon{border:1px solid rgba(var(--mood-card-accent),.75);background:rgba(var(--mood-card-accent),.19);color:#fff;width:clamp(38px,3.2vw,48px);height:clamp(38px,3.2vw,48px);box-shadow:0 0 18px rgba(var(--mood-card-accent),.28);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;flex:none;place-items:center;display:grid}.mood-selection-card-icon svg{width:22px;height:22px}.mood-selection-card-copy{gap:3px;min-width:0;display:grid}.mood-selection-title{color:#fff;text-shadow:0 2px 8px #000000b8;font-size:clamp(16px,1.25vw,20px);font-weight:800;line-height:1.15}.mood-selection-description{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 7px #000000b8;font-size:clamp(11px,.85vw,13px);line-height:1.25;overflow:hidden}.mood-selection-required{color:#f6edf8cc;text-align:center;text-shadow:0 2px 12px #0f0818a6;justify-content:center;align-items:center;gap:7px;margin:clamp(14px,1.8vh,20px) 0 0;font-size:13px;display:flex}.mood-selection-required svg{color:#d987e4}.music-status-filter{max-width:220px;margin-bottom:18px}.my-tracks-list{gap:10px;display:grid}.my-track-row{background:#fff;border:1px solid #e7dfdc;border-radius:14px;grid-template-columns:minmax(210px,1.4fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.music-cover-preview{object-fit:cover;border-radius:12px;width:82px;height:82px}.music-preview-audio{width:100%;margin-top:12px}@media (width<=900px){.music-toolbar,.admin-music-filters{grid-template-columns:1fr 1fr}.music-player,.music-player-bubble{bottom:76px;right:10px}.music-page-header{align-items:flex-start}.my-track-row{grid-template-columns:1fr;align-items:start}.mood-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-selection-dialog{width:min(94vw,760px);max-height:none;padding:clamp(14px,2vw,20px);overflow:visible}.mood-selection-header{margin-bottom:22px}.mood-selection-header h2{font-size:clamp(27px,5vw,38px)}.mood-selection-header p{font-size:15px}.mood-selection-eyebrow{font-size:11px}.mood-selection-card{aspect-ratio:16/8}.mood-selection-title{font-size:15px}}@media (width<=600px){.music-page-header,.music-section,.admin-music-panel{border-radius:16px;padding:16px}.music-toolbar,.admin-music-filters,.music-form-grid{grid-template-columns:1fr}.music-field.full{grid-column:auto}.music-grid{grid-template-columns:1fr 1fr;gap:10px}.music-card-body{padding:10px}.music-section-heading,.admin-music-title{flex-direction:column;align-items:flex-start}.music-volume{width:55px}.music-toolbar-listening{grid-template-columns:1fr}.mood-selection-backdrop{place-items:start center;overflow-y:auto}.mood-selection-dialog{width:96vw;padding:14px}.mood-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-selection-title{font-size:13px}}@media (width<=420px){.mood-selection-grid{grid-template-columns:1fr}.mood-selection-card{aspect-ratio:16/10}}@media (height<=800px) and (width>=601px){.mood-selection-dialog{width:min(800px,90vw);padding-block:8px}.mood-selection-header{margin-bottom:13px}.mood-selection-header h2{margin-block:4px 6px;font-size:clamp(2.25rem,4.5vw,3.3rem)}.mood-selection-header p{font-size:15px}.mood-selection-grid{grid-template-columns:repeat(2,minmax(280px,380px));gap:13px 16px}.mood-selection-card{aspect-ratio:16/8.7}.mood-selection-required{margin-top:10px}}@media (height<=650px){.mood-selection-backdrop{place-items:start center;overflow-y:auto}.mood-selection-dialog{max-height:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.mood-selection-card,.mood-selection-artwork img,.mood-selection-content{transition:none}.mood-selection-card:hover,.mood-selection-card.selected,.mood-selection-card:hover .mood-selection-artwork img,.mood-selection-card:hover .mood-selection-content{transform:none}}.community-music-layout{grid-template-columns:minmax(290px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.music-view-community .music-page-header{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;padding:0 0 10px}.music-view-community .music-page-header>div:first-child{display:none}.music-view-community .music-page-tabs{background:#ffffffb8;border-radius:999px;padding:6px}.music-view-community .music-page-tabs button{min-height:38px;padding:8px 16px}@media (width<=992px){.community-music-layout{grid-template-columns:1fr}.community-main-column{order:1}.community-sidebar-column{order:2;position:static}}.community-main-column{gap:20px;display:grid}.community-sidebar-column{gap:12px;display:grid;position:sticky;top:20px}.community-composer-card{background:#fff;border:1px solid #e1dcdb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #2d1d150d}.composer-input-wrapper{margin-bottom:12px}.composer-textarea{box-sizing:border-box;color:#2d1d15;resize:vertical;background:#faf8f7;border:1px solid #e7dfdc;border-radius:14px;width:100%;min-height:70px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s}.composer-textarea:focus{background:#fff;border-color:#6f405f;outline:none;box-shadow:0 0 0 3px #6f405f1f}.composer-recording-bar{background:#fff0f3;border:1px solid #ffccd5;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;display:flex}.recording-pulse{background:#e63946;border-radius:50%;width:12px;height:12px;animation:1.2s infinite pulse-red}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #e63946b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #e6394600}to{transform:scale(.95);box-shadow:0 0 #e6394600}}.recording-timer{color:#e63946;flex:1;font-family:monospace;font-size:15px;font-weight:800}.composer-stop-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.composer-voice-preview{background:#fdfafb;border:1px dashed #6f405f;border-radius:14px;margin-bottom:14px;padding:14px}.composer-voice-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.preview-label{color:#6f405f;text-transform:uppercase;font-size:12px;font-weight:700}.composer-discard-btn{color:#c92a2a;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.composer-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.composer-alert-error{color:#c92a2a;background:#fff5f5;border:1px solid #ffc9c9}.composer-alert-success{color:#2b8a3e;background:#ebfbee;border:1px solid #b2f2bb}.composer-actions-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-actions-left{align-items:center;gap:10px;display:flex}.composer-tool-btn{color:#6f405f;cursor:pointer;background:#f3edf1;border:1px solid #e7dfdc;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.composer-tool-btn:hover:not(:disabled){color:#fff;background:#6f405f}.composer-submit-btn{color:#fff;cursor:pointer;background:#6f405f;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:700;transition:transform .15s,background .2s;display:flex;box-shadow:0 4px 12px #6f405f40}.composer-submit-btn:hover:not(:disabled){background:#5b344e;transform:translateY(-1px)}.composer-submit-btn:disabled{opacity:.5;cursor:not-allowed}.waveform-player-card{background:#faf7f9;border:1px solid #ebdbe5;border-radius:16px;padding:12px 16px}.waveform-player-body{align-items:center;gap:14px;display:flex}.waveform-play-btn{color:#fff;cursor:pointer;background:#6f405f;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .15s;display:grid;box-shadow:0 4px 12px #6f405f4d}.waveform-play-btn:hover{transform:scale(1.05)}.waveform-track-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.waveform-bars-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;height:38px;padding:2px 0;display:flex}.waveform-bar{background:#d4c5ce;border-radius:2px;flex:1;min-width:2px;transition:background .1s}.waveform-bar.played{background:#6f405f}.waveform-time-row{color:#756966;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.waveform-mute-btn{color:#756966;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px}.waveform-mute-btn:hover{color:#6f405f;background:#eee5ea}.community-feed-list{gap:18px;display:grid}.community-post-card{background:#fff;border:1px solid #e1dcdb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #2d1d150a}.post-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.post-author-info{align-items:center;gap:12px;display:flex}.post-author-avatar{object-fit:cover;border:2px solid #f3edf1;border-radius:50%;width:44px;height:44px}.avatar-initials{color:#fff;letter-spacing:.02em;background:linear-gradient(145deg, hsl(var(--avatar-hue) 34% 38%), hsl(var(--avatar-hue) 42% 58%));flex:none;place-items:center;font-weight:800;display:inline-grid;box-shadow:0 3px 10px #4e2a422e}.composer-input-wrapper{align-items:flex-start;gap:14px;display:flex}.composer-author-avatar{border:2px solid #f3edf1;border-radius:50%;width:46px;height:46px;font-size:14px}.composer-input-wrapper .composer-textarea{flex:1;min-width:0}.post-author-username{color:#2d1d15;margin:0;font-size:15px;font-weight:800}.post-timestamp{color:#756966;font-size:12px}.post-menu-container{position:relative}.post-menu-btn{color:#756966;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px}.post-menu-btn:hover{color:#2d1d15;background:#f3edf1}.post-dropdown-menu{z-index:100;background:#fff;border:1px solid #e7dfdc;border-radius:12px;min-width:140px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001f}.dropdown-item{text-align:left;color:#2d1d15;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.dropdown-item:hover{background:#f3edf1}.dropdown-danger{color:#c92a2a}.dropdown-danger:hover{background:#fff5f5}.post-content-body{margin-bottom:14px}.post-title{color:#2d1d15;margin:0 0 6px;font-size:17px;font-weight:800}.post-text{color:#4c403c;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.post-audio-attachment{margin:14px 0}.post-image-attachment img{object-fit:cover;border-radius:14px;width:100%;max-height:400px;margin-top:10px}.post-action-bar{border-top:1px solid #f3edf1;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.action-buttons-group{align-items:center;gap:16px;display:flex}.action-btn{color:#756966;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.action-btn:hover{color:#6f405f;background:#f3edf1}.active-like{color:#e63946}.active-save{color:#6f405f}.post-share-toast{color:#fff;text-align:center;background:#2d1d15;border-radius:999px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:700}.post-comments-section{border-top:1px dashed #e7dfdc;margin-top:16px;padding-top:16px}.now-playing-panel-card,.community-library-card{background:#fff;border:1px solid #e1dcdb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #2d1d150a}.now-playing-panel-card{grid-template-columns:132px minmax(0,1fr);column-gap:16px;padding:18px;display:grid}.now-playing-panel-card .panel-heading{grid-column:1/-1;margin-bottom:12px}.now-playing-panel-card .vinyl-cover-wrapper{width:132px;height:132px;margin:0}.now-playing-panel-card .vinyl-record{display:none}.now-playing-panel-card .vinyl-album-art{border-radius:14px;width:132px;height:132px;box-shadow:0 8px 22px #572c482e}.now-playing-panel-card .track-details-row{text-align:left;align-self:center;margin:0}.now-playing-panel-card .now-playing-progress-group,.now-playing-panel-card .transport-controls-row,.now-playing-panel-card .volume-control-row{grid-column:1/-1}.now-playing-panel-card .now-playing-progress-group{margin-top:12px;margin-bottom:8px}.now-playing-panel-card .transport-controls-row{margin-bottom:10px}.now-playing-panel-card .transport-play-btn{width:50px;height:50px}.community-library-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.community-library-heading h3{color:#2d1d15;margin:0;font-size:16px}.community-library-heading button{color:#7d3f67;cursor:pointer;background:0 0;border:0;font-weight:700}.panel-heading{color:#2d1d15;margin:0 0 16px;font-size:16px;font-weight:800}.vinyl-cover-wrapper{justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 16px;display:flex;position:relative}.vinyl-album-art{object-fit:cover;z-index:2;border-radius:50%;width:120px;height:120px;position:relative;box-shadow:0 8px 20px #00000040}.vinyl-record{z-index:1;background:radial-gradient(circle,#1a1a1a 30%,#0d0d0d 70%);border-radius:50%;width:170px;height:170px;position:absolute;box-shadow:0 10px 30px #0000004d}.vinyl-record.spinning{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track-details-row{text-align:center;margin-bottom:16px}.track-title-label{color:#2d1d15;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;overflow:hidden}.track-artist-label{color:#756966;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.now-playing-progress-group{gap:4px;margin-bottom:16px;display:grid}.progress-slider{accent-color:#6f405f;cursor:pointer;width:100%}.progress-time-labels{color:#756966;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.transport-controls-row{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.transport-btn{color:#574b47;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:8px;display:grid}.transport-btn:hover,.transport-btn.active{color:#6f405f;background:#f3edf1}.transport-play-btn{color:#fff;cursor:pointer;background:#6f405f;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s;display:grid;box-shadow:0 6px 18px #6f405f59}.transport-play-btn:hover:not(:disabled){transform:scale(1.06)}.volume-control-row{align-items:center;gap:10px;padding:0 8px;display:flex}.volume-btn{color:#756966;cursor:pointer;background:0 0;border:none}.volume-slider{accent-color:#6f405f;cursor:pointer;flex:1}.library-header-tabs{border-bottom:1px solid #f3edf1;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.library-tab-btn{color:#756966;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;display:flex}.library-tab-btn.active{color:#6f405f;background:#f3edf1}.library-item-list{gap:10px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.library-item{background:#faf7f9;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.library-item:hover{background:#f3edf1}.library-item-info{align-items:center;gap:10px;min-width:0;display:flex}.item-thumb{object-fit:cover;border-radius:8px;width:36px;height:36px}.item-icon{color:#6f405f;flex-shrink:0}.item-text{flex-direction:column;min-width:0;display:flex}.item-title{color:#2d1d15;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.item-sub{color:#756966;font-size:11px}.library-play-btn{color:#fff;cursor:pointer;background:#6f405f;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}:root{--swiss-coffee:#e1dcdb;--eclipse:#2d1d15;--zorba:#9f9794;--hurricane:#8c8385;--deep-plum:#6f405f;--deep-plum-hover:#5a334d;--deep-plum-light:#6f405f1a;--soft-white:#f8f5f4;--pure-white:#fff;--success:#3f7772;--success-bg:#3f77721f;--warning:#d96c3d;--warning-bg:#d96c3d1f;--error:#c46f76;--error-bg:#c46f761f;--border-light:#cec7c5;--border-hover:#9f9794;--font-serif:"DM Serif Display", "Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-soft:0 8px 24px #2d1d150f;--shadow-medium:0 12px 32px #2d1d151a;--shadow-subtle:0 2px 8px #2d1d150a;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:26px;--radius-pill:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--swiss-coffee);width:100%;height:100%;color:var(--eclipse);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}svg{vertical-align:middle;flex-shrink:0;display:inline-block}h1,h2,h3,h4,.font-heading{font-family:var(--font-serif);color:var(--eclipse);font-weight:400;line-height:1.2}.hero-heading{letter-spacing:-.02em;font-size:clamp(38px,6vw,64px)}.section-heading{letter-spacing:-.01em;font-size:clamp(28px,4vw,42px)}.page-heading{font-size:clamp(24px,3vw,34px)}.card-heading{font-size:20px;font-family:var(--font-serif)}.body-text{font-family:var(--font-sans);color:var(--eclipse);font-size:16px;line-height:1.6}.secondary-text{font-family:var(--font-sans);color:var(--hurricane);font-size:14px}.caption-text{color:var(--hurricane);font-size:12px}.bold{font-weight:600}.app-container{background:linear-gradient(#faf4f8 0%,#f3e6ef 25%,#e8d3e2 50%,#d6b7cd 75%,#c29bb7 100%) fixed;flex-direction:column;min-height:100vh;display:flex}.user-layout{flex-direction:column;min-height:100vh;display:flex}.main-wrapper{flex:1;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:20px 16px;display:flex}.sidebar-left{z-index:10;flex-shrink:0;align-self:flex-start;width:240px;position:sticky;top:84px}.main-content{flex:1;width:100%;min-width:0;max-width:820px;margin:0}.main-content-wide{flex:1;width:100%;min-width:0}.mka-card{background:var(--pure-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);padding:24px}.mka-card-interactive:hover{box-shadow:var(--shadow-medium);border-color:var(--zorba)}.mka-panel{background:var(--soft-white);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:16px}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.hover-discussion-panel{animation:.25s cubic-bezier(.16,1,.3,1) slideInRight}@media (width<=900px){.main-wrapper{padding:14px 12px 80px}}@media (width<=640px){.main-wrapper{gap:10px;padding:10px 8px 76px}.mka-card{border-radius:14px;padding:14px}.mka-panel{padding:10px}}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-plum{background:var(--deep-plum-light);color:var(--deep-plum)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-neutral{background:var(--swiss-coffee);color:var(--eclipse)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}@keyframes toastPopUp{0%{opacity:0;transform:translateY(36px)scale(.92)}60%{transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSwipeRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.95)}}.animate-toast-popup{animation:.38s cubic-bezier(.16,1,.3,1) forwards toastPopUp}.animate-toast-dismissing{animation:.38s cubic-bezier(.16,1,.3,1) forwards toastSwipeRight!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}@media (width<=900px){.desktop-only{display:none!important}}@media (width>=901px){.mobile-only{display:none!important}}@media (width<=420px){.brand-name{display:none!important}}@media (width>=641px) and (width<=900px){.sidebar-left{display:none!important}.main-wrapper{gap:14px;padding:14px 12px 82px}.main-content,.main-content-wide{max-width:100%}.mka-card{border-radius:16px;padding:18px}}@media (width<=640px){.sidebar-left{display:none!important}.main-wrapper{gap:10px;padding:10px 8px 76px;overflow-x:hidden}.main-content,.main-content-wide{width:100%;max-width:100%;overflow-x:hidden}.mka-card{border-radius:14px;padding:14px}.mka-panel{border-radius:10px;padding:10px}.post-card-header{gap:8px!important}.feed-filters-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap!important;overflow-x:auto!important}.feed-filters-row::-webkit-scrollbar{display:none}.reactions-bar{flex-wrap:wrap;gap:4px!important}.reaction-btn{gap:3px!important;padding:4px 8px!important;font-size:11px!important}.reaction-label{display:none!important}.explore-topics-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap!important;overflow-x:auto!important}.explore-topics-row::-webkit-scrollbar{display:none}[role=dialog]>div,.modal-panel{border-radius:0!important;width:100vw!important;max-width:100vw!important;min-height:100dvh!important;margin:0!important;padding:20px 16px!important;overflow-y:auto!important}}@media (width<=900px){.admin-sidebar{z-index:1000!important;height:100vh!important;transition:left .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-280px!important;box-shadow:4px 0 32px #00000038!important}.admin-sidebar.open{left:0!important}.admin-main{margin-left:0!important}.admin-header{padding:0 16px!important}.admin-content{padding:16px!important}.admin-stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.admin-notif-dropdown{width:calc(100vw - 32px)!important;right:0!important}}@media (width<=640px){.admin-stats-grid{grid-template-columns:1fr!important}.admin-refresh-label{display:none!important}.profile-header-row{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.profile-actions-row{width:100%;flex-wrap:wrap!important;gap:8px!important}}@media (width<=900px){.chat-layout-grid{grid-template-columns:1fr!important;height:calc(100vh - 140px)!important}.hide-on-mobile{display:none!important}.chat-sidebar{max-height:220px;overflow-y:auto;border-right:none!important;border-bottom:1px solid var(--border-light)!important;width:100%!important;max-width:100%!important}.chat-input-area{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive::-webkit-scrollbar{height:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-medium,#d1c7c4);border-radius:4px}@media (width<=640px){.settings-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.settings-select,select{width:100%!important}.auth-card{border-radius:20px!important;width:calc(100% - 24px)!important;max-width:100%!important;margin:12px!important;padding:24px 18px!important}.otp-input{width:44px!important;height:48px!important;font-size:20px!important}.hero-heading{font-size:clamp(26px,7vw,36px)!important;line-height:1.2!important}.hero-subheading{font-size:14px!important}.footer-grid{grid-template-columns:1fr!important;gap:20px!important}.faq-item,.help-section{border-radius:12px!important;padding:14px!important}}.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}@media (width<=640px){.lang-dropdown-panel{width:calc(100vw - 24px)!important;max-width:280px!important;left:auto!important;right:0!important}}.scroll-x-mobile{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.scroll-x-mobile::-webkit-scrollbar{display:none}@media (width<=768px){html,body,#root,.app-container,.main-wrapper{max-width:100vw!important;overflow-x:hidden!important}.hidden-mobile{display:none!important}.section-container{padding:0 16px!important}.section-space{padding:48px 0!important}.landing-grid,.features-grid,.cards-grid,.vs-grid,.how-it-works-grid{grid-template-columns:1fr!important;gap:16px!important}.music-page-redesign,.music-page-container{flex-direction:column!important;height:auto!important;padding:12px 12px 100px!important;display:flex!important;overflow-y:visible!important}.music-left-col{display:none!important}.music-right-col{width:100%!important;max-width:100%!important;height:auto!important;overflow-y:visible!important}.waveform-player-container,.audio-post-card,.community-composer-card{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;padding:14px!important}.dynamic-navbar-search-input{padding:6px 12px 6px 32px!important;font-size:13px!important}}@media (width<=480px){.brand-name{font-size:16px!important}.btn-accent,.btn-outline{padding:8px 14px!important;font-size:12.5px!important}.music-player{border-radius:18px!important;max-width:calc(100vw - 24px)!important;padding:14px!important}.music-player-bubble{max-width:calc(100vw - 32px)!important;padding:8px 14px!important}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--swiss-coffee)}::-webkit-scrollbar-thumb{background:var(--zorba);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--hurricane)}