:root{--sm-pink: #ff2d78;--sm-coral: #ff6b6b;--sm-magenta: #c62aff;--sm-gradient: linear-gradient(135deg, #ff2d78, #ff6b6b, #c62aff);--sm-gradient-btn: linear-gradient(135deg, #ff2d78 0%, #ff6b6b 50%, #c62aff 100%);--green: #10b981;--red: #ef4444;--yellow: #d97706;--blue: #3b82f6;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(16, 16, 26, .04), 0 8px 24px rgba(16, 16, 26, .04);font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}[data-theme=dark]{--bg: #0c0c12;--surface: #16161f;--surface2: #1e1e2a;--text: #f4f4f8;--text2: #a1a1b5;--text3: #6f6f86;--border: #2a2a3c;--input-bg: #12121a;--header-bg: rgba(12, 12, 18, .86);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .28);--yellow: #fbbf24;--blue: #93c5fd}[data-theme=light]{--bg: #f6f5f8;--surface: #ffffff;--surface2: #f3f1f6;--text: #171722;--text2: #5e5e74;--text3: #8d8da3;--border: #e6e2ec;--input-bg: #faf9fb;--header-bg: rgba(255, 255, 255, .9)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.app-shell{min-height:100vh}.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 24px;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.03em}.logo-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--sm-gradient-btn);box-shadow:0 6px 16px #ff2d7847}.logo-text{background:var(--sm-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.05rem}.nav{display:flex;justify-content:center;gap:4px;min-width:0}.nav a,.icon-btn,.logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--text2);border-radius:999px;padding:8px 12px;font-weight:600;font-size:.9rem;white-space:nowrap}.nav a.active,.nav a:hover,.icon-btn:hover,.logout:hover{background:var(--surface2);color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.who{display:flex;align-items:center;gap:8px;min-width:0;padding-left:4px}.who img,.avatar-fallback{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--surface2);border:1px solid var(--border);flex:none}.who-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}.who-name{font-weight:650;font-size:.88rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge,.status{display:inline-flex;align-items:center;width:fit-content;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 7px}.plan-free{color:var(--text2);background:var(--surface2)}.plan-premium{color:#fff;background:var(--sm-gradient-btn)}.page{width:min(1040px,calc(100% - 32px));margin:24px auto 72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.page-head,.group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.page-head{margin-bottom:16px}h1,h2,h3{margin:0;letter-spacing:-.03em}h1{font-size:1.45rem}h2{font-size:1.1rem}.sub{color:var(--text2);margin:4px 0 0;line-height:1.45}.muted{color:var(--text2);font-size:.9rem}.track-title{font-weight:700}.section{display:flex;flex-direction:column;gap:8px;margin-top:16px}.section:first-of-type{margin-top:0}label,.field-label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;font-size:.78rem;font-weight:650;color:var(--text2)}.card>label,.section>label,.stack>label{margin-top:14px}.stack>label:first-of-type{margin-top:0}input,textarea,select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background-color:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:0 12px;line-height:44px;box-shadow:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{height:auto;min-height:132px;padding:12px;line-height:1.45}select{padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235e5e74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;width:18px;height:18px;padding:0;accent-color:#ff2d78}::placeholder{color:var(--text3);opacity:1}textarea{min-height:132px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#c62aff;box-shadow:0 0 0 3px #c62aff24}.input-icon{position:relative;display:block}.input-icon>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.input-icon input,.input-icon select{padding-left:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 14px;font-weight:700;line-height:1.2}.btn-primary{background:var(--sm-gradient-btn);color:#fff}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface2)}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.btn-danger{color:var(--red)}.btn-block{width:100%}.btn-row,.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.page-actions{justify-content:flex-end;margin-top:4px}.url-row,.filters,.split,.pair{display:grid;gap:8px;align-items:center}.url-row{grid-template-columns:minmax(0,1fr) auto}.filters{grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 12px}.summary button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:10px 12px;color:var(--text2)}.summary button strong{color:var(--text);font-size:1.15rem}.summary button.active{color:#fff;border-color:transparent;background:var(--sm-gradient-btn)}.summary button.active strong{color:#fff}.song-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.song-error{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:6px;color:var(--red);font-size:.82rem;line-height:1.35}.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:12px}.pager-pages,.pager-jump{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pager-jump input{width:72px}.page-num{min-width:40px;padding-inline:8px}.page-num.active{color:#fff;border-color:transparent;background:var(--sm-gradient-btn)}.split,.pair{grid-template-columns:1fr 1fr}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;font-weight:650;color:var(--text2)}.pill.active{color:#fff;border-color:transparent;background:var(--sm-gradient-btn)}.status-msg{margin:0;padding:12px 14px;border-radius:12px}.status-msg.error{background:#ef44441a;color:var(--red)}.status-msg.info{background:#ff2d7814;color:var(--sm-pink)}.status-msg.success{background:#10b9811f;color:var(--green)}.stack{display:flex;flex-direction:column;gap:10px}.meta,.song-main{display:flex;gap:12px;align-items:center;min-width:0}.meta img,.cover,.cover-fallback{width:72px;height:72px;border-radius:12px;object-fit:cover;background:var(--surface2);flex:none}.song-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.song-card .cover,.song-card .cover-fallback{width:64px;height:64px;border-radius:12px}.song-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.song-copy,.queue-copy{min-width:0}.song-copy .track-title,.queue-copy .track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}.owner-line{display:flex;align-items:center;gap:6px;margin-top:4px}.owner-line img{width:18px;height:18px;border-radius:50%;object-fit:cover}.status-queued,.status-unknown,.status-offline,.status-starting{background:var(--surface2);color:var(--text2)}.status-downloading,.status-uploading,.status-busy{background:#3b82f61f;color:var(--blue)}.status-completed,.status-alive,.status-idle{background:#10b98124;color:var(--green)}.status-failed,.status-dead{background:#ef44441f;color:var(--red)}.status-suspect,.status-waiting{background:#f59e0b29;color:var(--yellow)}.progress{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden}.progress>div{height:100%;background:var(--sm-gradient-btn)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%)}.login-brand{display:grid;justify-items:center;text-align:center;gap:8px;margin-bottom:8px}.login-mark{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--sm-gradient-btn)}.login-card .stack{margin-top:16px}.check-list{display:flex;flex-direction:column}.check-row{flex-direction:row;align-items:center;justify-content:space-between;margin-top:0;padding:11px 0;border-bottom:1px solid var(--border);color:var(--text);font-size:.92rem;font-weight:600}.check-row input{width:18px;height:18px;accent-color:#ff2d78}.user-list,.worker-list{display:flex;flex-direction:column;gap:10px}.user-card,.worker{display:grid;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.user-card{grid-template-columns:minmax(180px,1.5fr) 140px 130px 64px auto}.user-card select,.worker select,.worker input{background:var(--input-bg)}.user-meta{color:var(--text3);font-size:.78rem}.worker{align-items:stretch;background:var(--surface2)}.worker-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.stat{font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.empty{padding:28px 12px;text-align:center;color:var(--text2)}.playlist-fields,.playlist-tools{display:flex;flex-direction:column;gap:14px;margin-top:16px}.playlist-tools .pair{align-items:end}.playlist-table{margin-top:18px}.playlist-head,.playlist-row{display:grid;grid-template-columns:36px minmax(0,1.5fr) minmax(0,1fr) 44px;gap:10px;align-items:center}.playlist-head{color:var(--text3);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:0 0 8px}.playlist-row{padding:10px 0;border-top:1px solid var(--border)}.playlist-row .icon-btn{width:44px;height:44px;padding:0}@media(max-width:900px){.header{grid-template-columns:1fr auto;padding:10px 14px}.nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.user-card{grid-template-columns:1fr 1fr}.user-card .who{grid-column:1 / -1}.user-card .stat{text-align:left}}@media(max-width:720px){.page{width:min(100% - 20px,1040px);margin-top:16px}.page-head,.group-head{flex-direction:column;align-items:stretch}.split,.pair,.filters,.worker-grid,.playlist-head{grid-template-columns:1fr}.playlist-head{display:none}.playlist-row{grid-template-columns:28px minmax(0,1fr) 44px}.playlist-row input:nth-child(3){grid-column:2;grid-row:2}.playlist-row .icon-btn{grid-column:3;grid-row:1;width:44px;height:44px;padding:0}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.song-card{grid-template-columns:56px minmax(0,1fr)}.pager{align-items:stretch}.song-side{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.page-actions .btn,.group-head .btn{width:100%}.url-row{grid-template-columns:minmax(0,1fr)}.header .who-copy,.header-actions .nav-label{display:none}.icon-btn,.logout{padding:8px}}