/* Isolated account, playlist and owner studio. */
.yp-root,.yp-dialog{--yp-ink:#090a0c;--yp-paper:#ebede8;--yp-silver:#afb5b8;--yp-dim:#a6adb4;--yp-edge:#444c52;--yp-accent:#dcff54;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--yp-paper);font-size:15px;line-height:1.5;text-align:left;letter-spacing:.01em;color-scheme:dark;text-transform:none}
.yp-root *, .yp-dialog *{box-sizing:border-box}
.yp-root button,.yp-dialog button,.yp-dialog input,.yp-dialog textarea{font:inherit;letter-spacing:inherit}
.yp-root button,.yp-dialog button{min-height:44px;min-width:44px;border:1px solid var(--yp-edge);border-radius:2px;background:#1a1e23;color:var(--yp-paper);padding:10px 14px;font-size:12px;font-weight:800;line-height:1.35;cursor:pointer;text-transform:uppercase;box-shadow:none;transform:none;touch-action:manipulation}
.yp-root button:hover,.yp-dialog button:hover{border-color:var(--yp-silver);background:#30373c;color:#fff;transform:none}
.yp-root button:disabled,.yp-dialog button:disabled{cursor:not-allowed;opacity:.5}
.yp-root button:focus-visible,.yp-dialog button:focus-visible,.yp-dialog input:focus-visible,.yp-dialog textarea:focus-visible,.yp-root audio:focus-visible{outline:3px solid var(--yp-accent);outline-offset:3px}
.yp-root [hidden],.yp-dialog [hidden]{display:none!important}
.yp-root{width:min(1200px,100%);margin:16px auto;position:relative;z-index:20;padding:0 12px}
.yp-dock{min-height:58px;display:flex;align-items:center;gap:8px;padding:6px;background:linear-gradient(120deg,#1c2025,#101316 70%);border:1px solid #50575e;border-top:3px solid #b8bec1;box-shadow:0 6px 20px #0006}
.yp-root .yp-account-button{display:flex;align-items:center;gap:12px;min-width:170px;max-width:45%;border-color:transparent;background:transparent;text-align:left}
.yp-account-button [data-yp-profile]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.yp-mark{font-size:18px;font-weight:950;font-style:italic;line-height:1;color:var(--yp-accent);letter-spacing:-1px}
.yp-root .yp-music-button{display:flex;align-items:center;gap:8px;background:#0c0f12;min-width:120px;max-width:40%;white-space:nowrap}
.yp-music-button [data-yp-now]{overflow:hidden;text-overflow:ellipsis}
.yp-music-button>span:first-child{font-size:19px;color:var(--yp-accent)}
.yp-live{margin-left:auto;font-size:11px;color:var(--yp-dim);padding:0 10px;text-align:right}
.yp-player{padding:12px 16px;background:#12161a;border:1px solid var(--yp-edge);border-top:0}
.yp-player>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.yp-player strong{font-size:14px;overflow-wrap:anywhere}
.yp-player audio{display:block;width:100%;height:46px;min-height:44px;margin:4px 0}
.yp-player .yp-caption{display:block;font-size:11px}
.yp-dialog{width:min(900px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #aab1b5;border-top:5px solid #c8cdd0;border-radius:0;background:#0c0e11;box-shadow:0 20px 100px #000c;overflow:auto;overscroll-behavior:contain}
.yp-dialog::backdrop{background:#020305d9;backdrop-filter:blur(7px)}
.yp-shell{min-height:300px;background:linear-gradient(145deg,#1c202444,transparent 35%),#0c0e11}
.yp-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px 20px;border-bottom:1px solid #3b4147;background:linear-gradient(115deg,#292e33,#101317 75%)}
.yp-dialog .yp-eyebrow{display:block;color:var(--yp-accent);font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:7px}
.yp-dialog h2{font-size:clamp(25px,4vw,40px);line-height:1.05;letter-spacing:-.055em;font-weight:950;margin:0;font-style:italic;transform:none;text-shadow:none;color:var(--yp-paper);text-align:left}
.yp-dialog .yp-close{font-size:27px;background:#0a0c0e;border-color:#7b838a;width:48px;height:48px;padding:0;flex-shrink:0}
.yp-tabs{display:flex;position:sticky;top:0;z-index:2;gap:2px;padding:8px 22px;border-bottom:1px solid #363d44;background:#111519f5;backdrop-filter:blur(8px);overflow-x:auto}
.yp-dialog .yp-tabs button{background:transparent;border-color:transparent;padding:12px 15px;white-space:nowrap;font-size:11px;color:#aeb5bb}
.yp-dialog .yp-tabs button[aria-current="page"]{color:var(--yp-accent);border-bottom:2px solid var(--yp-accent);background:#252c20}
.yp-content{padding:24px 30px 30px;display:flex;flex-direction:column;gap:20px}
.yp-notice{margin:20px 30px 0;padding:12px 16px;border-left:3px solid var(--yp-accent);background:#dfff5410;color:#e6f3bc;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.yp-card{padding:22px;border:1px solid #3d444b;background:linear-gradient(125deg,#1d2227,#12161a);box-shadow:0 4px 0 #0007}
.yp-dialog h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;font-weight:850;margin:0 0 12px;color:var(--yp-paper);text-align:left}
.yp-dialog p{margin:0 0 14px;font-size:14px;color:#c6ccd0;line-height:1.6;max-width:74ch;text-align:left}
.yp-dialog p:last-child{margin-bottom:0}
.yp-caption,.yp-dialog p.yp-caption{font-size:12px;line-height:1.6;color:#a6b0b8}
.yp-dialog small{color:#a8b1b8;font-size:12px;line-height:1.5}
.yp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.yp-dialog .yp-primary{background:var(--yp-accent);border-color:var(--yp-accent);color:#11160a;font-weight:900}
.yp-dialog .yp-primary:hover{background:#e6ff91;color:#11160a}
.yp-identity{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.yp-identity>div{min-width:0;flex:1}
.yp-identity h3{font-size:22px;margin-bottom:3px;overflow-wrap:anywhere}
.yp-identity p{font-size:13px;overflow-wrap:anywhere;margin-bottom:10px}
.yp-avatar{width:58px;height:58px;flex-shrink:0;background:#c6cdd0;color:#0b0d10;display:grid;place-items:center;font-size:32px;font-style:italic;font-weight:900;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}
.yp-tag{display:inline-block;padding:3px 8px;border:1px solid #68734b;color:#d5ee9b;background:#2a341c;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.yp-google{min-height:44px;margin:18px 0;color:#b7c2c8;font-size:13px}
.yp-save-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid #41484e;margin-bottom:14px;background:#0e1114}
.yp-save-pair>div{padding:15px 17px}
.yp-save-pair>div+div{border-left:1px solid #41484e}
.yp-save-pair b{display:block;color:#c4cacd;font-size:10px;letter-spacing:.08em;margin-bottom:6px}
.yp-save-pair p{font-size:12px;margin:0}
.yp-save-pair small{font-size:10px}
.yp-ranking,.yp-playlist{list-style:none;margin:0;padding:0;border:1px solid #3a4249}
.yp-ranking li,.yp-playlist li{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#14191d;border-bottom:1px solid #333a40;min-height:78px}
.yp-ranking li:last-child,.yp-playlist li:last-child{border-bottom:0}
.yp-ranking li:nth-child(2n),.yp-playlist li:nth-child(2n){background:#101417}
.yp-ranking li>div,.yp-playlist li>div{flex:1;min-width:0}
.yp-ranking strong,.yp-playlist strong{display:block;font-size:15px;overflow-wrap:anywhere}
.yp-ranking small,.yp-playlist small{display:block;margin-top:3px;font-size:11px;color:#9faab2}
.yp-ranking li>b{font-size:22px;letter-spacing:-.04em;color:var(--yp-accent);white-space:nowrap}
.yp-place{font-size:18px;font-weight:850;color:#747e87;min-width:25px}
.yp-ranking li:first-child .yp-place{color:#eef0db}
.yp-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #41494f;background:#0e1215;margin:18px 0}
.yp-metrics>div{padding:15px;border-right:1px solid #30393f;border-bottom:1px solid #30393f;min-width:0}
.yp-metrics b{display:block;font-size:29px;line-height:1.2;font-weight:900;letter-spacing:-.05em;color:var(--yp-accent)}
.yp-metrics span{font-size:11px;color:#b0bac1}
.yp-dialog form{display:flex;flex-direction:column;gap:14px}
.yp-dialog label{display:flex;flex-direction:column;gap:7px;color:#cbd1d4;font-size:12px;font-weight:700}
.yp-dialog input,.yp-dialog textarea{width:100%;min-height:46px;border:1px solid #545e67;border-radius:0;background:#0b0e11;color:#eef1f2;padding:11px 12px;font-size:15px;line-height:1.5}
.yp-dialog input[type="file"]{padding:8px}
.yp-dialog input::file-selector-button{min-height:36px;margin-right:12px;border:1px solid #6e7881;background:#303a42;color:#fff;padding:6px 10px}
.yp-dialog textarea{resize:vertical;min-height:100px}
.yp-dialog form>button{align-self:flex-start}
.yp-admin-tracks{display:flex;flex-direction:column;gap:0}
.yp-track-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #3a434a;padding:14px 0}
.yp-track-row>div:first-child{flex:1;min-width:0}
.yp-track-row b,.yp-track-row small{display:block;overflow-wrap:anywhere}
.yp-track-row b{font-size:14px}
.yp-track-row .yp-actions{margin-top:0;flex-shrink:0}
.yp-track-stats,.yp-team{list-style:none;margin:0;padding:0}
.yp-track-stats li,.yp-team li{padding:14px 0;border-top:1px solid #3a434a}
.yp-track-stats b,.yp-track-stats span{display:block;font-size:13px}
.yp-track-stats span{color:#a7b4bc;margin-top:4px;font-size:12px}
.yp-team li{display:flex;align-items:center;gap:10px;justify-content:space-between}
.yp-team li>div{min-width:0;flex:1}
.yp-team b,.yp-team small{display:block;overflow-wrap:anywhere}
.yp-team b{font-size:14px}
.yp-send-review{padding:18px;border:1px solid #a5be62;background:#28321c;margin-top:18px}
.yp-send-review b{font-size:17px}
.yp-send-review p{margin:12px 0;color:#e1ebca}
.yp-footer{padding:16px 30px;border-top:1px solid #363e45;color:#8e9aa4;font-size:10px;line-height:1.6}
@media(max-width:650px){.yp-root{padding:0 7px;margin:9px auto}.yp-dock{gap:2px;flex-wrap:wrap}.yp-root .yp-account-button{max-width:57%;min-width:0;flex:1}.yp-root .yp-music-button{max-width:40%;min-width:90px}.yp-live{width:100%;font-size:10px;padding:3px 10px;text-align:left;border-top:1px solid #30373d;margin:0}.yp-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}.yp-header{padding:20px 17px 17px}.yp-tabs{padding:5px 8px}.yp-dialog .yp-tabs button{padding:12px 11px;font-size:10px}.yp-content{padding:17px 14px;gap:15px}.yp-card{padding:17px 15px}.yp-notice{margin:16px 14px 0;font-size:12px}.yp-save-pair{grid-template-columns:1fr}.yp-save-pair>div+div{border-left:0;border-top:1px solid #41484e}.yp-save-pair>div{padding:12px}.yp-dialog .yp-actions button{flex:1;font-size:10px}.yp-ranking li,.yp-playlist li{padding:13px 12px;gap:10px}.yp-ranking strong,.yp-playlist strong{font-size:13px}.yp-ranking li>b{font-size:18px}.yp-metrics>div{padding:12px 8px}.yp-metrics b{font-size:25px}.yp-metrics span{font-size:10px}.yp-track-row{align-items:flex-start;flex-direction:column}.yp-team li{align-items:flex-start;flex-wrap:wrap}.yp-team li>button{font-size:10px}.yp-player{padding:10px}.yp-player>div{gap:8px}.yp-player strong{font-size:12px}.yp-player button{font-size:10px}.yp-footer{padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.yp-dialog::backdrop,.yp-tabs{backdrop-filter:none}}