.session-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,#0f1424eb,#0b0f1adb);border-bottom:1px solid var(--jr-border);height:64px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5}.topbar-left{justify-self:start;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}.topbar-titlegroup{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}.topbar-divider{width:1px;height:26px;background:#ffffff14;box-shadow:0 0 0 1px #0003;flex:0 0 auto}.topbar-group{display:inline-flex;align-items:center;gap:10px;padding:2px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;box-shadow:inset 0 1px #ffffff0a}.topbar-timegroup{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;box-shadow:inset 0 1px #ffffff0a}.topbar-timegroup::-webkit-scrollbar{display:none}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap;min-width:0}.logo-mark{width:28px;height:28px;border-radius:10px;box-shadow:0 14px 36px #00d4ff1f,0 14px 36px #ff2bd61a}.logo-wordmark{height:22px;width:auto;max-width:180px;filter:drop-shadow(0 10px 30px rgba(0,212,255,.14))}@media (max-width: 640px){.logo-wordmark{display:none}}.session-title{font-size:16px;font-weight:600;color:var(--jr-text);cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .15s,box-shadow .15s,border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}.session-title:hover{background:#00d4ff0f;border-color:#00d4ff38;box-shadow:0 0 0 1px #00d4ff1f}.title-input{font-size:16px;font-weight:600;padding:6px 8px;border:1px solid rgba(0,212,255,.55);border-radius:12px;background:#0c101de0;color:var(--jr-text);box-shadow:0 0 0 1px #00d4ff1f}.topbar-center{justify-self:center}.status-pill{padding:6px 12px;background:#ffffff08;border-radius:12px;font-size:12px;color:var(--jr-muted);font-weight:600;border:1px solid rgba(255,255,255,.08)}.session-topbar .status-pill{padding:6px 10px;font-size:11px}.status-pill.ok{background:#34f5a514;color:#a4ffdbf2;border-color:#34f5a538}.status-pill.warn{background:#f2b84a1a;color:#ffe9bef2;border-color:#f2b84a38}.status-pill.error{background:#ff4d6d1a;color:#ffc7d2f2;border-color:#ff4d6d38}.topbar-right{justify-self:end;display:flex;align-items:center;gap:14px}.share-btn:not(.jr-jam-btn){min-width:96px}.danger-btn{min-width:96px}.users-online{font-size:12px;color:var(--jr-dim)}.transport-bar{display:flex;align-items:center;gap:14px;padding:10px 12px;background:linear-gradient(180deg,#0f1424c7,#0b0f1abd);border-bottom:1px solid var(--jr-border);min-height:56px;flex-wrap:wrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.transport-controls{display:flex;gap:6px;flex-wrap:wrap}.transport-btn{min-width:88px}.transport-icon-btn{width:34px;height:34px;line-height:1}.time-display{font-family:var(--jr-font-mono);font-size:16px;font-weight:700;color:var(--jr-cyan);min-width:112px;text-align:center;letter-spacing:.5px}.loop-section{display:flex;gap:8px}.loop-btn,.fit-btn{min-width:72px}.loop-btn.active{border:1px solid transparent;background:linear-gradient(180deg,#0b0f1ae6,#0b0f1ac2) padding-box,linear-gradient(90deg,#f2b84af2,#00d4ffbf) border-box;box-shadow:0 14px 36px #f2b84a1f}.zoom-section{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:220px}.zoom-slider{flex:1;min-width:120px;cursor:pointer}.zoom-value{font-size:12px;color:var(--jr-dim);min-width:58px;text-align:right}@media (max-width: 860px){.zoom-section{min-width:180px}}@media (max-width: 720px){.zoom-section{margin-left:0;width:100%}.transport-btn{min-width:78px}}.timeline-ruler{display:flex;align-items:stretch;height:48px;background:linear-gradient(180deg,#20242c,#1a1e26);border-bottom:1px solid #384153;box-shadow:inset 0 -1px #ffffff0a}.timeline-gutter{width:200px;flex:0 0 200px;border-right:1px solid #384153;background:#181c23;display:flex;align-items:center;justify-content:center}.timeline-gutter-label{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#8e9ab0;font-weight:600}.timeline-scroll{position:relative;flex:1;overflow-x:auto;overflow-y:hidden;cursor:crosshair;scrollbar-width:none}.timeline-scroll::-webkit-scrollbar{height:0}.ruler-content{position:relative;height:100%;min-width:100%}.ruler-tick{position:absolute;top:0;height:100%;transform:translate(-50%);pointer-events:none}.tick-mark{width:1px;background:#4f5868;margin:0 auto}.ruler-tick.minor .tick-mark{height:13px;margin-top:2px;opacity:.65}.ruler-tick.major .tick-mark{height:22px;margin-top:2px;background:#7b879a}.tick-label{position:absolute;top:26px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;color:#c0cadb;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.4)}.playhead{position:absolute;top:0;width:2px;height:100%;background:#00d4ff;box-shadow:0 0 10px #00d4ffa6;transform:translate(-1px);pointer-events:none;z-index:4}.track-header{min-height:100px;padding:8px;background:linear-gradient(180deg,#12182ad1,#0b0f1ae0);border-bottom:1px solid var(--jr-border);font-size:12px;display:flex;flex-direction:column;justify-content:center}.track-header.draft{background:linear-gradient(180deg,#2a291fb3,#18130cdb);border-left:3px solid rgba(242,184,74,.9)}.track-info{margin-bottom:8px}.track-name{font-weight:600;color:var(--jr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:700;background:#f2b84a2e;color:#ffe9bef2;border:1px solid rgba(242,184,74,.28);border-radius:3px;margin:4px 0}.draft-badge.smoke-badge{background:#ff4d6d24;color:#ffd2dbf2;border-color:#ff4d6d42}.track-author{font-size:10px;color:var(--jr-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-controls{display:flex;gap:8px;margin-bottom:8px;align-items:center}.track-controls .jr-icon-btn{width:38px}.download-btn{border-color:#00d4ff47;background:#00d4ff14}.track-gain{display:flex;flex-direction:column;gap:4px}.gain-slider{width:100%;cursor:pointer;height:4px}.gain-value{font-size:10px;color:var(--jr-dim);text-align:center}.track-list{display:flex;flex-direction:column;gap:1px;background:#1f1f1f}.waveform-lane{height:100px;border-bottom:1px solid #30353d;background:#15161a;position:relative}.waveform-lane.draft{background:#211f15;border-left:3px solid #f2b84a}.waveform-canvas{width:100%;height:100%;display:block}.track-lanes{display:flex;flex-direction:column;gap:1px;min-width:100%;background:#15171b}.tracks-panel{display:flex;width:100%;height:100%;overflow:hidden;background:#111318}.track-list-column{width:200px;min-width:200px;background:#1a1c21;border-right:1px solid #30353d;overflow-y:auto;overflow-x:hidden}.track-lanes-column{flex:1;overflow:auto;background:#15171b}.track-lanes-column::-webkit-scrollbar{width:10px;height:10px}.track-lanes-column::-webkit-scrollbar-thumb{background:#3a404a;border-radius:999px}.recorder-dock{display:flex;gap:24px;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#0f1424c7,#0b0f1adb);border-top:1px solid var(--jr-border);min-height:80px;flex-wrap:wrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.recorder-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.jr-btn.record-btn:not(.jr-jam-btn),.jr-btn.preview-btn:not(.jr-jam-btn),.jr-btn.publish-btn:not(.jr-jam-btn),.jr-btn.upload-btn:not(.jr-jam-btn){min-width:104px}.jr-btn.record-btn:not(.jr-jam-btn){min-width:160px}.jr-btn.upload-btn:not(.jr-jam-btn){min-width:108px}.record-btn.recording{animation:jr-record-pulse 1s ease-in-out infinite}.recorder-rec{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,77,109,.35);background:#ff4d6d1f;color:#ffccd6f2;font-family:var(--jr-font-display);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.recorder-rec-dot{width:8px;height:8px;border-radius:999px;background:#ff4d6df2;box-shadow:0 0 0 3px #ff4d6d1f;animation:jr-rec-dot 1s ease-in-out infinite}@keyframes jr-rec-dot{0%{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.75;transform:scale(.95)}}.recorder-rec-time{font-family:var(--jr-font-mono);font-weight:800;letter-spacing:0;color:var(--jr-text)}@keyframes jr-record-pulse{0%{box-shadow:0 14px 36px #ff4d6d24,0 0 0 1px #ff4d6d2e}50%{box-shadow:0 18px 52px #ff4d6d38,0 0 0 1px #ff2bd638}to{box-shadow:0 14px 36px #ff4d6d24,0 0 0 1px #ff4d6d2e}}.jr-btn.preview-btn:not(.jr-jam-btn){min-width:108px}.jr-btn.publish-btn:not(.jr-jam-btn){min-width:120px}.recorder-settings{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--jr-muted);flex-wrap:wrap}.recorder-monitor{display:inline-flex;align-items:center;gap:10px}.recorder-monitor-label{color:var(--jr-muted);font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.recorder-settings label{display:flex;align-items:center;gap:6px;cursor:pointer}.recorder-settings input{cursor:pointer}.recorder-settings select{background:#ffffff08;color:var(--jr-text);border-radius:10px;padding:6px 10px;font-size:12px;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.recorder-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex-wrap:wrap}.recorder-level-meter{display:flex;align-items:center;gap:8px}.recorder-you{display:inline-flex;align-items:center;gap:8px;padding:0 10px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--jr-dim);max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recorder-you-icon{width:14px;height:14px;color:#ffffffd9;flex:0 0 auto}.recorder-you-name{font-size:11px;font-family:var(--jr-font-display);font-weight:800;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.meter-bar{width:110px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.meter-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#34f5a5e6,#f2b84af2,#ff4d6df2);border-radius:inherit;box-shadow:0 0 18px #34f5a51f;transition:width 60ms linear}.meter-bar[data-active="0"] .meter-fill{opacity:.35}.meter-bar[data-hot="1"]{border-color:#ff4d6d59;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ff4d6d1f,0 10px 26px #ff4d6d1f}.meter-label{font-size:10px;color:var(--jr-dim)}.jr-joinwidget{position:fixed;right:16px;bottom:96px;z-index:20;display:grid;gap:10px;justify-items:end;pointer-events:none}.jr-joinwidget-launch{pointer-events:auto}.jr-joinwidget[data-attention="1"] .jr-joinwidget-launch{animation:jr-joinwidget-pulse 1.1s ease-in-out infinite}@keyframes jr-joinwidget-pulse{0%{box-shadow:0 14px 36px #00d4ff1f,0 14px 36px #ff2bd61a}50%{box-shadow:0 22px 60px #00d4ff33,0 18px 46px #ff2bd62e}to{box-shadow:0 14px 36px #00d4ff1f,0 14px 36px #ff2bd61a}}.jr-joinwidget-drawer{pointer-events:auto;width:min(380px,calc(100vw - 32px));max-height:min(60vh,540px);overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0f1424f0,#0b0f1af0);box-shadow:0 26px 80px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform-origin:bottom right;transform:translateY(10px) scale(.98);opacity:0;transition:transform .16s ease,opacity .16s ease}.jr-joinwidget[data-open="1"] .jr-joinwidget-drawer{opacity:1;transform:translateY(0) scale(1)}.jr-joinwidget[data-open="0"] .jr-joinwidget-drawer{pointer-events:none}.jr-joinwidget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.jr-joinwidget-title{font-family:var(--jr-font-display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--jr-text)}.jr-joinwidget-close{width:34px}.jr-joinwidget-body{padding:12px;display:grid;gap:10px;overflow:auto;max-height:calc(min(60vh,540px) - 54px)}.jr-joinwidget-item{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:12px;display:grid;gap:10px}.jr-joinwidget-name{font-weight:700;color:var(--jr-text)}.jr-joinwidget-when{margin-top:2px;font-size:12px;color:var(--jr-muted)}.jr-joinwidget-cta{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.jr-joinwidget-cta .jr-btn{min-width:116px}@media (max-width: 720px){.jr-joinwidget{right:12px;left:12px;bottom:92px;justify-items:stretch}.jr-joinwidget-launch{width:100%}.jr-joinwidget-drawer{width:100%;transform-origin:bottom center}}.jr-userswidget{z-index:20;display:grid;gap:10px;justify-items:start}.jr-userswidget[data-placement=floating]{position:fixed;left:16px;bottom:96px;pointer-events:none}.jr-userswidget[data-placement=dock]{position:relative;z-index:25;pointer-events:auto}.jr-userswidget-launchwrap{pointer-events:auto;position:relative;display:inline-block}.jr-userswidget-launch{pointer-events:auto}.jr-userswidget-count{position:absolute;top:-10px;right:-10px;transform:scale(.92);box-shadow:0 14px 36px #00000073;pointer-events:none}.jr-userswidget[data-attention="1"] .jr-userswidget-launch{animation:jr-userswidget-pulse 1.1s ease-in-out infinite}@keyframes jr-userswidget-pulse{0%{box-shadow:0 14px 36px #f2b84a24,0 14px 36px #00d4ff1f}50%{box-shadow:0 22px 60px #f2b84a38,0 18px 46px #00d4ff2e}to{box-shadow:0 14px 36px #f2b84a24,0 14px 36px #00d4ff1f}}.jr-userswidget-drawer{pointer-events:auto;width:min(460px,calc(100vw - 32px));max-height:min(70vh,680px);overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0f1424f0,#0b0f1af0);box-shadow:0 26px 80px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform-origin:bottom left;transform:translateY(10px) scale(.98);opacity:0;transition:transform .16s ease,opacity .16s ease}.jr-userswidget[data-placement=dock] .jr-userswidget-drawer{position:absolute;right:0;bottom:calc(100% + 10px);transform-origin:bottom right}.jr-userswidget[data-open="1"] .jr-userswidget-drawer{opacity:1;transform:translateY(0) scale(1)}.jr-userswidget[data-open="0"] .jr-userswidget-drawer{pointer-events:none}.jr-userswidget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.jr-userswidget-title{font-family:var(--jr-font-display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--jr-text)}.jr-userswidget-close{width:34px}.jr-userswidget-body{padding:12px;display:grid;gap:10px;overflow:auto;max-height:calc(min(70vh,680px) - 54px)}.jr-userswidget-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:12px;display:grid;gap:10px}.jr-userswidget-cardtitle{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:#e6eefcb8}.jr-userswidget-row{display:flex;justify-content:space-between;gap:12px;font-size:12px}.jr-userswidget-k{color:#e6eefc8c}.jr-userswidget-v{color:var(--jr-text);font-family:var(--jr-font-mono)}.jr-userswidget-v.is-expired{color:#ffc7d2f2}.jr-userswidget-extend{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.jr-userswidget-extendlabel{display:grid;gap:6px;font-size:12px;color:#e6eefca8}.jr-userswidget-addrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jr-userswidget-input{width:100%;min-width:180px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--jr-text);padding:10px 12px}.jr-userswidget-empty{color:#e6eefc8c;font-size:13px}.jr-userswidget-list{display:grid;gap:10px}.jr-userswidget-item{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:12px;display:grid;gap:10px}.jr-userswidget-name{font-weight:800;display:flex;align-items:center;gap:8px}.jr-userswidget-rec{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,77,109,.35);background:#ff4d6d2e;color:#ffc7d2f2;font-family:var(--jr-font-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.jr-userswidget-meta{display:flex;gap:8px;flex-wrap:wrap}.jr-userswidget-pill{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#e6eefcb8;font-size:11px;font-weight:700}.jr-userswidget-pill.ok{border-color:#34f5a538;background:#34f5a514;color:#a4ffdbf2}.jr-userswidget-pill.warn{border-color:#f2b84a38;background:#f2b84a1a;color:#ffe9bef2}.jr-userswidget-pill.s-approved{border-color:#34f5a538;background:#34f5a514;color:#a4ffdbf2}.jr-userswidget-pill.s-pending{border-color:#f2b84a38;background:#f2b84a1a;color:#ffe9bef2}.jr-userswidget-pill.s-removed{border-color:#ff4d6d59;background:#ff4d6d1f;color:#ffc7d2f2}.jr-userswidget-when{font-size:12px;color:#e6eefc8c}.jr-userswidget-cta{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media (max-width: 720px){.jr-userswidget[data-placement=floating]{right:12px;left:12px;bottom:92px;justify-items:stretch}.jr-userswidget-launch{width:100%}.jr-userswidget-drawer{width:100%;transform-origin:bottom center}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--jr-bg0: #0b0f1a;--jr-bg1: #0f1424;--jr-surface: rgba(15, 20, 36, .72);--jr-surface-strong: rgba(15, 20, 36, .92);--jr-border: rgba(120, 140, 190, .18);--jr-border-strong: rgba(120, 140, 190, .28);--jr-text: #e6eefc;--jr-muted: rgba(230, 238, 252, .66);--jr-dim: rgba(230, 238, 252, .46);--jr-cyan: #00d4ff;--jr-magenta: #ff2bd6;--jr-purple: #7a5cff;--jr-amber: #f2b84a;--jr-danger: #ff4d6d;--jr-success: #34f5a5;--jr-accent-gradient: linear-gradient( 90deg, rgba(0, 212, 255, .95) 0%, rgba(255, 43, 214, .95) 55%, rgba(122, 92, 255, .95) 100% );--jr-font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--jr-font-display: "Orbitron", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--jr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}body{font-family:var(--jr-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 800px at 20% -10%,rgba(122,92,255,.18),transparent 55%),radial-gradient(1000px 700px at 85% 10%,rgba(0,212,255,.14),transparent 55%),radial-gradient(900px 700px at 50% 120%,rgba(255,43,214,.12),transparent 55%),var(--jr-bg0);color:var(--jr-text)}code{font-family:var(--jr-font-mono)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}button:disabled{cursor:not-allowed}input{font:inherit;color:inherit;background:inherit;border:none}input:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid rgba(0,212,255,.55);outline-offset:2px}.jr-btn{--_bg: rgba(255, 255, 255, .03);--_bd: var(--jr-border);--_tx: var(--jr-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--_bd);background:var(--_bg);color:var(--_tx);font-family:var(--jr-font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff0f;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.jr-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#00d4ff61;background:#00d4ff0f;box-shadow:0 0 0 1px #00d4ff1f,0 12px 30px #00d4ff1a}.jr-btn:active:not(:disabled){transform:translateY(0);background:#0000003d}.jr-btn:disabled{opacity:.55}.jr-btn--sm{height:30px;padding:0 12px;font-size:11px;letter-spacing:.1em}.jr-btn--ghost{--_bg: rgba(255, 255, 255, .02);--_bd: rgba(255, 255, 255, .08)}.jr-btn--primary{border:1px solid transparent;background:linear-gradient(180deg,#0b0f1aeb,#0b0f1ac7) padding-box,var(--jr-accent-gradient) border-box;box-shadow:0 14px 36px #00d4ff1f,0 14px 36px #ff2bd61a}.jr-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#0b0f1ae0,#0b0f1aad) padding-box,var(--jr-accent-gradient) border-box;box-shadow:0 0 0 1px #00d4ff38,0 20px 60px #00d4ff29,0 20px 60px #ff2bd61f}.jr-btn--danger{border:1px solid transparent;background:linear-gradient(180deg,#0b0f1aeb,#0b0f1ac7) padding-box,linear-gradient(90deg,#ff4d6df2,#ff2bd6d9) border-box;box-shadow:0 14px 36px #ff4d6d24}.jr-btn--success{border:1px solid transparent;background:linear-gradient(180deg,#0b0f1aeb,#0b0f1ac7) padding-box,linear-gradient(90deg,#34f5a5f2,#00d4ffbf) border-box;box-shadow:0 14px 36px #34f5a524}.jr-btn--warn{border:1px solid transparent;background:linear-gradient(180deg,#0b0f1aeb,#0b0f1ac7) padding-box,linear-gradient(90deg,#f2b84af2,#ff2bd68c) border-box;box-shadow:0 14px 36px #f2b84a1f}.jr-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.28);color:var(--jr-text);font-family:var(--jr-font-sans);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none}.jr-icon-btn{width:32px;height:30px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--jr-text);font-family:var(--jr-font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.jr-icon-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#00d4ff59;background:#00d4ff0f;box-shadow:0 0 0 1px #00d4ff1f,0 10px 26px #00d4ff1a}.jr-icon-btn:active:not(:disabled){transform:translateY(0)}.jr-icon-btn--active{border-color:#f2b84ab3;background:#f2b84a29;color:#ffe9bef2}.jr-icon-btn--danger{border-color:#ff4d6d73;background:#ff4d6d1f;color:#ffccd6f2}.jr-btn.jr-jam-btn{--jr-pink: #f030c8;--jr-magenta: #80137c;--jr-purple: #340055;--jr-indigo: #141588;--jr-blue: #0848d0;--jr-blue-2: #3343b3;--jr-soft: #fccffa;--jr-white: #fef7fe;--jr-ink: #060614;--jr-btn: 42px;--jr-icon: 18px;--jr-ring: conic-gradient( from 210deg, var(--jr-pink), var(--jr-magenta), var(--jr-purple), var(--jr-indigo), var(--jr-blue), var(--jr-blue-2), var(--jr-pink) );--jr-fill: radial-gradient( 120% 140% at 30% 20%, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06) 35%, rgba(6, 6, 20, .74) 70%, rgba(6, 6, 20, .92) 100% );width:var(--jr-btn);height:var(--jr-btn);min-width:0;padding:0;border:0;border-radius:999px;position:relative;display:inline-grid;place-items:center;cursor:pointer;background:transparent;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transform:translateY(0) scale(1);transition:transform .12s ease}.jr-btn.jr-jam-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--jr-ring);filter:blur(.2px);opacity:.95}.jr-btn.jr-jam-btn:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:var(--jr-fill);box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 22px #0006,0 10px 22px #0000006b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.jr-btn.jr-jam-btn>svg{width:var(--jr-icon);height:var(--jr-icon);position:relative;z-index:1;display:block;color:#ffffffeb;filter:drop-shadow(0 0 10px rgba(240,48,200,.18)) drop-shadow(0 0 12px rgba(8,72,208,.16))}.jr-btn.jr-jam-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.02)}.jr-btn.jr-jam-btn:hover:not(:disabled):before{filter:blur(.6px);opacity:1}.jr-btn.jr-jam-btn:hover:not(:disabled):after{box-shadow:inset 0 1px #ffffff38,inset 0 -10px 22px #00000070,0 14px 34px #0000008c}.jr-btn.jr-jam-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.jr-btn.jr-jam-btn:active:not(:disabled):after{top:3px;right:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #ffffff1f,inset 0 -12px 24px #0000008c,0 8px 18px #00000073}.jr-btn.jr-jam-btn:focus-visible{outline:none}.jr-btn.jr-jam-btn:focus-visible:before{filter:blur(.9px);opacity:1}.jr-btn.jr-jam-btn:focus-visible:after{box-shadow:inset 0 1px #ffffff38,inset 0 -10px 22px #00000070,0 0 0 2px #00d4ff59,0 16px 38px #0000008c}.jr-btn.jr-jam-btn[aria-pressed=true]:before{background:conic-gradient(from 210deg,var(--jr-pink),var(--jr-pink),var(--jr-magenta),var(--jr-blue),var(--jr-blue-2),var(--jr-pink))}.jr-btn.jr-jam-btn.is-danger:before{background:conic-gradient(from 210deg,#ff2d55,var(--jr-pink),var(--jr-magenta),#ff2d55)}.jr-btn.jr-jam-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.jr-btn.jr-jam-btn:disabled:before{filter:blur(0);opacity:.6}@media (prefers-reduced-motion: reduce){.jr-btn.jr-jam-btn{transition:none}.jr-btn.jr-jam-btn:hover:not(:disabled),.jr-btn.jr-jam-btn:active:not(:disabled){transform:none}}