.jnr[data-jnr]{font-family:Poppins,sans-serif;background:radial-gradient(circle at 50% 15%,#9c68ff18,transparent 35%),linear-gradient(150deg,#18151e,#0d0c10);border:1px solid #ffffff21;border-radius:11px;padding:20px;max-width:590px}
.jnr[data-jnr] .jnr-layout{gap:0}.jnr[data-jnr] .jnr-box{background:none;border:0;box-shadow:none;padding:22px 0;border-radius:0}
.jnr[data-jnr] .jnr-player{padding-top:0;text-align:center}.jnr .jnr-player-top{margin-bottom:25px;align-items:center}.jnr .jnr-player-top label{max-width:65%;font-size:11px;text-align:left}.jnr .jnr-player-top select{font-size:12px;margin-top:4px}
.jnr .jnr-panda{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 22px}.jnr .jnr-song-title{font-family:'Bebas Neue',sans-serif;font-size:36px;font-weight:400;line-height:1.08;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;margin:0}.jnr .jnr-service{font-size:15px;color:#ffffffcc;margin:6px 0 0;letter-spacing:.04em}
.jnr .jnr-controls{display:flex;flex-wrap:nowrap;justify-content:center;gap:24px;margin:24px 0 26px}.jnr .jnr-play{width:66px;height:66px;margin:0;flex:0 0 66px;border:4px solid #17131d;background:linear-gradient(135deg,#a46eff,#6935df);box-shadow:0 0 20px #8b50ff59;font-size:24px;display:grid;place-items:center}.jnr .jnr-icon{width:45px;height:45px;min-width:45px;padding:0;border:1px solid #ffffff29;border-radius:50%;background:#ffffff09;color:#ffffffb8;font-size:12px}
.jnr-timeline{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;align-items:center;margin-bottom:18px}.jnr-timeline span{font-size:10px;color:#aaa4b5;font-variant-numeric:tabular-nums}.jnr .jnr-timeline input{width:100%;min-width:0;height:20px;accent-color:#9c68ff;margin:0;padding:0;cursor:pointer}.jnr .jnr-hint{font-size:11px;line-height:1.7}.jnr-version-detail{margin-top:16px;font-size:12px;text-align:left;color:#b9adca}.jnr-version-detail p{white-space:pre-wrap;overflow-wrap:anywhere}
.jnr[data-jnr] .jnr-notes,.jnr[data-jnr] .jnr-approval,.jnr[data-jnr] .jnr-history{border-top:1px solid #ffffff16}.jnr .jnr-notes-head h3,.jnr .jnr-saved-heading h3,.jnr .jnr-approval h3{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:0;font-size:27px;line-height:1.15}.jnr .jnr-kicker{font-size:10px;color:#cda6f7;letter-spacing:.1em}.jnr .jnr-notes-head{align-items:center}.jnr .jnr-notes-head>span{font-size:11px}.jnr .jnr-saved-heading{border-top:1px solid #ffffff16;box-shadow:none}
.jnr[data-jnr] textarea,.jnr[data-jnr] select{border-radius:11px;background:#0d0b11;border-color:#34233f}.jnr[data-jnr] textarea{font-size:14px;line-height:1.7}.jnr [data-note] button[type=submit],.jnr [data-approve]{background:#a855f7;box-shadow:0 14px 25px #a855f728;min-height:48px;font-size:12px}.jnr [data-note] button[type=submit]{width:100%}.jnr .jnr-note-time{flex-wrap:wrap}.jnr .jnr-note>div:first-child{flex-wrap:wrap}.jnr .jnr-note p{font-size:13px}.jnr .jnr-note-actions{flex-wrap:wrap}.jnr .jnr-history summary{font-size:12px}.jnr .jnr-badge{font-size:10px;padding:7px 10px}
.jnr .jnr-timeline input{-webkit-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none;border-radius:0}
.jnr-timeline input::-webkit-slider-runnable-track{height:3px;background:#eee;border:0;border-radius:2px}
.jnr-timeline input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border:0;border-radius:50%;background:#9c68ff}
.jnr-timeline input::-moz-range-track{height:3px;background:#eee;border:0;border-radius:2px}
.jnr-timeline input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#9c68ff}
@media(max-width:480px){.jnr[data-jnr]{padding:16px}.jnr .jnr-song-title{font-size:32px}.jnr .jnr-panda{width:100px;height:100px}.jnr[data-jnr] textarea{font-size:16px}}
.jnr .jnr-notes-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center;margin-bottom:4px}
.jnr .jnr-notes-head>.jnr-kicker{grid-column:1/-1;color:#cda6f7;font-size:10px}
.jnr .jnr-notes-head>h3{grid-column:1;grid-row:2;margin:0}
.jnr .jnr-notes-head>.jnr-pending-count{grid-column:2;grid-row:2;align-self:center;white-space:nowrap}
.jnr .jnr-notes form[data-note]{margin-top:0;gap:0}
.jnr .jnr-note-time{margin-top:0;align-items:flex-start}
.jnr .jnr-note-time>span{padding-top:0;line-height:20px}
.jnr .jnr-note-time button{min-height:20px;padding:0;line-height:20px}
.jnr .jnr-play{line-height:1}
.jnr-play-symbol{display:block;width:16px;height:20px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(2px)}
.jnr.is-playing .jnr-play-symbol{clip-path:none;transform:none;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.jnr .jnr-player-top{flex-direction:row;align-items:center}
.jnr .jnr-player-top label{width:auto;max-width:65%;margin:0}
.jnr .jnr-player-top select{margin-top:0}
.jnr .jnr-player-top select,.jnr .jnr-filter select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#cda6f7 50%),linear-gradient(135deg,#cda6f7 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.jnr .jnr-panda{margin-bottom:15px}
.jnr[data-jnr]{background:transparent;border:0;padding:0;box-shadow:none}
.jnr[data-jnr] .jnr-layout{gap:16px}
.jnr-main-block,.jnr[data-jnr] .jnr-saved{background:radial-gradient(circle at 50% 15%,#9c68ff18,transparent 35%),linear-gradient(150deg,#18151e,#0d0c10);border:1px solid #ffffff21;border-radius:11px;padding:20px;min-width:0;width:100%}
.jnr[data-jnr] .jnr-main-block .jnr-notes{padding-bottom:0}
.jnr[data-jnr] .jnr-saved-heading{padding-top:0;margin-top:0;border:0}
.jnr .jnr-player-top .jnr-state-select{width:auto;max-width:46%;padding-right:30px;color:#dcb5ff;font-size:11px;border-radius:11px}
.jnr .jnr-player-top .jnr-state-select:disabled{opacity:1;cursor:default;color:#cda6f7}
.jnr .jnr-player-top label{max-width:51%;min-width:0}
@media(max-width:480px){.jnr[data-jnr]{padding:0}.jnr-main-block,.jnr[data-jnr] .jnr-saved{padding:16px}}
.jnr .jnr-state-button{width:auto;max-width:48%;min-height:42px;padding:10px 13px;font-size:11px;border:1px solid #a855f766;background:#a855f71a;color:#dcb5ff;border-radius:11px;box-shadow:none}
.jnr .jnr-state-button:disabled{opacity:1;cursor:default}
.jnr .jnr-state-button.is-complete{background:#163a2c;color:#a7e1c1;border-color:#479d7180}
.jnr .jnr-note{padding:0;border-top:1px solid #ffffff16}
.jnr .jnr-note>summary{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:58px;padding:12px 0;list-style:none}
.jnr .jnr-note>summary::-webkit-details-marker{display:none}
.jnr .jnr-note>summary::after{content:'';display:block;width:20px;height:20px;margin-left:2px;flex:0 0 20px;align-self:center;background:linear-gradient(45deg,transparent 50%,#cda6f7 50%) 5px 50%/5px 5px no-repeat,linear-gradient(135deg,#cda6f7 50%,transparent 50%) 10px 50%/5px 5px no-repeat}
.jnr .jnr-note[open]>summary::after{transform:rotate(180deg)}
.jnr .jnr-note>summary .jnr-timestamp{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:46px;height:36px;padding:0 7px;line-height:1;text-align:center}
.jnr .jnr-note>summary strong{min-width:0;overflow-wrap:anywhere}
.jnr .jnr-note>summary small{margin-left:auto;white-space:nowrap}
.jnr .jnr-note.resolved>summary small{color:#9acdba}
.jnr .jnr-note-content{padding:0 0 18px}
.jnr .jnr-pending-count[data-note-label]{font-size:11px;color:#aaa4b5;font-variant-numeric:tabular-nums;white-space:normal;text-align:right}
.jnr .jnr-pending-count[data-note-label] strong{color:#d6b4ff;font-weight:600;white-space:nowrap}
.jnr .jnr-service{margin:0;padding:0;line-height:1.7}
.jnr .jnr-saved-heading{display:grid;row-gap:2px}
.jnr .jnr-saved-heading h3{margin:0}
.jnr .jnr-filter{margin-top:8px;padding-top:0}
.jnr .jnr-filter select{margin-top:0}
.jnr .jnr-controls{margin-top:21px}
/* Raised keys from AuraVox's current WebUI toolbar. Only the review status. */
.jnr .jnr-state-button,.jnr .jnr-state-button:hover{border:1px solid #0c0d0f;background:linear-gradient(180deg,#33373b 0%,#25292c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 5px rgba(0,0,0,.5);color:#cda6f7;text-shadow:none}
.jnr .jnr-state-button.is-complete,.jnr .jnr-state-button.is-complete:hover{color:#a7e1c1;background:linear-gradient(180deg,#33373b 0%,#25292c 100%);border-color:#0c0d0f}
.jnr .jnr-state-button:enabled:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.7)}
.jnr .jnr-controls{margin-top:19px;margin-bottom:10px;position:relative;top:-3px}
.jnr .jnr-state-button{text-transform:uppercase;letter-spacing:.04em}
.jnr .jnr-timeline{margin-bottom:0}
.jnr .jnr-text-button{padding-inline:10px}
.jnr .jnr-text-button[data-edit]{margin-inline-start:8px}
.jnr .jnr-note-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px}
.jnr .jnr-inline-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.jnr .jnr-note-meta .jnr-text-button{margin:0;padding:4px 10px}
.jnr .jnr-text-button[data-jump]{position:relative;left:-10px;margin:0}
.jnr .jnr-listening-tip{margin:8px 0 0;padding:0;color:#b9b1c3;font-size:11px;line-height:1.5;text-align:center}
.jnr.jnr-finalized .jnr-notes,.jnr.jnr-finalized .jnr-saved,.jnr.jnr-finalized>.jnr-note-actions{display:none!important}
.jnr.jnr-finalized .jnr-player{padding-bottom:0}
.jnr .jnr-thanks{max-width:330px;margin:0 auto 20px;text-align:center;color:#d4ccde;font-size:12px;line-height:1.6}
.jnr .jnr-thanks strong{display:block;color:#dcb5ff;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:36px}
.jnr .jnr-thanks p{margin:0px 0 6px}
.jnr .jnr-thanks span{font-size:11px}
.jnr .jnr-main-block,.jnr[data-jnr] .jnr-saved{padding-top:30px;padding-bottom:30px}
.jnr .jnr-version-quota{display:block;order:-1;margin:0 0 5px;color:#b9b1c3;font-size:10px;text-align:right;position:relative;left:-5px}
.jnr .jnr-player-top{align-items:flex-end}
.jnr .jnr-player-top label{display:flex;flex-direction:column}
.jnr .jnr-player-top select,.jnr .jnr-player-top .jnr-state-button{height:44px;min-height:44px;box-sizing:border-box;margin-bottom:0}
.jnr .jnr-player-top{justify-content:center}
.jnr .jnr-player-top label{width:100%;max-width:420px;margin-inline:auto;text-align:center}
.jnr .jnr-player-top select{width:100%;text-align:center;text-align-last:center;padding-left:36px}
.jnr .jnr-version-quota{text-align:center;left:0;font-size:10px}
.jnr .jnr-delivery{text-align:center;padding:24px 16px}
.jnr .jnr-delivery h3{font-family:'Bebas Neue',sans-serif;font-size:30px;font-weight:400;line-height:1.1;margin:0}
.jnr .jnr-delivery p{font-size:12px;line-height:1.6;color:#b9b1c3;margin:6px 0 16px}
.jnr .jnr-delivery .jnr-state-button{max-width:100%;min-height:48px;padding:12px 22px}
.jnr.jnr-finalized .jnr-delivery{display:none}
.jnr .jnr-delivery-options{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}
.jnr .jnr-delivery-options button{width:100%;min-height:48px;font-size:11px;font-weight:600;letter-spacing:.04em;border-radius:11px}
.jnr .jnr-adjustments-preview{background:#a855f7;border:1px solid #a855f7;color:#fff;box-shadow:0 8px 22px #a855f726}
.jnr .jnr-adjustments-preview:hover{background:#9333ea;border-color:#9333ea}
.jnr .jnr-client-name{margin:2px 0 0;position:relative;top:-7px;color:#b9b1c3;font-family:'Poppins',sans-serif;font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.jnr .jnr-client-name + .jnr-service{margin-top:5px}