.jr-card{position:relative;margin:0;padding:var(--pad,12px);border-radius:var(--rad-lg,20px);color:#f3f1ea;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),linear-gradient(180deg,#2a2a31,#17171c 46%,#0e0e12);border:1px solid #050507;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.6),inset 1px 0 0 rgba(255,255,255,.06),0 6px 0 #050507}.jr-card:before{content:"";position:absolute;inset:var(--s-2,8px);border-radius:var(--rad-md,12px);pointer-events:none;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(0,0,0,.5)}.jr-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2,8px);flex-wrap:wrap}.jr-seg{display:inline-flex;padding:4px;gap:4px;border-radius:12px;background:linear-gradient(180deg,#050507,#121217);box-shadow:inset 0 2px 3px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.08)}.jr-seg button{min-height:44px;min-width:44px;padding:0 var(--s-4,16px);border:0;border-radius:9px;cursor:pointer;color:#b9b6ad;font:800 13px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;background:linear-gradient(180deg,#3a3a42,#23232a 60%,#1a1a20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 0 #050507;transition:transform .14s ease-out,box-shadow .14s ease-out}.jr-seg button.on{color:#15151a;background:linear-gradient(180deg,#FFFFFF,#DB392D 55%,#DB392D);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.2),0 2px 0 #DB392D}.jr-seg button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 3px rgba(0,0,0,.45),0 0 0 #050507}.jr-seg.small button{padding:0 var(--s-3,12px);font-size:12px}.jr-ready{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;font:800 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#c9c6bd;background:linear-gradient(180deg,#0a0a0d,#16161b);box-shadow:inset 0 2px 3px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.08)}.jr-ready i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b6b6b,#262626 70%);box-shadow:inset 0 -1px 1px rgba(0,0,0,.6),0 0 0 2px #050507}.jr-ready.on i{background:radial-gradient(circle at 35% 30%,#d8ffd9,#2fe35a 45%,#0b7a25);box-shadow:0 0 0 2px #050507,0 0 8px #2fe35a}.jr-ready.on{color:#b8ffc6}.jr-ready.rec i{background:radial-gradient(circle at 35% 30%,#ffd6d6,color-mix(in srgb,#DB392D,#fff 15%) 45%,color-mix(in srgb,#DB392D,#000 48%));box-shadow:0 0 0 2px #050507,0 0 8px color-mix(in srgb,#DB392D,#fff 15%)}.jr-ready.rec{color:color-mix(in srgb,#DB392D,#fff 75%)}.jr-ready.wait i{background:radial-gradient(circle at 35% 30%,#FFFFFF,#FFFFFF 45%,#DB392D);box-shadow:0 0 0 2px #050507,0 0 8px #FFFFFF}.jr-ready.err i{background:radial-gradient(circle at 35% 30%,#ffd6d6,color-mix(in srgb,#DB392D,#fff 15%) 45%,#8a2a00)}.jr-ready.err{color:color-mix(in srgb,#DB392D,#fff 59%)}.jr-body{display:grid;grid-gap:var(--s-3,12px);gap:var(--s-3,12px);margin-top:var(--s-3,12px)}.jr-meter-well{display:flex;align-items:center;gap:var(--s-3,12px);padding:var(--s-2,8px) var(--s-3,12px);border-radius:12px;background:linear-gradient(180deg,#040405,#0d0d10);box-shadow:inset 0 3px 5px rgba(0,0,0,.9),inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.08)}.jr-meter{position:relative;flex:1 1;height:16px;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(90deg,#15161a 0 6px,#0a0a0c 6px 8px);box-shadow:inset 0 1px 2px rgba(0,0,0,.9)}.jr-meter span{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.55) 6px 8px),linear-gradient(90deg,#1fd65a 0 70%,#DB392D 70% 90%,color-mix(in srgb,#DB392D,#fff 15%) 90%);transition:width 60ms linear}.jr-tick{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.25)}.jr-tick.t1{left:50%}.jr-tick.t2{left:70%}.jr-tick.t3{left:90%}.jr-db{min-width:64px;text-align:right;font:700 13px/1 ui-monospace,Menlo,monospace;color:#FFFFFF}.jr-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--s-2,8px);gap:var(--s-2,8px);margin:0;padding:0;list-style:none;counter-reset:s}.jr-steps li{counter-increment:s;padding:var(--s-2,8px) var(--s-1,4px);border-radius:10px;text-align:center;font:700 12px/15px Helvetica Neue,Arial,sans-serif;color:#a9a69d;background:linear-gradient(180deg,#24242a,#18181d);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 0 #050507}.jr-steps li:before{content:counter(s);display:block;margin-bottom:4px;font:900 15px/1 ui-monospace,Menlo,monospace;color:#6f6c65}.jr-steps li.on{color:#15151a;background:linear-gradient(180deg,#FFFFFF,#DB392D 60%,#DB392D)}.jr-steps li.on:before{color:#15151a}.jr-steps li.done{color:#b8ffc6}.jr-steps li.done:before{content:"✓";color:#2fe35a}.jr-chain{display:flex;flex-wrap:wrap;gap:var(--s-2,8px)}.jr-chain span{padding:var(--s-1,4px) var(--s-2,8px);line-height:16px!important;border-radius:6px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#e9e6dd;background:linear-gradient(180deg,#d9dce1,#a9aeb6 50%,#7f858e);color:#15151a;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 #2d3036}.jr-chain span.off{opacity:.45;text-decoration:line-through}.jr-row{display:flex;flex-wrap:wrap;gap:8px}.jr-key,.jr-row{align-items:center}.jr-key{display:inline-flex;gap:var(--s-2,8px);font:800 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;color:#c9c6bd}.jr-key select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;min-height:44px;min-width:56px;padding:0 26px 0 10px;background-repeat:no-repeat;background-position:right 9px center,0 0;background-size:8px 5px,auto;border-radius:9px;border:1px solid #050507;color:#f3f1ea;font:700 14px/1 ui-monospace,Menlo,monospace;background-image:linear-gradient(135deg,#FFFFFF 50%,transparent 0),linear-gradient(180deg,#2c2c33,#17171c);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 2px 0 #050507}.jr-src{font:600 12px/15px Helvetica Neue,Arial,sans-serif;color:#a9a69d}.jr-btn{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;min-width:44px;padding:var(--s-1,4px) var(--s-4,16px);border-radius:11px;border:0;cursor:pointer;color:#15151a;font:900 13px/14px Helvetica Neue,Arial,sans-serif;letter-spacing:.12em;background:linear-gradient(180deg,#FFFFFF,#DB392D 55%,#DB392D);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.2),0 3px 0 #DB392D;transition:transform .14s ease-out,box-shadow .14s ease-out}.jr-btn small{font:600 11px/14px Helvetica Neue,Arial,sans-serif;letter-spacing:.02em;opacity:.85}.jr-btn.ghost{color:#f3f1ea;background:linear-gradient(180deg,#3a3a42,#24242b 55%,#1a1a20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.4),0 3px 0 #050507}.jr-btn.ghost.lit{color:#b8ffc6;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px #2fe35a,0 3px 0 #050507}.jr-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 0 0 #050507}.jr-ask{display:grid;grid-gap:var(--s-2,8px);gap:var(--s-2,8px);padding:var(--s-3,12px);border-radius:12px;background:linear-gradient(180deg,#1d1d23,#121216);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 0 #050507}.jr-ask p{margin:0;font:500 14px/20px Helvetica Neue,Arial,sans-serif;color:#e9e6dd}.jr-ask .jr-btn{justify-self:start}.jr-warns{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.jr-warns li{padding:8px 10px 8px 12px;border-radius:9px;font:500 13px/18px Helvetica Neue,Arial,sans-serif;color:#e9e6dd;background:#121216;box-shadow:inset 3px 0 0 #8a8f98,inset 0 1px 0 rgba(255,255,255,.06)}.jr-warns li.warn{box-shadow:inset 3px 0 0 #DB392D,inset 0 1px 0 rgba(255,255,255,.06)}.jr-warns li.err{box-shadow:inset 3px 0 0 color-mix(in srgb,#DB392D,#fff 20%),inset 0 1px 0 rgba(255,255,255,.06);color:#ffd9d3}.jr-go{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;margin-top:var(--s-4,16px);border:0;border-radius:14px;cursor:pointer;color:#fff;font:900 18px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.2em;background:radial-gradient(120% 70% at 50% -20%,rgba(255,255,255,.2),transparent 55%),linear-gradient(180deg,#DB392D,color-mix(in srgb,#DB392D,#000 17%) 55%,color-mix(in srgb,#DB392D,#000 41%));box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.25),0 5px 0 color-mix(in srgb,#DB392D,#000 65%);transition:transform .14s ease-out,box-shadow .14s ease-out}.jr-go .lamp{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd6d6,color-mix(in srgb,#DB392D,#fff 15%) 45%,color-mix(in srgb,#DB392D,#000 48%));box-shadow:0 0 0 2px rgba(0,0,0,.4)}.jr-go.live .lamp{box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 10px color-mix(in srgb,#DB392D,#fff 52%)}.jr-go.live,.jr-go:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 1px 0 color-mix(in srgb,#DB392D,#000 65%)}.jr-go:disabled{cursor:default;filter:saturate(.6) brightness(.85)}.jr-line{margin:10px 0 0;min-height:19px;font:700 14px/19px ui-monospace,Menlo,monospace;color:#FFFFFF}.jr-note{margin:8px 0 0;font:500 13px/19px Helvetica Neue,Arial,sans-serif;color:#b5b2a9}.jr-card :is(button,select):focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}.jr-card button:disabled{cursor:default;opacity:.6}@media (max-width:520px){.jr-steps{grid-template-columns:repeat(2,1fr)}.jr-go{min-height:60px;font-size:16px}.jr-head{gap:8px}}@media (prefers-reduced-motion:reduce){.jr-card *{transition:none!important}}