html[data-theme=midnight]:has(.melody-v3) body{background:#080914}html[data-theme=ember]:has(.melody-v3) body{background:#06110f}html[data-theme=aurora]:has(.melody-v3) body{background:#f6f3fb}.melody-v3{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#f43f5e;--primary-50:#fff1f2;--primary-100:#ffe4e6;--primary-200:#fecdd3;--primary-300:#fda4af;--primary-400:#fb7185;--primary-500:#f43f5e;--primary-600:#e11d48;--primary-700:#be123c;--primary-800:#9f1239;--primary-900:#881337;--secondary:#f472b6;--secondary-50:#fdf2f8;--secondary-100:#fce7f3;--secondary-200:#fbcfe8;--secondary-300:#f9a8d4;--secondary-400:#f472b6;--secondary-500:#ec4899;--accent:#e879f9;--accent-50:#fdf4ff;--accent-100:#fae8ff;--accent-200:#f5d0fe;--accent-300:#f0abfc;--accent-400:#e879f9;--accent-500:#d946ef;--success-50:#ecfdf5;--success-100:#d1fae5;--success-400:#34d399;--success-500:#10b981;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-400:#f87171;--error-500:#ef4444;--error-700:#b91c1c;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-400:#38bdf8;--info-500:#0ea5e9;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--neutral-950:#030712;--background:#fafafa;--font-sans:"Inter",system-ui,sans-serif;--font-display:"Fraunces",Georgia,serif;--font-mono:"JetBrains Mono",monospace;--shadow-soft:0 4px 20px #f43f5e26;--shadow-soft-lg:0 10px 40px #f43f5e33;--shadow-soft-xl:0 20px 60px #f43f5e40;--radius:12px;--radius-lg:16px;--radius-xl:24px;--sidebar-w:256px}.melody-v3 *,.melody-v3 :before,.melody-v3 :after{box-sizing:border-box}.melody-v3 *{margin:0}.melody-v3{-webkit-text-size-adjust:100%;font-family:var(--font-sans);background:var(--background);color:var(--neutral-900);min-height:100vh;font-size:15px;line-height:1.5}.melody-v3 img,.melody-v3 svg,.melody-v3 canvas{max-width:100%;display:block}.melody-v3 a{color:inherit;text-decoration:none}.melody-v3 button{font:inherit;cursor:pointer;background:0 0;border:none}.melody-v3 input,.melody-v3 select,.melody-v3 textarea{font:inherit}.melody-v3 h1,.melody-v3 h2,.melody-v3 h3,.melody-v3 h4{line-height:1.2}.melody-v3 .msi{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"opsz" 24,"wght" 400;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;font-family:Material Symbols Outlined;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.melody-v3 .msi.fill{font-variation-settings:"FILL" 1,"opsz" 24}.melody-v3 .msi.sm{font-size:18px}.melody-v3 .msi.lg{font-size:28px}.melody-v3 .msi.xl{font-size:40px}.melody-v3 .bg-gradient-dreamy{background:linear-gradient(135deg,#fdf2f8 0%,#fff1f2 50%,#fae8ff 100%)}.melody-v3 .bg-gradient-soft{background:linear-gradient(#ffe4e6 0%,#fce7f3 100%)}.melody-v3 .bg-gradient-sunset{background:linear-gradient(135deg,#fecdd3 0%,#fbcfe8 50%,#f5d0fe 100%)}.melody-v3 .glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3}.melody-v3 .glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fbcfe84d;box-shadow:0 8px 32px #f43f5e1a}.melody-v3 .glow-rose{box-shadow:0 0 20px #f43f5e66}.melody-v3 .text-gradient{background:linear-gradient(135deg,var(--primary)0%,var(--accent-500)100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.melody-v3 .shell{min-height:100vh}.melody-v3 .sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--primary-800)0%,var(--primary-900)100%);color:#fff;z-index:40;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.melody-v3 .sidebar.studio{box-shadow:var(--shadow-soft-xl)}.melody-v3 .sidebar-logo{border-bottom:1px solid #be123c80;padding:24px}.melody-v3 .sidebar.studio .sidebar-logo,.melody-v3 .sidebar.studio .sidebar-bottom,.melody-v3 .sidebar.studio .sidebar-slot{border-color:#ffffff1a}.melody-v3 .sidebar-logo a{align-items:center;gap:8px;display:flex}.melody-v3 .logo-mark{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);width:32px;height:32px;box-shadow:var(--shadow-soft);border-radius:10px;place-items:center;display:grid}.melody-v3 .sidebar.studio .logo-mark{background:linear-gradient(135deg,var(--secondary)0%,var(--accent)100%)}.melody-v3 .logo-mark .msi{color:#fff;font-size:18px}.melody-v3 .logo-word{background:linear-gradient(90deg,#fff 0%,var(--secondary-200)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.melody-v3 .sidebar-role{color:var(--primary-200);margin-top:4px;font-size:12px}.melody-v3 .sidebar-nav{flex:1;padding:16px;overflow-y:auto}.melody-v3 .sidebar-nav ul{gap:8px;padding:0;list-style:none;display:grid}.melody-v3 .nav-item{color:var(--primary-100);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.melody-v3 .nav-item .msi{font-size:20px}.melody-v3 .nav-item:hover{color:#fff;background:#be123c80}.melody-v3 .nav-item.active{background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);color:#fff;box-shadow:var(--shadow-soft)}.melody-v3 .nav-item.disabled{color:#fda4af80;cursor:not-allowed}.melody-v3 .nav-item.disabled:hover{background:0 0}.melody-v3 .nav-soon{color:var(--primary-300);background:#be123c80;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px}.melody-v3 .sidebar-slot{border-top:1px solid #be123c80;padding:12px 16px}.melody-v3 .sidebar-bottom{border-top:1px solid #be123c80;padding:16px}.melody-v3 .sidebar-home{color:var(--primary-200);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.melody-v3 .sidebar-user{align-items:center;gap:12px;margin-bottom:12px;display:flex}.melody-v3 .sidebar-user .avatar{flex:none}.melody-v3 .sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.melody-v3 .sidebar-user-mail{color:var(--primary-200);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.melody-v3 .sidebar-user>div:last-child{min-width:0}.melody-v3 .btn-logout{color:#fff;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.melody-v3 .btn-logout:hover{background:#ffffff1a;border-color:#ffffff80}.melody-v3 .main{margin-left:var(--sidebar-w);min-height:100vh}.melody-v3 .bottom-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--secondary-100);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#ffffffe6;display:none;position:fixed;inset:auto 0 0}.melody-v3 .bottom-nav ul{justify-content:space-around;padding:0;list-style:none;display:flex}.melody-v3 .bottom-nav a{color:var(--neutral-500);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.melody-v3 .bottom-nav a.active{color:var(--primary-600)}.melody-v3 .bottom-nav .msi{font-size:22px}@media (max-width:767px){.melody-v3 .sidebar{display:none}.melody-v3 .main{margin-left:0;padding-bottom:84px}.melody-v3 .bottom-nav{display:block}}.melody-v3 .navbar{z-index:50;-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border-bottom:1px solid #fbcfe866;position:sticky;top:0}.melody-v3 .navbar-inner{align-items:center;gap:24px;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.melody-v3 .navbar .logo-word{background:linear-gradient(90deg,var(--primary-600)0%,var(--accent-500)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.melody-v3 .navbar-breadcrumb{color:var(--neutral-400);font-size:15px;font-weight:500}.melody-v3 .navbar-breadcrumb b{color:var(--neutral-700);font-weight:600}.melody-v3 .navbar-links{align-items:center;gap:4px;margin-left:auto;display:flex}.melody-v3 .navbar-links a{color:var(--neutral-600);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500}@media (max-width:767px){.melody-v3 .navbar-inner{gap:12px;padding:0 16px}.melody-v3 .navbar-links a:not([class*=btn]),.melody-v3 .navbar-breadcrumb{display:none}}.melody-v3 .footer{background:var(--neutral-900);color:var(--neutral-300);margin-top:64px}.melody-v3 .footer-inner{max-width:1280px;margin:0 auto;padding:48px 24px 32px}.melody-v3 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.melody-v3 .footer h4{color:#fff;margin-bottom:12px;font-size:14px}.melody-v3 .footer ul{gap:8px;padding:0;font-size:14px;list-style:none;display:grid}.melody-v3 .footer a:hover{color:var(--secondary-300)}.melody-v3 .footer-bottom{border-top:1px solid var(--neutral-800);color:var(--neutral-500);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:24px;font-size:13px;display:flex}@media (max-width:767px){.melody-v3 .footer-grid{grid-template-columns:1fr 1fr}}.melody-v3 .page{max-width:1280px;margin:0 auto;padding:32px 24px}.melody-v3 .page.narrow{max-width:896px}.melody-v3 .page.form{max-width:768px}@media (min-width:640px){.melody-v3 .page{padding:32px}}.melody-v3 .page-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.melody-v3 .page-header .ph-icon{background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));width:48px;height:48px;color:var(--primary-600);border-radius:14px;flex:none;place-items:center;display:grid}.melody-v3 .page-header h1{color:var(--neutral-900);letter-spacing:-.02em;font-size:28px;font-weight:800}.melody-v3 .page-header .ph-sub{color:var(--neutral-500);margin-top:4px;font-size:15px}.melody-v3 .page-header .ph-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}@media (max-width:639px){.melody-v3 .page-header .ph-actions{margin-left:0}.melody-v3 .page-header h1{font-size:24px}}.melody-v3 .breadcrumb{color:var(--neutral-400);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.melody-v3 .breadcrumb .cur{color:var(--neutral-700);font-weight:600}.melody-v3 .breadcrumb .msi{font-size:16px}.melody-v3 .section-title{color:var(--neutral-900);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.melody-v3 .btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.2;transition:all .18s;display:inline-flex}.melody-v3 .btn .msi{font-size:19px}.melody-v3 .btn.sm{border-radius:10px;padding:7px 14px;font-size:13px}.melody-v3 .btn.lg{border-radius:14px;padding:13px 26px;font-size:15px}.melody-v3 .btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff}.melody-v3 .btn-primary:hover{background:linear-gradient(135deg,var(--primary-600)0%,var(--secondary-500)100%);transform:translateY(-1px);box-shadow:0 0 20px #f43f5e4d}.melody-v3 .btn-accent{background:linear-gradient(135deg,var(--accent)0%,var(--secondary)100%);color:#fff}.melody-v3 .btn-accent:hover{transform:translateY(-1px);box-shadow:0 0 20px #d946ef4d}.melody-v3 .btn-secondary{background:var(--secondary-100);color:var(--primary-700)}.melody-v3 .btn-secondary:hover{background:var(--secondary-200)}.melody-v3 .btn-outline{border:1.5px solid var(--secondary-200);color:var(--neutral-700);background:#fff}.melody-v3 .btn-outline:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.melody-v3 .btn-ghost{color:var(--neutral-600)}.melody-v3 .btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-900)}.melody-v3 .btn-danger{background:var(--error-500);color:#fff}.melody-v3 .btn-danger:hover{background:var(--error-700)}.melody-v3 .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.melody-v3 .btn-icon{border-radius:10px;padding:9px}.melody-v3 .card{border:1px solid var(--secondary-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;padding:24px}.melody-v3 .card.subtle{box-shadow:none;background:var(--neutral-50);border-color:var(--neutral-200)}.melody-v3 .card.pad-sm{padding:16px}.melody-v3 .card.pad-lg{padding:32px}.melody-v3 .card.pad-0{padding:0;overflow:hidden}.melody-v3 .card.interactive{transition:transform .18s,box-shadow .18s}.melody-v3 .card.interactive:hover{box-shadow:var(--shadow-soft-lg);transform:translateY(-3px)}.melody-v3 .metric-card{border:1px solid var(--secondary-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff;align-items:flex-start;gap:16px;padding:20px;display:flex}.melody-v3 .metric-icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.melody-v3 .metric-icon.rose{background:var(--primary-100);color:var(--primary-600)}.melody-v3 .metric-icon.pink{background:var(--secondary-100);color:var(--secondary-500)}.melody-v3 .metric-icon.fuchsia{background:var(--accent-100);color:var(--accent-500)}.melody-v3 .metric-icon.green{background:var(--success-100);color:var(--success-700)}.melody-v3 .metric-icon.amber{background:var(--warning-100);color:var(--warning-700)}.melody-v3 .metric-icon.sky{background:var(--info-100);color:var(--info-500)}.melody-v3 .metric-icon.red{background:var(--error-100);color:var(--error-700)}.melody-v3 .metric-label{color:var(--neutral-500);font-size:13px;font-weight:500}.melody-v3 .metric-value{color:var(--neutral-900);letter-spacing:-.02em;font-size:26px;font-weight:800}.melody-v3 .metric-sub{color:var(--neutral-400);margin-top:2px;font-size:12px}.melody-v3 .metric-sub.up{color:var(--success-700)}.melody-v3 .metric-sub.down{color:var(--error-700)}.melody-v3 .badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.melody-v3 .badge .msi{font-size:14px}.melody-v3 .badge.label{border-radius:6px}.melody-v3 .badge-primary{background:var(--primary-100);color:var(--primary-700)}.melody-v3 .badge-secondary{background:var(--secondary-100);color:var(--secondary-500)}.melody-v3 .badge-accent{background:var(--accent-100);color:var(--accent-500)}.melody-v3 .badge-success{background:var(--success-100);color:var(--success-700)}.melody-v3 .badge-warning{background:var(--warning-100);color:var(--warning-700)}.melody-v3 .badge-error{background:var(--error-100);color:var(--error-700)}.melody-v3 .badge-info{background:var(--info-100);color:var(--info-500)}.melody-v3 .avatar{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;font-size:14px;font-weight:600;display:grid}.melody-v3 .avatar.accent{background:linear-gradient(135deg,var(--secondary)0%,var(--accent)100%)}.melody-v3 .avatar.sm{width:32px;height:32px;font-size:12px}.melody-v3 .avatar.lg{width:56px;height:56px;font-size:20px}.melody-v3 .field{gap:6px;margin-bottom:18px;display:grid}.melody-v3 .field label{color:var(--neutral-700);font-size:13.5px;font-weight:600}.melody-v3 .field .hint{color:var(--neutral-400);font-size:12px}.melody-v3 .field .err{color:var(--error-500);font-size:12px;font-weight:500}.melody-v3 .input,.melody-v3 .select,.melody-v3 .textarea{border:1.5px solid var(--secondary-200);width:100%;color:var(--neutral-900);background:#fff;border-radius:12px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.melody-v3 .input:focus,.melody-v3 .select:focus,.melody-v3 .textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.melody-v3 .input.invalid{border-color:var(--error-400)}.melody-v3 .textarea{resize:vertical;min-height:110px}.melody-v3 .select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.melody-v3 .input-icon-wrap{position:relative}.melody-v3 .input-icon-wrap .msi{color:var(--neutral-400);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.melody-v3 .input-icon-wrap .input{padding-left:42px}.melody-v3 .checkbox-row{color:var(--neutral-700);align-items:center;gap:10px;font-size:14px;display:flex}.melody-v3 input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);border-radius:4px}.melody-v3 input[type=radio]{accent-color:var(--primary)}.melody-v3 .switch{flex:none;width:42px;height:24px;position:relative}.melody-v3 .switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.melody-v3 .switch .track{background:var(--neutral-300);border-radius:999px;transition:background .18s;position:absolute;inset:0}.melody-v3 .switch .track:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.melody-v3 .switch input:checked+.track:after{transform:translate(18px)}.melody-v3 .table-wrap{overflow-x:auto}.melody-v3 table.table{border-collapse:collapse;width:100%;font-size:14px}.melody-v3 .table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500);background:var(--secondary-50);border-bottom:1px solid var(--secondary-100);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}.melody-v3 .table td{border-bottom:1px solid var(--neutral-100);color:var(--neutral-700);vertical-align:middle;padding:14px 16px}.melody-v3 .table tbody tr:last-child td{border-bottom:none}.melody-v3 .td-main{color:var(--neutral-900);font-weight:600}.melody-v3 .td-sub{color:var(--neutral-400);font-size:12.5px}.melody-v3 .progress{background:var(--secondary-100);border-radius:999px;height:8px;overflow:hidden}.melody-v3 .progress>span{background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);border-radius:999px;height:100%;display:block}.melody-v3 .progress.green>span{background:linear-gradient(90deg,var(--success-400),var(--success-500))}.melody-v3 .progress.amber>span{background:linear-gradient(90deg,var(--warning-400),var(--warning-500))}.melody-v3 .progress.sky>span{background:linear-gradient(90deg,var(--info-400),var(--info-500))}.melody-v3 .progress.thin{height:5px}.melody-v3 .seg{background:var(--secondary-100);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.melody-v3 .seg button,.melody-v3 .seg a{color:var(--neutral-500);border-radius:9px;padding:7px 16px;font-size:13.5px;font-weight:600}.melody-v3 .seg .active{color:var(--primary-600);background:#fff;box-shadow:0 2px 8px #f43f5e1f}.melody-v3 .tabs{border-bottom:2px solid var(--secondary-100);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.melody-v3 .tabs a{color:var(--neutral-500);white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.melody-v3 .tabs a:hover{color:var(--primary-500)}.melody-v3 .tabs a.active{color:var(--primary-600);border-color:var(--primary-500)}.melody-v3 .chips{flex-wrap:wrap;gap:8px;display:flex}.melody-v3 .chip{border:1.5px solid var(--secondary-200);color:var(--neutral-600);background:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.melody-v3 .chip:hover{border-color:var(--primary-300);color:var(--primary-600)}.melody-v3 .chip.active{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;box-shadow:var(--shadow-soft);border-color:#0000}.melody-v3 .empty{text-align:center;justify-items:center;gap:8px;padding:56px 24px;display:grid}.melody-v3 .empty .empty-icon{background:linear-gradient(135deg,var(--primary-50),var(--accent-50));width:72px;height:72px;color:var(--primary-300);border-radius:24px;place-items:center;margin-bottom:8px;display:grid}.melody-v3 .empty .empty-icon .msi{font-size:36px}.melody-v3 .empty h3{color:var(--neutral-800);font-size:17px;font-weight:700}.melody-v3 .empty p{color:var(--neutral-500);max-width:380px;font-size:14px}.melody-v3 .empty .btn{margin-top:10px}.melody-v3 .toast{z-index:90;box-shadow:var(--shadow-soft-lg);border:1px solid var(--secondary-100);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px}.melody-v3 .toast .msi{color:var(--success-500)}.melody-v3 .toast.error .msi{color:var(--error-500)}.melody-v3 .modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8813374d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.melody-v3 .modal{box-shadow:var(--shadow-soft-lg);background:#fff;border-radius:20px;width:100%;max-width:480px;padding:28px}.melody-v3 .modal h3{margin-bottom:6px;font-size:18px;font-weight:700}.melody-v3 .modal .modal-desc{color:var(--neutral-500);margin-bottom:20px;font-size:14px}.melody-v3 .modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.melody-v3 .pagination{justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.melody-v3 .pagination a,.melody-v3 .pagination button{min-width:38px;height:38px;color:var(--neutral-600);border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.melody-v3 .pagination a:hover{background:var(--primary-50);color:var(--primary-600)}.melody-v3 .pagination .active{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;box-shadow:var(--shadow-soft)}.melody-v3 .pagination .disabled{color:var(--neutral-300);pointer-events:none}@keyframes melody-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.melody-v3 .skeleton{background:linear-gradient(90deg,var(--neutral-100)25%,var(--secondary-50)50%,var(--neutral-100)75%);background-size:200% 100%;border-radius:10px;animation:1.6s linear infinite melody-shimmer}@keyframes eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.melody-v3 .eq{align-items:flex-end;gap:3px;height:20px;display:inline-flex}.melody-v3 .eq i{background:linear-gradient(180deg,var(--secondary),var(--primary));transform-origin:bottom;border-radius:2px;width:3.5px;height:100%;animation:1.1s ease-in-out infinite eq-bounce}.melody-v3 .eq i:nth-child(2){animation-delay:.15s}.melody-v3 .eq i:nth-child(3){animation-delay:.3s}.melody-v3 .eq i:nth-child(4){animation-delay:.45s}.melody-v3 .eq i:nth-child(5){animation-delay:.6s}.melody-v3 .eq.static i{animation:none}.melody-v3 .eq.static i:first-child{height:40%}.melody-v3 .eq.static i:nth-child(2){height:75%}.melody-v3 .eq.static i:nth-child(3){height:55%}.melody-v3 .eq.static i:nth-child(4){height:90%}.melody-v3 .eq.static i:nth-child(5){height:60%}.melody-v3 .waveform{align-items:center;gap:2px;height:56px;display:flex}.melody-v3 .waveform i{background:var(--secondary-200);border-radius:2px;flex:1;min-height:12%}.melody-v3 .waveform i.played{background:linear-gradient(180deg,var(--primary-400),var(--primary-600))}.melody-v3 .play-btn{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);width:52px;height:52px;box-shadow:var(--shadow-soft-lg);border-radius:999px;place-items:center;transition:transform .15s;display:grid}.melody-v3 .play-btn .msi{font-size:28px}.melody-v3 .play-btn.sm{width:40px;height:40px}.melody-v3 .play-btn.sm .msi{font-size:22px}.melody-v3 input[type=range]{width:100%;accent-color:var(--primary);height:6px}.melody-v3 .ring{--pct:70;--ring-color:var(--primary);background:conic-gradient(var(--ring-color)calc(var(--pct)*1%),var(--secondary-100)0);border-radius:999px;place-items:center;width:84px;height:84px;display:grid}.melody-v3 .ring>span{width:64px;height:64px;color:var(--neutral-800);background:#fff;border-radius:999px;place-items:center;font-size:15px;font-weight:800;display:grid}.melody-v3 .bars{align-items:flex-end;gap:10px;height:160px;padding-top:8px;display:flex}.melody-v3 .bars .bar{flex:1;align-content:end;justify-items:center;gap:6px;height:100%;display:grid}.melody-v3 .bars .bar i{background:linear-gradient(180deg,var(--secondary-300),var(--primary-400));border-radius:8px 8px 4px 4px;width:100%;max-width:42px}.melody-v3 .bars .bar.hot i{background:linear-gradient(180deg,var(--primary-400),var(--primary-600))}.melody-v3 .bars .bar b{color:var(--neutral-400);font-size:11px;font-weight:600}.melody-v3 .divider{background:var(--secondary-100);border:none;height:1px;margin:24px 0}.melody-v3 .alert{border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.melody-v3 .alert .msi{flex:none;margin-top:1px;font-size:20px}.melody-v3 .alert-info{background:var(--info-50);color:var(--info-500);border:1px solid var(--info-100)}.melody-v3 .alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.melody-v3 .alert-warning{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-100)}.melody-v3 .alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-100)}.melody-v3 .alert b{margin-bottom:2px;display:block}.melody-v3 .alert p{color:var(--neutral-600);font-size:13.5px}.melody-v3 .grid{gap:20px;display:grid}.melody-v3 .grid-2{grid-template-columns:repeat(2,1fr)}.melody-v3 .grid-3{grid-template-columns:repeat(3,1fr)}.melody-v3 .grid-4{grid-template-columns:repeat(4,1fr)}.melody-v3 .grid-sidebar{grid-template-columns:2fr 1fr}@media (max-width:1023px){.melody-v3 .grid-4,.melody-v3 .grid-3{grid-template-columns:repeat(2,1fr)}.melody-v3 .grid-sidebar{grid-template-columns:1fr}}@media (max-width:639px){.melody-v3 .grid-2,.melody-v3 .grid-3,.melody-v3 .grid-4{grid-template-columns:1fr}}.melody-v3 .flex{align-items:center;gap:12px;display:flex}@media (max-width:639px){.melody-v3 .flex:not(.col){flex-wrap:wrap}}.melody-v3 .flex.between{justify-content:space-between}.melody-v3 .flex.wrap{flex-wrap:wrap}.melody-v3 .flex.col{flex-direction:column;align-items:stretch}.melody-v3 .flex.start{align-items:flex-start}.melody-v3 .flex.end{justify-content:flex-end}.melody-v3 .grow{flex:1;min-width:0}.melody-v3 .mt-1{margin-top:8px}.melody-v3 .mt-2{margin-top:16px}.melody-v3 .mt-3{margin-top:24px}.melody-v3 .mt-4{margin-top:32px}.melody-v3 .mb-1{margin-bottom:8px}.melody-v3 .mb-2{margin-bottom:16px}.melody-v3 .mb-3{margin-bottom:24px}.melody-v3 .mb-4{margin-bottom:32px}.melody-v3 .gap-sm{gap:8px}.melody-v3 .gap-lg{gap:24px}.melody-v3 .grid>*{min-width:0}.melody-v3 pre{max-width:100%;overflow-x:auto}.melody-v3{overflow-x:clip}.melody-v3 .small{font-size:13px}.melody-v3 .tiny{color:var(--neutral-400);font-size:12px}.melody-v3 .strong{color:var(--neutral-900);font-weight:700}.melody-v3 .center{text-align:center}.melody-v3 .mono{font-family:var(--font-mono)}.melody-v3 .font-display{font-family:var(--font-display)}.melody-v3 .truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.melody-v3 .display-hero{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.08}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.melody-v3 .hero-stagger>*{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards hero-rise}.melody-v3 .hero-stagger>:first-child{animation-delay:50ms}.melody-v3 .hero-stagger>:nth-child(2){animation-delay:.18s}.melody-v3 .hero-stagger>:nth-child(3){animation-delay:.31s}.melody-v3 .hero-stagger>:nth-child(4){animation-delay:.44s}.melody-v3 .hero-stagger>:nth-child(5){animation-delay:.57s}.melody-v3 .hero-stagger>:nth-child(6){animation-delay:.7s}@keyframes float-note{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-16px)rotate(5deg)}}.melody-v3 .float-note{animation:6s ease-in-out infinite float-note}@keyframes playhead-sweep{0%{opacity:0;left:4%}6%{opacity:1}94%{opacity:1}to{opacity:0;left:96%}}.melody-v3 .playhead{background:var(--primary);border-radius:2px;width:2.5px;animation:6s linear infinite playhead-sweep;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.melody-v3 .hero-stagger>*{opacity:1;animation:none}.melody-v3 .eq i,.melody-v3 .float-note,.melody-v3 .playhead,.melody-v3 .skeleton{animation:none}}.melody-v3 .mock-note{z-index:99;letter-spacing:.03em;color:var(--primary-400);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--secondary-200);opacity:.75;background:#ffffffd9;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:fixed;bottom:12px;left:12px}.melody-v3 .mock-note a{color:var(--primary-600);font-weight:700}.melody-v3:has(.sidebar) .mock-note{left:calc(var(--sidebar-w) + 12px)}@media (max-width:767px){.melody-v3 .mock-note{display:none}}html[data-theme=midnight] .melody-v3{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#9b7bff;--primary-50:#111126;--primary-100:#1c1938;--primary-200:#2b2454;--primary-300:#7f6ae6;--primary-400:#9b7bff;--primary-500:#8b67ff;--primary-600:#a58cff;--primary-700:#c0b0ff;--primary-800:#17152c;--primary-900:#090a16;--secondary:#35d8ff;--secondary-50:#0c1720;--secondary-100:#10232e;--secondary-200:#173747;--secondary-300:#35b9dc;--secondary-400:#35d8ff;--secondary-500:#67e3ff;--accent:#ff72c6;--accent-50:#21111f;--accent-100:#32162d;--accent-200:#4b2142;--accent-300:#e15ba9;--accent-400:#ff72c6;--accent-500:#ff91d4;--success-50:#0b1f1a;--success-100:#103127;--success-400:#51d8a8;--success-500:#65f5bd;--success-700:#8bffd4;--warning-50:#241b0d;--warning-100:#382812;--warning-400:#f4b85f;--warning-500:#ffbd70;--warning-700:#ffd09a;--error-50:#271115;--error-100:#3d1820;--error-400:#fb7185;--error-500:#ff6f8b;--error-700:#ff9caf;--info-50:#0c1928;--info-100:#11283e;--info-400:#38bdf8;--info-500:#67d4ff;--neutral-50:#0b0d18;--neutral-100:#121525;--neutral-200:#1d2235;--neutral-300:#2c344b;--neutral-400:#77829e;--neutral-500:#9aa5bf;--neutral-600:#b5bfd4;--neutral-700:#d2d9e9;--neutral-800:#e8edf8;--neutral-900:#f8f9ff;--neutral-950:#fff;--background:#080914;--app-bg:#080914;--app-bg-deep:#05060d;--app-surface:#12142bb8;--app-surface-strong:#111328f0;--app-surface-soft:#ffffff0e;--app-line:#c7cdff24;--app-line-strong:#d8dcff40;--app-text:#f8f7ff;--app-muted:#a7abc5;--app-faint:#777d9d;--app-nav:#070813c2;--app-grid:#adb9ff0d;--app-shadow:0 30px 80px #00000057,0 8px 24px #0003;--app-shadow-soft:0 16px 44px #0000003d;--app-glow-a:155,123,255;--app-glow-b:53,216,255;--app-glow-c:255,114,198;--shadow-soft:0 10px 34px #0003;--shadow-soft-lg:0 22px 58px #0000004d;--shadow-soft-xl:0 34px 90px #0000006b}html[data-theme=ember] .melody-v3{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#5df2bd;--primary-50:#0a1916;--primary-100:#0e2923;--primary-200:#174238;--primary-300:#42c99a;--primary-400:#5df2bd;--primary-500:#4fe2ad;--primary-600:#72f5c7;--primary-700:#a1f9dc;--primary-800:#102a24;--primary-900:#06110f;--secondary:#ffbd70;--secondary-50:#21170b;--secondary-100:#34230f;--secondary-200:#51371b;--secondary-300:#e5a459;--secondary-400:#ffbd70;--secondary-500:#ffca8c;--accent:#b987ff;--accent-50:#191225;--accent-100:#281a3d;--accent-200:#3a2758;--accent-300:#9f72df;--accent-400:#b987ff;--accent-500:#caa7ff;--success-50:#0a1d15;--success-100:#0e3022;--success-400:#4cdf99;--success-500:#62f1aa;--success-700:#90ffc8;--warning-50:#24190b;--warning-100:#3a2910;--warning-400:#ffb958;--warning-500:#ffc16f;--warning-700:#ffd49f;--error-50:#261013;--error-100:#3d171d;--error-400:#fb7185;--error-500:#ff758d;--error-700:#ffa0b0;--info-50:#0a1b1c;--info-100:#0f2c30;--info-400:#34d8dd;--info-500:#62edf0;--neutral-50:#07100e;--neutral-100:#0c1815;--neutral-200:#15241f;--neutral-300:#243930;--neutral-400:#6d8a80;--neutral-500:#92ada3;--neutral-600:#b1c8c0;--neutral-700:#cfe0da;--neutral-800:#e6f1ed;--neutral-900:#f4fff9;--neutral-950:#fff;--background:#06110f;--app-bg:#06110f;--app-bg-deep:#020a08;--app-surface:#091f1bb8;--app-surface-strong:#08211cf0;--app-surface-soft:#dbfff10f;--app-line:#aaffe124;--app-line-strong:#beffe640;--app-text:#f2fff9;--app-muted:#9dc4b7;--app-faint:#678d82;--app-nav:#020d0bc7;--app-grid:#a1ffdb0d;--app-shadow:0 30px 80px #0000005c,0 8px 24px #00000038;--app-shadow-soft:0 16px 44px #00000040;--app-glow-a:93,242,189;--app-glow-b:255,189,112;--app-glow-c:185,135,255;--shadow-soft:0 10px 34px #00000036;--shadow-soft-lg:0 22px 58px #0000004f;--shadow-soft-xl:0 34px 90px #0000006e}html[data-theme=aurora] .melody-v3{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#7c4dff;--primary-50:#f4f0ff;--primary-100:#e9e0ff;--primary-200:#d7c7ff;--primary-300:#b79aff;--primary-400:#956fff;--primary-500:#7c4dff;--primary-600:#6937ea;--primary-700:#5629c8;--primary-800:#352066;--primary-900:#21143f;--secondary:#00a8c6;--secondary-50:#edfafd;--secondary-100:#d6f4f8;--secondary-200:#aae8ef;--secondary-300:#62d2df;--secondary-400:#21bdd0;--secondary-500:#00a8c6;--accent:#ec4899;--accent-50:#fdf2f8;--accent-100:#fce7f3;--accent-200:#fbcfe8;--accent-300:#f9a8d4;--accent-400:#f472b6;--accent-500:#ec4899;--success-50:#ecfdf5;--success-100:#d1fae5;--success-400:#34d399;--success-500:#10b981;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-400:#f87171;--error-500:#ef4444;--error-700:#b91c1c;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-400:#38bdf8;--info-500:#0284c7;--neutral-50:#f8f7fc;--neutral-100:#f1eef7;--neutral-200:#e3deec;--neutral-300:#d1c9de;--neutral-400:#958da3;--neutral-500:#6f687c;--neutral-600:#554e62;--neutral-700:#3c354a;--neutral-800:#282233;--neutral-900:#19142a;--neutral-950:#0c0914;--background:#f6f3fb;--app-bg:#f6f3fb;--app-bg-deep:#ece7f6;--app-surface:#ffffffb8;--app-surface-strong:#fffffff2;--app-surface-soft:#5c3b970e;--app-line:#402c6421;--app-line-strong:#402c643b;--app-text:#19142a;--app-muted:#686177;--app-faint:#91899f;--app-nav:#f8f6fccc;--app-grid:#3f2a600d;--app-shadow:0 30px 80px #2f224f26,0 8px 24px #2f224f14;--app-shadow-soft:0 16px 44px #2f224f1c;--app-glow-a:124,77,255;--app-glow-b:0,168,198;--app-glow-c:236,72,153;--shadow-soft:0 10px 34px #2f224f1a;--shadow-soft-lg:0 22px 58px #2f224f26;--shadow-soft-xl:0 34px 90px #2f224f30}.melody-v3{--pointer-x:76%;--pointer-y:12%;isolation:isolate;min-height:100vh;color:var(--app-text);font-family:var(--font-sans);position:relative;overflow-x:hidden;background:radial-gradient(circle at 86% -8%,rgba(var(--app-glow-a),.17),transparent 32rem),radial-gradient(circle at -8% 24%,rgba(var(--app-glow-b),.1),transparent 36rem),var(--app-bg)!important}.melody-v3:after{content:"";z-index:-4;pointer-events:none;background-image:linear-gradient(var(--app-grid)1px,transparent 1px),linear-gradient(90deg,var(--app-grid)1px,transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000db,#0000 94%);mask-image:linear-gradient(#000000db,#0000 94%)}.melody-v3 ::selection{color:var(--app-text);background:rgba(var(--app-glow-a),.34)}.melody-v3 :focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.melody-v3 .page-noise,.melody-v3 .app-page-noise{z-index:999;opacity:.022;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");position:fixed;inset:0}.melody-v3 .app-atmosphere{z-index:-3;pointer-events:none;perspective:1000px;position:fixed;inset:0;overflow:hidden}.melody-v3 .app-atmosphere__glow{filter:blur(72px);opacity:.18;mix-blend-mode:screen;border-radius:999px;animation:15s ease-in-out infinite alternate app-drift;position:absolute}html[data-theme=aurora] .melody-v3 .app-atmosphere__glow{mix-blend-mode:multiply;opacity:.09}.melody-v3 .app-atmosphere__glow--a{background:rgb(var(--app-glow-a));width:34rem;height:34rem;top:-13rem;right:-8rem}.melody-v3 .app-atmosphere__glow--b{background:rgb(var(--app-glow-b));width:28rem;height:28rem;animation-delay:-7s;bottom:-12rem;left:16%}.melody-v3 .app-atmosphere__glow--c{background:rgb(var(--app-glow-c));width:24rem;height:24rem;animation-delay:-11s;top:42%;left:-11rem}@keyframes app-drift{to{transform:translate(4rem,3rem)scale(1.12)}}.melody-v3 .app-atmosphere__ring{border:1px solid rgba(var(--app-glow-a),.2);width:34rem;height:34rem;box-shadow:0 0 54px rgba(var(--app-glow-a),.08),inset 0 0 44px rgba(var(--app-glow-b),.05);border-radius:50%;animation:24s linear infinite app-orbit;position:absolute;top:8%;right:2%;transform:rotateX(72deg)rotate(8deg)}.melody-v3 .app-atmosphere__ring:before,.melody-v3 .app-atmosphere__ring:after{content:"";border:1px solid rgba(var(--app-glow-b),.16);border-radius:inherit;position:absolute;inset:11%}.melody-v3 .app-atmosphere__ring:after{border-color:rgba(var(--app-glow-c),.16);inset:29%}@keyframes app-orbit{to{transform:rotateX(72deg)rotate(368deg)}}.melody-v3 .app-atmosphere__wave{opacity:.13;background:linear-gradient(90deg,transparent 0 3%,rgba(var(--app-glow-a),.75)3% 3.3%,transparent 3.3% 6%)0 50%/54px 70% repeat-x;height:110px;animation:6s ease-in-out infinite alternate app-wave;position:absolute;bottom:7%;left:0;right:0;transform:perspective(500px)rotateX(66deg)translateY(20px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}@keyframes app-wave{to{opacity:.22;transform:perspective(500px)rotateX(66deg)translateY(4px)scaleY(1.24)}}.melody-v3 .app-theme-switcher{border:1px solid var(--app-line);background:var(--app-surface);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(16px)saturate(145%);border-radius:999px;align-items:center;gap:6px;padding:6px;display:inline-flex}.melody-v3 .app-theme-switcher--floating{z-index:70;position:fixed;top:18px;right:22px}.melody-v3 .app-theme-switcher__label{color:var(--app-faint);letter-spacing:.14em;text-transform:uppercase;padding:0 7px 0 5px;font-size:10px;font-weight:800}.melody-v3 .app-theme-button{border:1px solid #ffffff2e;border-radius:50%;width:24px;height:24px;transition:transform .18s,box-shadow .18s;position:relative}.melody-v3 .app-theme-button:hover{transform:scale(1.14)}.melody-v3 .app-theme-button[data-set-theme=midnight]{background:linear-gradient(135deg,#9b7bff,#35d8ff)}.melody-v3 .app-theme-button[data-set-theme=ember]{background:linear-gradient(135deg,#5df2bd,#ffbd70)}.melody-v3 .app-theme-button[data-set-theme=aurora]{background:linear-gradient(135deg,#fff,#ec4899);box-shadow:inset 0 0 0 1px #1e143229}.melody-v3 .app-theme-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--app-bg),0 0 0 3px var(--secondary),0 0 18px rgba(var(--app-glow-b),.34);transform:scale(1.08)}.melody-v3.public-page .bg-gradient-dreamy,.melody-v3.auth-page .bg-gradient-dreamy,.melody-v3.gallery-page{background:0 0!important}.melody-v3 .navbar{background:var(--app-nav);border-bottom:1px solid var(--app-line);-webkit-backdrop-filter:blur(20px)saturate(150%);height:72px;box-shadow:0 12px 36px #00000017}.melody-v3 .navbar-inner{height:72px}.melody-v3 .navbar .logo-mark,.melody-v3 .sidebar .logo-mark{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 25px rgba(var(--app-glow-a),.3);position:relative;overflow:hidden;transform:translateZ(0)}.melody-v3 .logo-mark:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffffb3 49%,#0000 63%);animation:6s ease-in-out infinite logo-shine;position:absolute;inset:-60%;transform:translate(-70%)rotate(14deg)}@keyframes logo-shine{0%,60%{transform:translate(-70%)rotate(14deg)}85%,to{transform:translate(70%)rotate(14deg)}}.melody-v3 .logo-word,.melody-v3 .navbar .logo-word{background:linear-gradient(90deg,var(--app-text),var(--secondary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.melody-v3 .navbar-breadcrumb{color:var(--app-faint)}.melody-v3 .navbar-breadcrumb b{color:var(--app-text)}.melody-v3 .navbar-links a{color:var(--app-muted)}.melody-v3 .navbar-links a:hover{color:var(--app-text);background:var(--app-surface-soft)}.melody-v3 .navbar-links .btn{color:#fff}.melody-v3 .footer{color:var(--app-muted);border-top:1px solid var(--app-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04050cc7;position:relative;overflow:hidden}html[data-theme=aurora] .melody-v3 .footer{color:#bdb5c9;background:#231938f0}.melody-v3 .footer h4{color:#fff}.melody-v3 .footer-bottom{color:inherit;border-color:#ffffff1a}.melody-v3{--sidebar-w:272px}.melody-v3.app-page .shell{z-index:1;position:relative}.melody-v3 .sidebar{width:var(--sidebar-w);color:var(--app-text);background:radial-gradient(circle at 10% 0%,rgba(var(--app-glow-a),.25),transparent 20rem),linear-gradient(180deg,#0e1022f7,#060710f7);border-right:1px solid var(--app-line);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);overflow:hidden;box-shadow:22px 0 70px #00000038}html[data-theme=ember] .melody-v3 .sidebar{background:radial-gradient(circle at 10% 0%,rgba(var(--app-glow-a),.22),transparent 20rem),linear-gradient(180deg,#071d18fa,#020c0afa)}html[data-theme=aurora] .melody-v3 .sidebar{color:#f8f7ff;background:radial-gradient(circle at 8% 0,#7c4dff47,#0000 19rem),linear-gradient(#1e1635fa,#0f0c1cfa)}.melody-v3 .sidebar:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.melody-v3 .sidebar>*{z-index:1;position:relative}.melody-v3 .sidebar-logo{border-color:#ffffff14;padding:26px 24px 22px}.melody-v3 .sidebar-logo .logo-mark{border-radius:13px;width:38px;height:38px}.melody-v3 .sidebar-logo .logo-word{font-size:21px}.melody-v3 .sidebar-role{color:#e1e5ff80;letter-spacing:.1em;text-transform:uppercase;margin-left:48px;font-size:9px;font-weight:800}.melody-v3 .sidebar-nav{padding:18px 14px}.melody-v3 .sidebar-nav ul{gap:6px}.melody-v3 .nav-item{color:#e5e9ffa3;letter-spacing:-.01em;border:1px solid #0000;border-radius:13px;min-height:46px;padding:11px 14px;font-weight:650;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}.melody-v3 .nav-item:hover{color:#fff;background:#ffffff12;border-color:#ffffff12;transform:translate(3px)}.melody-v3 .nav-item.active{color:#fff;background:linear-gradient(100deg,rgba(var(--app-glow-a),.86),rgba(var(--app-glow-b),.72));box-shadow:0 12px 30px rgba(var(--app-glow-a),.24),inset 0 1px 0 #ffffff38;border-color:#ffffff2b;transform:translate(3px)translateZ(10px)}.melody-v3 .nav-item.active .msi{filter:drop-shadow(0 4px 8px #00000040)}.melody-v3 .nav-item.disabled{color:#e5e9ff45}.melody-v3 .nav-soon{color:#ffffffb8;background:#ffffff1a}.melody-v3 .sidebar-slot,.melody-v3 .sidebar-bottom{border-color:#ffffff14}.melody-v3 .sidebar-home{color:#e5e9ff8f}.melody-v3 .sidebar-home:hover{color:#fff;background:#ffffff12}.melody-v3 .sidebar-user{background:#ffffff0b;border:1px solid #ffffff12;border-radius:14px;padding:10px}.melody-v3 .sidebar-user-mail{color:#e1e5ff75}.melody-v3 .btn-logout{color:#fffc;background:#ffffff09;border-color:#ffffff21}.melody-v3 .btn-logout:hover{color:#fff;background:#ffffff17}.melody-v3 .main{margin-left:var(--sidebar-w);background:0 0;min-height:100vh}.melody-v3 .page{z-index:1;padding-top:42px;padding-bottom:58px;position:relative}.melody-v3 .page-header{isolation:isolate;min-height:70px;margin-bottom:30px;padding:8px 0 12px;position:relative}.melody-v3 .page-header:after{content:"";z-index:-1;border:1px solid rgba(var(--app-glow-a),.17);width:140px;height:140px;box-shadow:0 0 36px rgba(var(--app-glow-b),.06),inset 0 0 30px rgba(var(--app-glow-a),.05);pointer-events:none;border-radius:50%;position:absolute;top:-50px;right:4%;transform:rotateX(68deg)rotate(-13deg)}.melody-v3 .page-header h1{color:var(--app-text);letter-spacing:-.045em;background:linear-gradient(100deg,var(--app-text)20%,var(--secondary)74%,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(27px,3vw,36px);font-weight:800}.melody-v3 .page-header .ph-sub{color:var(--app-muted)}.melody-v3 .page-header .ph-icon{border:1px solid var(--app-line-strong);width:54px;height:54px;color:var(--secondary);background:linear-gradient(145deg,rgba(var(--app-glow-a),.2),rgba(var(--app-glow-b),.08));box-shadow:inset 0 1px 0 #ffffff21,0 16px 36px rgba(var(--app-glow-a),.15);border-radius:17px;transform:perspective(400px)rotateY(-8deg)rotateX(4deg)}.melody-v3 .breadcrumb{color:var(--app-faint)}.melody-v3 .breadcrumb .cur{color:var(--app-text)}.melody-v3 .breadcrumb a:hover{color:var(--secondary)}.melody-v3 .section-title{color:var(--app-text);letter-spacing:-.02em}.melody-v3 .section-title .msi{color:var(--secondary)}.melody-v3 .strong{color:var(--app-text)}.melody-v3 .muted{color:var(--app-muted)}.melody-v3 .tiny{color:var(--app-faint)}.melody-v3 .card,.melody-v3 .metric-card,.melody-v3 .shot,.melody-v3 .danger-card,.melody-v3 .modal,.melody-v3 .toast{border:1px solid var(--app-line);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(145%);background:var(--app-surface)!important}.melody-v3 .card,.melody-v3 .metric-card,.melody-v3 .shot{transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s,background .22s;position:relative}.melody-v3 .card:hover,.melody-v3 .metric-card:hover,.melody-v3 .shot:hover{border-color:var(--app-line-strong);box-shadow:var(--app-shadow)}.melody-v3 .card.subtle{background:var(--app-surface-soft)!important}.melody-v3 .app-tilt{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;transform:perspective(1100px)rotateX(var(--tilt-x))rotateY(var(--tilt-y))translateY(var(--lift));will-change:transform}.melody-v3 .app-tilt:hover{--lift:-5px}.melody-v3 .card.interactive:hover{transform:perspective(1100px)rotateX(var(--tilt-x,0deg))rotateY(var(--tilt-y,0deg))translateY(-5px)}.melody-v3 .metric-card{padding:22px;overflow:hidden}.melody-v3 .metric-card:after{content:"";background:radial-gradient(circle,rgba(var(--app-glow-a),.22),transparent 68%);pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-48px;right:-42px}.melody-v3 .metric-icon{border:1px solid var(--app-line);transform:translateZ(16px);box-shadow:inset 0 1px #ffffff1f,0 12px 24px #0000001f}.melody-v3 .metric-label{color:var(--app-muted)}.melody-v3 .metric-value{color:var(--app-text);letter-spacing:-.05em}.melody-v3 .metric-sub{color:var(--app-faint)}.melody-v3 .btn{letter-spacing:-.01em;border:1px solid #0000;border-radius:12px;font-weight:750;position:relative;overflow:hidden;transform:translateZ(0)}.melody-v3 .btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 36%,#ffffff57 49%,#0000 62%);transition:transform .65s;position:absolute;inset:-80%;transform:translate(-70%)rotate(12deg)}.melody-v3 .btn:hover:after{transform:translate(70%)rotate(12deg)}.melody-v3 .btn-primary,.melody-v3 .btn-accent{color:#fff;box-shadow:0 12px 28px rgba(var(--app-glow-a),.23),inset 0 1px 0 #ffffff3b;border-color:#ffffff29;background:linear-gradient(135deg,var(--primary),var(--secondary))!important}.melody-v3 .btn-accent{background:linear-gradient(135deg,var(--accent),var(--primary))!important}.melody-v3 .btn-primary:hover,.melody-v3 .btn-accent:hover{box-shadow:0 16px 38px rgba(var(--app-glow-a),.3);transform:translateY(-2px)}.melody-v3 .btn-outline,.melody-v3 .btn-secondary,.melody-v3 .btn-ghost,.melody-v3 .btn-icon{color:var(--app-text);border-color:var(--app-line);background:var(--app-surface-soft)!important}.melody-v3 .btn-outline:hover,.melody-v3 .btn-secondary:hover,.melody-v3 .btn-ghost:hover,.melody-v3 .btn-icon:hover{color:var(--secondary);border-color:var(--app-line-strong);background:rgba(var(--app-glow-a),.1)!important}.melody-v3 .btn-danger{border-color:#ffffff1f;background:linear-gradient(135deg,var(--error-500),#d946ef)!important}.melody-v3 .input,.melody-v3 .select,.melody-v3 .textarea,.melody-v3 .social-btn{color:var(--app-text);border-color:var(--app-line);box-shadow:inset 0 1px #ffffff09;background:var(--app-surface-soft)!important}.melody-v3 .input::placeholder,.melody-v3 .textarea::placeholder{color:var(--app-faint)}.melody-v3 .input:focus,.melody-v3 .select:focus,.melody-v3 .textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--app-glow-b),.14),0 10px 30px rgba(var(--app-glow-a),.08)}.melody-v3 .select option{color:var(--app-text);background:var(--app-bg-deep)}.melody-v3 .field label{color:var(--app-text)}.melody-v3 .field .hint{color:var(--app-faint)}.melody-v3 input[type=range]{accent-color:var(--secondary)}.melody-v3 .switch .track{background:var(--neutral-300)}.melody-v3 .switch input:checked+.track{background:linear-gradient(90deg,var(--primary),var(--secondary))}.melody-v3 .chip,.melody-v3 .seg,.melody-v3 .tabs{border:1px solid var(--app-line);background:var(--app-surface-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.melody-v3 .chip{color:var(--app-muted)}.melody-v3 .chip:hover{color:var(--app-text);border-color:var(--app-line-strong)}.melody-v3 .chip.active,.melody-v3 .seg .active,.melody-v3 .seg button.active,.melody-v3 .seg a.active,.melody-v3 .tabs .active{color:#fff;box-shadow:0 8px 22px rgba(var(--app-glow-a),.2);background:linear-gradient(135deg,var(--primary),var(--secondary))!important}.melody-v3 .seg button,.melody-v3 .seg a,.melody-v3 .tabs a{color:var(--app-muted)}.melody-v3 .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff0e}.melody-v3 .badge-neutral{background:var(--app-surface-soft);color:var(--app-muted)}.melody-v3 .table-wrap{border-radius:inherit}.melody-v3 .table{color:var(--app-text)}.melody-v3 .table th{color:var(--app-faint);background:rgba(var(--app-glow-a),.045);border-color:var(--app-line);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.melody-v3 .table td{border-color:var(--app-line)}.melody-v3 .table tbody tr{transition:background .16s,transform .16s}.melody-v3 .table tbody tr:hover{background:rgba(var(--app-glow-b),.045)}.melody-v3 .td-main{color:var(--app-text)}.melody-v3 .td-sub{color:var(--app-muted)}.melody-v3 .play-btn{box-shadow:0 16px 40px rgba(var(--app-glow-a),.34),inset 0 1px 0 #ffffff47;border:1px solid #ffffff2e;background:linear-gradient(145deg,var(--primary),var(--secondary))!important}.melody-v3 .play-btn:hover{transform:scale(1.07)rotate(2deg)}.melody-v3 .waveform i{background:rgba(var(--app-glow-b),.15)}.melody-v3 .waveform i.played{background:linear-gradient(180deg,var(--secondary),var(--primary));box-shadow:0 0 10px rgba(var(--app-glow-b),.28)}.melody-v3 .progress{background:var(--app-surface-soft)}.melody-v3 .progress span{background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 15px rgba(var(--app-glow-b),.22)}.melody-v3 .ring{background:conic-gradient(var(--ring-color)calc(var(--pct)*1%),var(--app-surface-soft)0);box-shadow:0 14px 34px #00000029}.melody-v3 .ring>span{background:var(--app-surface-strong);color:var(--app-text)}.melody-v3 .bars .bar i{background:linear-gradient(180deg,var(--secondary),var(--primary));box-shadow:0 0 18px rgba(var(--app-glow-a),.15)}.melody-v3 .bars .bar b{color:var(--app-faint)}.melody-v3 .divider{background:var(--app-line)}.melody-v3 .bg-gradient-dreamy,.melody-v3 .bg-gradient-soft,.melody-v3 .bg-gradient-sunset{background:radial-gradient(circle at 78% 12%,rgba(var(--app-glow-b),.18),transparent 36%),radial-gradient(circle at 18% 82%,rgba(var(--app-glow-a),.19),transparent 42%),linear-gradient(145deg,rgba(var(--app-glow-a),.08),rgba(var(--app-glow-b),.035))!important}.melody-v3 .editor-bar,.melody-v3 .danger-card,.melody-v3 .rte,.melody-v3 .rte-toolbar,.melody-v3 .chapter,.melody-v3 .chapter-head,.melody-v3 .auth-toggle,.melody-v3 .setting-row,.melody-v3 .lesson-row,.melody-v3 .ms-btn,.melody-v3 .social-btn{border-color:var(--app-line)!important}.melody-v3 .editor-bar,.melody-v3 .danger-card,.melody-v3 .rte,.melody-v3 .chapter,.melody-v3 .auth-toggle,.melody-v3 .social-btn{background:var(--app-surface)!important}.melody-v3 .editor-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--app-line)!important}.melody-v3 .danger-head{background:#ff5a7014!important;border-color:#ff5a702e!important}.melody-v3 .rte-toolbar,.melody-v3 .chapter-head{background:var(--app-surface-soft)!important}.melody-v3 .rte-body{color:var(--app-text)}.melody-v3 .rte-body p,.melody-v3 .rte-body ul{color:var(--app-muted)!important}.melody-v3 .editor-surface,.melody-v3 .chord-block{border:1px solid #ffffff0f;color:#dce7ff!important;background:radial-gradient(circle at 84% 0%,rgba(var(--app-glow-a),.15),transparent 20rem),#080a13!important}.melody-v3 .editor-toolbar{background:#050710!important;border-color:#ffffff14!important}.melody-v3 .tab-lines{color:var(--app-muted)}.melody-v3 .lesson-row:hover{background:rgba(var(--app-glow-b),.05)!important}.melody-v3 .alert{border-color:var(--app-line)}.melody-v3 .alert p{color:var(--app-muted)}.melody-v3 .alert-info{background:#38bdf814}.melody-v3 .alert-success{background:#34d39914}.melody-v3 .alert-warning{background:#fbbf2414}.melody-v3 .alert-error{background:#f8717114}.melody-v3 .modal-backdrop{background:#020309a8}.melody-v3.portal-studio .sidebar{background:radial-gradient(circle at 8% 0%,rgba(var(--app-glow-b),.23),transparent 22rem),radial-gradient(circle at 100% 38%,rgba(var(--app-glow-c),.12),transparent 24rem),linear-gradient(180deg,#08101cfa,#04070ffa)}html[data-theme=ember] .melody-v3.portal-studio .sidebar{background:radial-gradient(circle at 8% 0%,rgba(var(--app-glow-b),.2),transparent 22rem),linear-gradient(180deg,#061b17fa,#020b09fa)}.melody-v3 .strip{overflow:hidden}.melody-v3 .strip:after{content:"";background:linear-gradient(90deg,transparent,var(--secondary),transparent);opacity:.3;height:1px;position:absolute;inset:auto 0 0}.melody-v3 .stem-ic{border:1px solid var(--app-line);box-shadow:0 12px 24px #00000024}.melody-v3 .ms-btn{color:var(--app-muted);background:var(--app-surface-soft)!important}.melody-v3 .ms-btn.on{color:#fff;box-shadow:0 8px 22px rgba(var(--app-glow-c),.25);background:linear-gradient(135deg,var(--accent),var(--secondary))!important}.melody-v3 .ctrl .ctrl-top{color:var(--app-faint)}.melody-v3 .ctrl .ctrl-top b{color:var(--secondary)}.melody-v3.auth-page .auth-wrap{background:0 0!important}.melody-v3 .auth-card{perspective:1200px}.melody-v3 .auth-card:before{content:"";z-index:-1;border:1px solid rgba(var(--app-glow-a),.28);width:220px;height:220px;box-shadow:0 0 60px rgba(var(--app-glow-a),.15),inset 0 0 46px rgba(var(--app-glow-b),.08);border-radius:50%;animation:14s linear infinite auth-ring;position:absolute;top:-78px;left:50%;transform:translate(-50%)rotateX(68deg)rotate(12deg)}@keyframes auth-ring{to{transform:translate(-50%)rotateX(68deg)rotate(372deg)}}.melody-v3 .auth-logo .mark{box-shadow:0 24px 60px rgba(var(--app-glow-a),.34),inset 0 1px 0 #ffffff42;border:1px solid #fff3;transform:perspective(600px)rotateX(7deg)rotateY(-9deg);background:linear-gradient(145deg,var(--primary),var(--secondary))!important}.melody-v3 .auth-title{background:linear-gradient(100deg,var(--app-text),var(--secondary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.melody-v3 .auth-toggle a{color:var(--app-muted)}.melody-v3 .auth-toggle a.active{color:var(--app-text);box-shadow:0 8px 24px #0000001f;background:rgba(var(--app-glow-a),.11)!important}.melody-v3 .blob{opacity:.14!important;filter:blur(95px)!important}.melody-v3 .float-note{color:var(--secondary)!important;opacity:.28!important}.melody-v3.gallery-page .gal-hero{padding-top:100px}.melody-v3.gallery-page .gal-hero h1{font-family:var(--font-display);color:var(--app-text);letter-spacing:-.04em}.melody-v3.gallery-page .shot{overflow:hidden}.melody-v3.gallery-page .thumb{background:var(--app-bg-deep);border-color:var(--app-line)}.melody-v3.gallery-page .shot-meta{background:linear-gradient(180deg,transparent,rgba(var(--app-glow-a),.025))}.melody-v3.gallery-page .shot-title{color:var(--app-text)}.melody-v3.gallery-page .shot-route{color:var(--app-faint)}.melody-v3.gallery-page .gal-section{scroll-margin-top:96px}.melody-v3 .mock-note{color:var(--app-faint);border-color:var(--app-line);background:var(--app-surface);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.8;bottom:16px;right:16px;left:auto!important}.melody-v3 .mock-note a{color:var(--secondary)}.melody-v3 .app-mobile-bar{z-index:58;border-bottom:1px solid var(--app-line);background:var(--app-nav);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:none;position:fixed;inset:0 0 auto}.melody-v3 .app-mobile-bar__brand{color:var(--app-text);align-items:center;gap:9px;font-weight:800;display:flex}.melody-v3 .app-mobile-bar__menu{border:1px solid var(--app-line);width:42px;height:42px;color:var(--app-text);background:var(--app-surface-soft);border-radius:12px;place-items:center;display:grid}.melody-v3 .app-drawer-scrim{z-index:39;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02030994;display:none;position:fixed;inset:0}.melody-v3 .bottom-nav{background:var(--app-nav);border-color:var(--app-line);box-shadow:0 -14px 40px #00000029}.melody-v3 .bottom-nav a{color:var(--app-faint)}.melody-v3 .bottom-nav a.active{color:var(--secondary);background:rgba(var(--app-glow-b),.07)}.melody-v3 .hero-panel{border:1px solid var(--app-line);background:radial-gradient(circle at 82% 20%,rgba(var(--app-glow-b),.22),transparent 28%),radial-gradient(circle at 22% 88%,rgba(var(--app-glow-a),.22),transparent 34%),var(--app-surface);min-height:260px;box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;align-items:center;padding:clamp(28px,5vw,54px);display:grid;position:relative;overflow:hidden}.melody-v3 .hero-panel:before{content:"";border:1px solid rgba(var(--app-glow-b),.22);width:250px;height:250px;box-shadow:0 0 60px rgba(var(--app-glow-a),.14),inset 0 0 48px rgba(var(--app-glow-b),.08);border-radius:50%;animation:18s linear infinite app-orbit;position:absolute;top:50%;right:5%;transform:translateY(-50%)rotateX(68deg)}.melody-v3 .hero-panel__content{z-index:2;max-width:690px;position:relative}.melody-v3 .hero-panel h1{letter-spacing:-.05em;color:var(--app-text);font-size:clamp(32px,5vw,52px);line-height:1.03}.melody-v3 .hero-panel p{max-width:620px;color:var(--app-muted);margin-top:14px;font-size:16px}.melody-v3 .hero-panel__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.melody-v3 .visual-stage{border:1px solid var(--app-line);background:linear-gradient(var(--app-grid)1px,transparent 1px),linear-gradient(90deg,var(--app-grid)1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(var(--app-glow-a),.18),transparent 45%),var(--app-bg-deep);perspective:900px;background-size:32px 32px,32px 32px,auto,auto;border-radius:22px;min-height:240px;position:relative;overflow:hidden}.melody-v3 .visual-stage__core{background:linear-gradient(145deg,var(--primary),var(--accent),var(--secondary));width:108px;height:108px;box-shadow:0 0 62px rgba(var(--app-glow-a),.48);border-radius:42% 58% 61% 39%;animation:7s ease-in-out infinite alternate stage-core;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(16deg)}.melody-v3 .visual-stage__core:before,.melody-v3 .visual-stage__core:after{content:"";border:1px solid rgba(var(--app-glow-b),.25);border-radius:50%;position:absolute;inset:-42px;transform:rotateX(68deg)}.melody-v3 .visual-stage__core:after{border-color:rgba(var(--app-glow-c),.16);inset:-82px;transform:rotateY(68deg)}@keyframes stage-core{to{border-radius:61% 39% 43% 57%;transform:translate(-50%,-50%)rotate(-18deg)scale(1.1)}}.melody-v3 .stat-sparkline{align-items:flex-end;gap:4px;height:48px;display:flex}.melody-v3 .stat-sparkline i{background:linear-gradient(180deg,var(--secondary),var(--primary));opacity:.8;border-radius:999px;flex:1;min-width:3px;animation:1.6s ease-in-out infinite eq-bounce}.melody-v3 .stat-sparkline i:nth-child(2n){animation-delay:-.4s}.melody-v3 .stat-sparkline i:nth-child(3n){animation-delay:-.8s}.melody-v3 .drop-zone{text-align:center;border:1px dashed var(--app-line-strong);background:linear-gradient(145deg,rgba(var(--app-glow-a),.055),rgba(var(--app-glow-b),.025));border-radius:20px;place-items:center;min-height:220px;padding:30px;transition:border-color .2s,background .2s,transform .2s;display:grid}.melody-v3 .drop-zone:hover{border-color:var(--secondary);background:rgba(var(--app-glow-b),.07);transform:translateY(-3px)}.melody-v3 .drop-zone__icon{border:1px solid var(--app-line);width:68px;height:68px;color:var(--secondary);background:var(--app-surface);box-shadow:0 18px 40px rgba(var(--app-glow-a),.15);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.melody-v3 .drop-zone__icon .msi{font-size:34px}.melody-v3 .generator-orb{background:radial-gradient(circle at 34% 28%,#ffffffe6,transparent 10%),linear-gradient(145deg,var(--primary),var(--accent),var(--secondary));width:180px;height:180px;box-shadow:0 0 80px rgba(var(--app-glow-a),.45);border-radius:50%;margin:0 auto;animation:5s ease-in-out infinite alternate generator-breathe;position:relative}.melody-v3 .generator-orb:before,.melody-v3 .generator-orb:after{content:"";border:1px solid rgba(var(--app-glow-b),.24);border-radius:50%;animation:14s linear infinite app-orbit;position:absolute;inset:-35px;transform:rotateX(70deg)}.melody-v3 .generator-orb:after{border-color:rgba(var(--app-glow-c),.18);animation-direction:reverse;inset:-70px;transform:rotateY(70deg)}@keyframes generator-breathe{to{border-radius:42% 58% 61% 39%;transform:scale(1.08)rotate(9deg)}}.melody-v3 .karaoke-stage{text-align:center;border:1px solid var(--app-line);background:radial-gradient(circle at 50% 45%,rgba(var(--app-glow-c),.17),transparent 40%),var(--app-bg-deep);border-radius:24px;place-items:center;min-height:310px;padding:28px;display:grid;position:relative;overflow:hidden}.melody-v3 .karaoke-stage:before{content:"";opacity:.18;background-image:radial-gradient(circle,#ffffff2e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.melody-v3 .karaoke-stage__lyrics{z-index:2;position:relative}.melody-v3 .karaoke-stage__lyrics p{color:var(--app-faint);margin:8px 0;font-size:20px;font-weight:700}.melody-v3 .karaoke-stage__lyrics p.active{color:var(--app-text);text-shadow:0 0 24px rgba(var(--app-glow-c),.45);font-size:30px}@media (max-width:1100px){.melody-v3 .app-theme-switcher__label{display:none}.melody-v3 .page-header:after{opacity:.55}}@media (max-width:900px){.melody-v3{--sidebar-w:272px}.melody-v3.app-page{padding-top:64px}.melody-v3.app-page .sidebar{z-index:60;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;transform:translate(-105%)}.melody-v3.app-page .sidebar.is-open{transform:translate(0)}.melody-v3.app-page .main{margin-left:0;padding-bottom:86px}.melody-v3 .app-mobile-bar{display:flex}.melody-v3 .app-drawer-scrim.is-open{display:block}.melody-v3 .app-theme-switcher--floating{z-index:61;padding:5px;top:10px;right:64px}.melody-v3 .app-theme-switcher--floating .app-theme-button{width:22px;height:22px}.melody-v3 .page{padding:28px 18px 54px}.melody-v3 .bottom-nav{display:block}}@media (max-width:767px){.melody-v3 .navbar,.melody-v3 .navbar-inner{height:64px}.melody-v3 .navbar .app-theme-switcher{margin-left:auto}.melody-v3 .navbar-links{margin-left:0}.melody-v3 .navbar-links .btn{display:none}.melody-v3 .app-atmosphere__ring{opacity:.7;width:25rem;height:25rem;top:10%;right:-10rem}.melody-v3 .page-header{margin-bottom:22px}.melody-v3 .page-header:after{width:100px;height:100px;top:-28px;right:-10px}.melody-v3 .page-header h1{font-size:27px}.melody-v3 .page-header .ph-actions{width:100%}.melody-v3 .page-header .ph-actions .btn{flex:1}.melody-v3 .card{border-radius:15px;padding:18px}.melody-v3 .metric-card{padding:18px}.melody-v3 .hero-panel{min-height:310px;padding:28px 22px}.melody-v3 .hero-panel:before{width:170px;height:170px;top:24%;right:-45px}.melody-v3 .hero-panel h1{font-size:34px}.melody-v3 .mock-note{display:none}}@media (max-width:520px){.melody-v3 .app-theme-switcher--floating .app-theme-button{width:20px;height:20px}.melody-v3 .app-mobile-bar__brand .logo-word{font-size:17px}.melody-v3 .bottom-nav a{padding:7px 8px;font-size:10px}.melody-v3 .bottom-nav .msi{font-size:20px}.melody-v3 .page{padding-left:14px;padding-right:14px}.melody-v3 .table{min-width:720px}.melody-v3 .hero-panel h1{font-size:31px}.melody-v3 .karaoke-stage__lyrics p.active{font-size:25px}}@media (prefers-reduced-motion:reduce){.melody-v3 .app-atmosphere__glow,.melody-v3 .app-atmosphere__ring,.melody-v3 .app-atmosphere__wave,.melody-v3 .auth-card:before,.melody-v3 .hero-panel:before,.melody-v3 .visual-stage__core,.melody-v3 .generator-orb,.melody-v3 .generator-orb:before,.melody-v3 .generator-orb:after,.melody-v3 .logo-mark:after{animation:none!important}.melody-v3 .app-tilt{transform:none!important}}.melody-v3 .app-reveal{opacity:0;transition:opacity .72s cubic-bezier(.2,.8,.2,1)var(--reveal-delay,0s),transform .72s cubic-bezier(.2,.8,.2,1)var(--reveal-delay,0s);transform:translateY(22px)scale(.988)}.melody-v3 .app-reveal.is-visible{opacity:1;transform:none}.melody-v3 .app-toast-stack{z-index:120;pointer-events:none;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.melody-v3 .app-toast{border:1px solid var(--app-line-strong);min-width:220px;max-width:min(360px,100vw - 28px);color:var(--app-text);background:var(--app-surface-strong);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;border-radius:14px;align-items:center;gap:10px;padding:13px 15px;transition:opacity .24s,transform .24s;display:flex;transform:translateY(12px)scale(.96)}.melody-v3 .app-toast.is-visible{opacity:1;transform:none}.melody-v3 .app-toast .msi{color:var(--secondary)}.melody-v3 .is-favorite{color:var(--accent)!important}.melody-v3 .audio-playing .app-atmosphere__wave{opacity:.26;animation-duration:2.8s}.melody-v3 [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.melody-v3 .app-reveal{opacity:1;transition:none;transform:none}}.melody-v3 .msi{place-items:center;width:1em;height:1em;font-family:inherit;line-height:1;display:inline-grid;overflow:visible}.melody-v3 .msi>svg{pointer-events:none;width:1em;height:1em;display:block;overflow:visible}.melody-v3 .tab-lines{font-family:var(--font-mono);white-space:pre;max-width:100%;overflow-x:auto}.melody-v3 .setting-row{border-bottom:1px solid var(--app-line);align-items:center;gap:16px;padding:14px 0;display:flex}.melody-v3 .setting-row:last-child{border-bottom:0}.melody-v3 .bars .bar{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.melody-v3 .bars .bar i{flex:none;min-height:8px;display:block}.melody-v3{--font-sans:"Inter","Segoe UI",Arial,Helvetica,system-ui,sans-serif;--font-display:"Fraunces","Segoe UI",Arial,Helvetica,Georgia,serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;font-family:var(--font-sans)}.melody-v3 .auth-wrap{place-items:center;min-height:100vh;padding:48px 16px;display:grid;position:relative;overflow:hidden}.melody-v3 .blob{filter:blur(80px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.melody-v3 .float-note{color:var(--primary-300);opacity:.45;position:absolute}.melody-v3 .auth-card{z-index:2;width:100%;max-width:420px;position:relative}.melody-v3 .auth-logo{text-align:center;margin-bottom:28px}.melody-v3 .auth-logo .mark{background:linear-gradient(135deg,var(--primary),var(--secondary));width:64px;height:64px;box-shadow:var(--shadow-soft-lg);border-radius:20px;place-items:center;margin:0 auto 14px;font-size:30px;display:grid}.melody-v3 .auth-title{font-size:30px;font-weight:800}.melody-v3 .auth-toggle{background:var(--secondary-100);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.melody-v3 .auth-toggle a{text-align:center;color:var(--neutral-500);border-radius:9px;flex:1;padding:9px;font-size:14px;font-weight:600}.melody-v3 .auth-toggle a.active{color:var(--primary-600);background:#fff;box-shadow:0 2px 8px #f43f5e1f}.melody-v3 .social-btn{border:1.5px solid var(--secondary-200);width:100%;color:var(--neutral-700);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.melody-v3 .social-btn:hover{border-color:var(--primary-300);background:var(--primary-50)}.melody-v3.auth-page .auth-card{animation:.55s cubic-bezier(.2,.8,.2,1) both auth-card-in}@keyframes auth-card-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.melody-v3.auth-page .auth-card{animation:none}}.melody-v3 .glass-card{border:1px solid var(--app-line);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(145%);background:var(--app-surface)!important}.melody-v3 .input:focus-visible,.melody-v3 .select:focus-visible,.melody-v3 .textarea:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}