:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#061114;color:#f8fbff;--bg: #061114;--sidebar: #071417;--surface: #0b141f;--surface-soft: #121c27;--surface-muted: #14202a;--border: #243441;--border-strong: #314453;--text: #f8fbff;--muted: #9fc0df;--quiet: #7894aa;--accent: #65ff9a;--accent-soft: #203f3f;--blue: #78bdff;--warning: #ffca63;--review: #c6a7ff;--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 58% 0%,rgba(42,87,94,.36),transparent 34rem),linear-gradient(90deg,var(--sidebar) 0,var(--sidebar) 22rem,#0c2227 22rem,var(--bg) 100%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:32px;padding:28px 20px;background:#071417f5}.brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2e5f5a;border-radius:12px;background:#224d4e;color:#fff}.brand strong,.brand small,.api-card strong,.api-card span,.playlist-row span,.track-row span{display:block}.brand strong{font-size:15px;line-height:1.25;letter-spacing:0}.brand small{margin-top:3px;color:var(--quiet);font-size:16px;line-height:1.25}.nav-list{display:grid;gap:10px}.nav-list a{min-height:48px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:14px;padding:0 16px;color:#eef7ff;font-size:16px}.nav-list a.active{border-color:var(--border);background:#ffffff0a}.api-card,.panel,.hero-panel,.next-step{border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.api-card{margin-top:auto;padding:18px 16px}.label{margin:0 0 14px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.api-card strong{margin-top:16px;font-size:18px;line-height:1.25}.api-card strong:first-of-type{margin-top:0}.api-card span{margin-top:4px;color:var(--quiet);font-size:16px;line-height:1.35}.main-content{width:min(100%,980px);display:grid;gap:22px;padding:30px clamp(28px,5vw,64px) 40px}.hero-panel{min-height:446px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(34px,5vw,54px)}.hero-panel h1{max-width:560px;margin:0;color:var(--text);font-size:clamp(42px,6vw,66px);line-height:.98;letter-spacing:0}.hero-panel>p:not(.label){max-width:680px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.45}.hero-actions,.chip-row,.panel-heading{display:flex;align-items:center}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.primary-action,.secondary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-strong);border-radius:999px;padding:0 18px;color:var(--text);background:transparent;font-size:16px;font-weight:750;letter-spacing:0}.primary-action{border-color:#3b6762;background:#244b4d}.secondary-action.compact{min-height:46px;padding:0 18px;font-size:15px}.panel{padding:20px}.panel h2{margin:0;color:var(--text);font-size:24px;line-height:1.2;letter-spacing:0}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:24px}.panel-heading .label{margin-bottom:8px}.panel-heading>span,.panel-heading>svg{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-grid article,.recommendation-card{border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.metric-grid article{min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px}.metric-grid span{color:var(--muted);font-size:16px}.metric-grid strong{margin-top:10px;color:var(--text);font-size:30px;line-height:1}.search-row{display:grid;gap:16px}.search-field{width:min(100%,560px);min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:0 18px;background:#081019;color:var(--muted)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.search-field input::placeholder{color:var(--quiet)}.chip-row{flex-wrap:wrap;gap:10px}.chip-row span{min-height:38px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 16px;color:var(--text);background:#ffffff05}.recommendation-stack,.playlist-list,.track-table{display:grid}.recommendation-stack{gap:14px}.recommendation-card{padding:18px 16px}.recommendation-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.recommendation-title h3{margin:0;color:var(--text);font-size:19px;line-height:1.25}.recommendation-title span{flex:0 0 auto;color:var(--muted);font-size:16px}.recommendation-card p{margin:14px 0 18px;color:var(--muted);font-size:17px;line-height:1.45}.playlist-list{margin-top:20px}.playlist-row,.track-row,.track-header,.next-step{display:grid;gap:18px}.playlist-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:16px 0;border-top:1px solid rgba(159,192,223,.12)}.playlist-row:first-child{border-top:0}.playlist-row strong{display:block;color:var(--text);font-size:17px}.playlist-row span{margin-top:4px;color:var(--muted);font-size:16px;line-height:1.3}.playlist-row>div:last-child{text-align:right}.track-table{gap:0}.track-header,.track-row{grid-template-columns:minmax(12rem,1fr) minmax(14rem,1.35fr) minmax(7rem,auto)}.track-header{padding:0 0 14px;color:var(--muted);font-size:13px}.track-header span:last-child,.track-row>div:last-child{text-align:right}.track-row{align-items:center;padding:17px 0;border-top:1px solid rgba(159,192,223,.12)}.track-row strong{display:block;color:var(--text);font-size:16px;line-height:1.3}.track-row span{color:var(--muted);font-size:16px;line-height:1.35}.status-pill{display:inline-flex!important;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:var(--surface-soft)}.status-pill.kept{color:var(--accent)}.status-pill.duplicate{color:var(--warning)}.status-pill.orphan{color:var(--blue)}.status-pill.review{color:var(--review)}.next-step{grid-template-columns:minmax(0,1fr) minmax(15rem,.7fr);align-items:center;padding:20px;background:#ffffff05}.next-step strong{font-size:17px;line-height:1.35}.next-step span{color:var(--muted);font-size:16px;line-height:1.35}@media(max-width:900px){body{background:linear-gradient(180deg,rgba(7,20,23,.96) 0,rgba(7,20,23,.96) 27rem,#123035 27rem,var(--bg) 100%)}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:17px 16px}.api-card{margin-top:10px}.main-content{padding:18px 17px 34px}.hero-panel{min-height:482px;padding:34px}}@media(max-width:620px){.brand{gap:14px}.brand small{font-size:16px}.nav-list a{min-height:48px;font-size:16px}.api-card{padding:18px 16px}.hero-panel{min-height:482px;padding:36px 34px}.hero-panel h1{font-size:clamp(40px,10vw,48px)}.hero-panel>p:not(.label){font-size:18px}.metric-grid,.track-header,.track-row,.next-step{grid-template-columns:1fr}.recommendation-title,.panel-heading,.playlist-row{align-items:flex-start}.track-header{display:none}.track-row{gap:9px}.track-row>div:last-child,.playlist-row>div:last-child{text-align:left}}