:root{color-scheme:dark;--bg:#07090f;--bg-accent:#121727;--panel:rgba(18,22,37,0.88);--panel-strong:rgba(27,31,49,0.96);--panel-soft:rgba(255,255,255,0.04);--line:rgba(255,255,255,0.11);--line-strong:rgba(255,255,255,0.18);--text:#f6f3ee;--muted:#b9b5c7;--accent:#eef2ff;--accent-text:#0b0d14;--neon:#8af4ff;--pink:#ff5fd2;--green:#74f08a;--warning:#ffb347;--danger:#ff7d96;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--shadow:0 30px 80px rgba(0,0,0,0.45)}*{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(138,244,255,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(255,95,210,.12),transparent 24%),linear-gradient(180deg,#0a0c13,#06070b);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}button{cursor:pointer}:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.shell{width:min(100%,1200px);margin:0 auto;padding:24px 16px 64px}.page-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grain{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(transparent,rgba(255,255,255,.01)),radial-gradient(rgba(255,255,255,.025) 1px,transparent 0);background-size:100% 100%,12px 12px;opacity:.6}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.section-title:before{content:"";width:24px;height:1px;background:var(--line-strong)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);letter-spacing:.08em;font-size:.72rem;font-weight:700;text-transform:uppercase}.stack{display:grid;grid-gap:16px;gap:16px}.empty-state,.notice-card{border:1px dashed var(--line-strong);background:rgba(255,255,255,.025);border-radius:var(--radius-md);padding:18px;color:var(--muted)}.empty-state strong,.notice-card strong{color:var(--text)}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-size:.84rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:14px;padding:12px 14px}.field textarea{min-height:110px;resize:vertical}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.btn,.btn-danger,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn-danger:hover,.btn-ghost:hover,.btn:hover{transform:translateY(-1px)}.btn{background:var(--accent);color:var(--accent-text);font-weight:700}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--text)}.btn-danger{border-color:rgba(255,125,150,.35);background:rgba(255,125,150,.12);color:#ffd9e0}.status-line{min-height:20px;font-size:.88rem}.status-line.error{color:var(--danger)}.status-line.success{color:var(--green)}.table-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:16px}.social-workspace{display:grid;grid-gap:18px;gap:18px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(138,244,255,.05),rgba(255,255,255,.02)),rgba(255,255,255,.02);padding:18px}.social-workspace-head{display:grid;grid-gap:14px;gap:14px}.social-metrics{display:flex;flex-wrap:wrap;gap:10px}.social-create-panel,.social-list-panel{background:rgba(255,255,255,.03);padding:18px}.social-create-panel,.social-list-panel,.social-row{display:grid;grid-gap:16px;gap:16px;border:1px solid var(--line);border-radius:var(--radius-lg)}.social-row{background:rgba(255,255,255,.025);padding:16px}.social-row-head{display:grid;grid-gap:14px;gap:14px}.social-row-order{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:800;color:var(--muted)}.social-row-summary{display:grid;grid-gap:10px;gap:10px;min-width:0}.social-editor-preview{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:16px}.social-editor-preview-head{display:grid;grid-gap:4px;gap:4px}.social-editor-preview-head span{color:var(--muted);line-height:1.5}.social-preview-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:12px}.social-preview-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.06);font-weight:800;flex-shrink:0}.social-preview-arrow{color:var(--muted)}.genre-workspace{display:grid;grid-gap:18px;gap:18px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(138,244,255,.05),rgba(255,255,255,.02)),rgba(255,255,255,.02);padding:18px}.genre-workspace-head{display:grid;grid-gap:14px;gap:14px}.genre-metrics{display:flex;flex-wrap:wrap;gap:10px}.genre-create-panel,.genre-list-panel{background:rgba(255,255,255,.03);padding:18px}.genre-create-panel,.genre-list-panel,.genre-row{display:grid;grid-gap:16px;gap:16px;border:1px solid var(--line);border-radius:var(--radius-lg)}.genre-row{background:rgba(255,255,255,.025);padding:16px}.genre-row-head{display:grid;grid-gap:14px;gap:14px}.genre-row-order{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:800;color:var(--muted)}.genre-row-summary{display:grid;grid-gap:10px;gap:10px;min-width:0}.genre-row-actions{display:flex;align-items:flex-start;justify-content:flex-start}.genre-row-form{padding-top:2px}.track-editor-handle{display:grid;grid-gap:4px;gap:4px;padding-top:2px;cursor:-webkit-grab;cursor:grab}.track-editor-handle span{width:18px;height:2px;border-radius:999px;background:rgba(255,255,255,.32)}.track-editor-order{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:800;color:var(--muted)}.track-workspace{display:grid;grid-gap:18px;gap:18px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(138,244,255,.05),rgba(255,255,255,.02)),rgba(255,255,255,.02);padding:18px}.track-workspace-head{display:grid;grid-gap:14px;gap:14px}.track-metrics{display:flex;flex-wrap:wrap;gap:10px}.track-dropzone{border:1px dashed rgba(255,255,255,.22);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:18px}.track-list-shell{display:grid;grid-gap:10px;gap:10px}.track-list-head{display:none;grid-template-columns:120px minmax(180px,1.3fr) minmax(160px,1.1fr) 110px 120px minmax(170px,1.2fr) 120px;gap:12px;padding:0 12px;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.track-row{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);padding:14px}.track-row-order{display:flex;align-items:center;gap:12px}.track-status-toggle{display:inline-flex;align-items:center;gap:10px;padding:0 14px}.track-file-meta,.track-status-toggle{min-height:48px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04)}.track-file-meta{display:grid;grid-gap:4px;gap:4px;padding:12px 14px}.track-file-meta strong{font-size:.85rem}.track-file-meta span{color:var(--muted);font-size:.88rem;line-height:1.45}.track-row-actions{display:flex;align-items:center;justify-content:flex-start}.site-track-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.035);color:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.site-track-row:hover{transform:translateY(-1px);border-color:var(--line-strong)}.site-track-row.is-active{background:rgba(138,244,255,.08);border-color:rgba(138,244,255,.3)}.site-track-playmark{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:800}.site-track-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.site-track-duration{color:var(--muted);font-size:.86rem}.page-card-player-active{padding-bottom:176px!important}.mobile-player-shell{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:40;width:min(100%,560px);padding:0 10px calc(env(safe-area-inset-bottom, 0px) + 2px)}.mobile-player{display:grid;grid-gap:10px;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:10px 12px 12px;background:rgba(10,13,22,.92);box-shadow:0 18px 48px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-player-core{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.mobile-player-art{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at top left,rgba(138,244,255,.28),transparent 42%),rgba(255,255,255,.04);color:var(--text);padding:0}.mobile-player-art span{font-weight:800;font-size:.95rem}.mobile-player-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.mobile-player-copy span,.mobile-player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-player-copy>span:last-child{color:var(--muted);font-size:.88rem}.mobile-player-actions{display:flex;align-items:center;gap:4px}.mobile-player-icon{width:38px;height:38px;display:grid;place-items:center;border:none;border-radius:999px;background:transparent;color:var(--muted);padding:0}.mobile-player-icon:hover{background:rgba(255,255,255,.06);color:var(--text)}.mobile-player-progress{display:grid;grid-gap:0;gap:0}.mobile-player-progress input[type=range]{width:100%;margin:0;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,rgba(238,242,255,.92),rgba(138,244,255,.92));border-radius:999px;outline:none}.mobile-player-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px rgba(10,13,22,.92)}.mobile-player-progress input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px rgba(10,13,22,.92)}.mobile-player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-player-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.mobile-player-time{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem}.admin-grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:860px){.shell{padding:36px 24px 72px}.admin-grid.two-col{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-workspace,.social-workspace,.track-workspace{padding:22px}.genre-workspace-head,.social-workspace-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.genre-row-head{grid-template-columns:64px minmax(0,1fr) auto;align-items:start}.social-row-head{grid-template-columns:64px minmax(0,1fr);align-items:start}.genre-row-actions{justify-content:flex-end}.track-workspace-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.track-list-head{display:grid}.track-row{grid-template-columns:120px minmax(180px,1.3fr) minmax(160px,1.1fr) 110px 120px minmax(170px,1.2fr) 120px;align-items:center}.track-row .field label,.track-row-order:before,.track-status-toggle:before{display:none}.track-row .field{gap:0}.mobile-player-shell{bottom:18px}}