@property --v-naming-ideas{syntax:"<integer>";inherits:false;initial-value:0}@property --v-naming-wh{syntax:"<length>";inherits:true;initial-value:0px}@property --v-naming-wx{syntax:"<length>";inherits:true;initial-value:0px}@property --v-naming-idx{syntax:"<integer>";inherits:false;initial-value:1}.v-naming{--vp:clamp(0, var(--p,1) * var(--v-pace,1), 1);position:relative;width:100%;height:100%;min-height:200px;container:v-naming/size;display:flex;align-items:center;justify-content:center;color:var(--text)}.v-naming__device{--pad:clamp(14px,3.2cqmin,32px);--chrome:140px;--gap:clamp(3px,.7cqw,8px);--fs:min(calc((100cqw - 2 * var(--pad) - 20px - (var(--L) - 1) * var(--gap)) / (var(--sw,7.2) + .2)),calc((100cqh - 2 * var(--pad) - var(--chrome)) / 1.62),150px);--mw:calc(var(--fs) * (var(--sw,7.2) + .2) + (var(--L) - 1) * var(--gap) + 2px);position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4cqh,22px);max-width:100%;padding:var(--pad) calc(var(--pad) + 8px);border-radius:20px;border:1px solid rgba(238,243,245,.1);background:radial-gradient(70% 55% at 50% 0%,rgba(var(--accent-rgb),.09),transparent 65%),radial-gradient(60% 50% at 85% 110%,rgba(196,184,255,.07),transparent 70%),linear-gradient(180deg,var(--surface-2),#080b10);box-shadow:0 40px 100px #0000006b,inset 0 1px #eef3f50f}.v-naming__hud{display:flex;justify-content:space-between;align-items:center;gap:12px;width:var(--mw);max-width:100%;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.v-naming__live{display:flex;align-items:center;gap:8px;color:var(--accent)}.v-naming__live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:v-naming-blink 1.6s steps(2,jump-none) infinite}@keyframes v-naming-blink{50%{opacity:.25}}.v-naming__count{display:flex;align-items:center;gap:7px}.v-naming__count b{font-weight:500;color:var(--text)}.v-naming__count i{font-style:normal;color:var(--dim)}.v-naming__ideas{--v-naming-ideas: calc(clamp(0, var(--vp) / var(--done,.84), 1)*300) ;counter-reset:v-naming-ideas var(--v-naming-ideas);min-width:3ch;text-align:right}.v-naming__ideas:after{content:counter(v-naming-ideas)}.v-naming__idx{--v-naming-idx: calc(1 + clamp(0, (var(--vp) - var(--i1,9)) * 1000, 1) + clamp(0, (var(--vp) - var(--i2,9)) * 1000, 1) + clamp(0, (var(--vp) - var(--i3,9)) * 1000, 1) + clamp(0, (var(--vp) - var(--i4,9)) * 1000, 1)) ;counter-reset:v-naming-idx var(--v-naming-idx)}.v-naming__idx:after{content:counter(v-naming-idx,decimal-leading-zero)}.v-naming__machine{--v-naming-wh:clamp(1.5em, calc(100cqh - 2 * var(--pad) - var(--chrome) - .2em), 4.6em);--v-naming-wx:calc((var(--v-naming-wh) - 1.5em) / 2);position:relative;font-size:var(--fs);padding:.09em .1em;border-radius:.13em;border:1px solid rgba(238,243,245,.12);background:#05070b;box-shadow:inset 0 .06em .2em #0009,0 1px #eef3f50d}.has-stamp .v-naming__types{margin-top:12px}.v-naming__reels{display:flex;gap:var(--gap)}.v-naming__reel{--t1:clamp(0, (var(--vp) - var(--s1,9)) / (var(--e1,10) - var(--s1,9)), 1);--t2:clamp(0, (var(--vp) - var(--s2,9)) / (var(--e2,10) - var(--s2,9)), 1);--t3:clamp(0, (var(--vp) - var(--s3,9)) / (var(--e3,10) - var(--s3,9)), 1);--t4:clamp(0, (var(--vp) - var(--s4,9)) / (var(--e4,10) - var(--s4,9)), 1);position:relative;display:block;width:calc(var(--w,.9) * 1em);height:var(--v-naming-wh);overflow:hidden;border-radius:.06em;background:linear-gradient(180deg,#030407,#10151c 24%,#18202a,#10151c 76%,#030407);box-shadow:inset 0 0 0 1px #eef3f50d;-webkit-mask-image:linear-gradient(transparent max(0px,calc(50% - 1.75em)),rgba(0,0,0,.35) max(calc(50% - .95em),calc(25% - .255em)),#000 calc(50% - .51em),#000 calc(50% + .51em),rgba(0,0,0,.35) min(calc(50% + .95em),calc(75% + .255em)),transparent min(100%,calc(50% + 1.75em)));mask-image:linear-gradient(transparent max(0px,calc(50% - 1.75em)),rgba(0,0,0,.35) max(calc(50% - .95em),calc(25% - .255em)),#000 calc(50% - .51em),#000 calc(50% + .51em),rgba(0,0,0,.35) min(calc(50% + .95em),calc(75% + .255em)),transparent min(100%,calc(50% + 1.75em)))}.v-naming__spin{position:absolute;left:0;right:0;top:calc(.18em + var(--v-naming-wx));transform-origin:50% .57em;transform:scaleY(calc(1 + .16*(sin(var(--t1) * 3.1416) + sin(var(--t2) * 3.1416) + sin(var(--t3) * 3.1416) + sin(var(--t4) * 3.1416))));opacity:calc(1 - (.3*min(1,sin(var(--t1) * 3.1416) + sin(var(--t2) * 3.1416) + sin(var(--t3) * 3.1416) + sin(var(--t4) * 3.1416))))}.v-naming__strip{display:block;will-change:transform;transform:translate3d(0,calc(-1.14em * (var(--r0,0) + var(--g1,0) * (1 - (1 - var(--t1)) * (1 - var(--t1)) * (1 - var(--t1))) + .22 * sin(clamp(0,(var(--t1) - .8) * 5,1) * 3.1416) + var(--g2,0) * (1 - (1 - var(--t2)) * (1 - var(--t2)) * (1 - var(--t2))) + .22 * sin(clamp(0,(var(--t2) - .8) * 5,1) * 3.1416) + var(--g3,0) * (1 - (1 - var(--t3)) * (1 - var(--t3)) * (1 - var(--t3))) + .22 * sin(clamp(0,(var(--t3) - .8) * 5,1) * 3.1416) + var(--g4,0) * (1 - (1 - var(--t4)) * (1 - var(--t4)) * (1 - var(--t4))) + .22 * sin(clamp(0,(var(--t4) - .8) * 5,1) * 3.1416))),0)}.v-naming__strip b{display:block;height:1.14em;margin:0 -.15em;font-weight:850;line-height:1;letter-spacing:0;text-align:center;white-space:pre}.v-naming__strip .is-n{color:#eef3f54d}.v-naming__strip .is-k{color:var(--text)}.v-naming__strip .is-a{color:#eef3f599}.v-naming__strip .is-b{color:rgba(var(--accent-rgb),.3);font-weight:500}.v-naming__strip .is-l{--bx:calc(var(--x,0) * -1em - var(--c,0) * var(--gap));--pw:calc((var(--sw,7.2) * 1em + (var(--L) - 1) * var(--gap)) * 2.6);height:1.58em;padding:.2em 0 .24em;margin:-.2em -.15em -.24em;color:transparent;-webkit-text-fill-color:transparent;background-image:var(--pearl);background-size:var(--pw) 100%;background-repeat:repeat-x;background-position:var(--bx) 50%;-webkit-background-clip:text;background-clip:text;animation:v-naming-pearl 32.5s linear infinite}@keyframes v-naming-pearl{0%{background-position:var(--bx) 50%}to{background-position:calc(var(--bx) - var(--pw)) 50%}}.v-naming__pay{position:absolute;left:-.16em;right:-.16em;top:calc(.09em + .23em + var(--v-naming-wx));height:1.04em;border-top:1px solid rgba(var(--accent-rgb),.3);border-bottom:1px solid rgba(var(--accent-rgb),.3);pointer-events:none}.v-naming__pay:before,.v-naming__pay:after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-.09em;border:.09em solid transparent}.v-naming__pay:before{left:-.02em;border-left:.12em solid var(--accent);border-right-width:0;filter:drop-shadow(0 0 .06em rgba(var(--accent-rgb),.6))}.v-naming__pay:after{right:-.02em;border-right:.12em solid var(--accent);border-left-width:0;filter:drop-shadow(0 0 .06em rgba(var(--accent-rgb),.6))}.v-naming__stamp{--k:clamp(0, (var(--vp) - var(--done,.8) - .02) / .06, 1);position:absolute;right:.04em;top:calc(100% - 14px - var(--v-naming-wx));display:flex;align-items:center;gap:.6em;padding:.8em 1.1em;border-radius:6px;background:var(--grad);font:600 max(10px,min(.11em,14px))/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bg);white-space:nowrap;box-shadow:0 10px 30px #00000073,0 0 24px rgba(var(--accent-rgb),.25);opacity:var(--k);transform:rotate(-6deg) scale(calc(1.45 - var(--k) * .45));transform-origin:70% 50%;pointer-events:none}.v-naming__stamp svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.v-naming__types{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:var(--mw);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.v-naming__type{--on:min(1, clamp(0, (var(--vp) - var(--a1,9)) * 1000, 1) * clamp(0, (var(--b1,9) - var(--vp)) * 1000, 1) + clamp(0, (var(--vp) - var(--a2,9)) * 1000, 1) * clamp(0, (var(--b2,9) - var(--vp)) * 1000, 1) + clamp(0, (var(--vp) - var(--a3,9)) * 1000, 1) * clamp(0, (var(--b3,9) - var(--vp)) * 1000, 1) + clamp(0, (var(--vp) - var(--a4,9)) * 1000, 1) * clamp(0, (var(--b4,9) - var(--vp)) * 1000, 1) + clamp(0, (var(--vp) - var(--a5,9)) * 1000, 1) * clamp(0, (var(--b5,9) - var(--vp)) * 1000, 1));display:flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--accent) calc(var(--on) * 100%),var(--dim));transition:color .35s}.v-naming__type:before{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor;background:color-mix(in srgb,var(--accent) calc(var(--on) * 100%),transparent);box-shadow:0 0 calc(var(--on) * 10px) var(--accent);transition:background .35s,box-shadow .35s}.v-naming__notes{display:grid;justify-items:center;max-width:var(--mw);min-height:15px}.v-naming__note{--on: calc(clamp(0, (var(--vp) - var(--a)) * 1000, 1)*clamp(0, (var(--b) - var(--vp)) * 1000, 1)) ;grid-area:1/1;font:500 12px/1.25 var(--mono);letter-spacing:.06em;color:var(--muted);text-align:center;opacity:var(--on);transform:translateY(calc((1 - var(--on)) * 8px));transition:opacity .4s,transform .5s var(--ease)}@keyframes v-naming-kick{0%{translate:0 -6.84em}to{translate:0 0}}.v-naming.is-poke .v-naming__strip{animation:v-naming-kick .95s cubic-bezier(.2,.9,.25,1.1) calc(var(--c,0) * 70ms) forwards}@media(hover:hover){.v-naming:hover .v-naming__strip{animation:v-naming-kick .95s cubic-bezier(.2,.9,.25,1.1) calc(var(--c,0) * 70ms) forwards}}.v-naming{-webkit-tap-highlight-color:transparent;cursor:default}.s-visual__frame .v-naming:not(.v-naming--chrome) .v-naming__device,.v-naming--bare .v-naming__device{--pad:clamp(6px,1.4cqmin,14px);--chrome:92px;background:none;border-color:transparent;box-shadow:none}.s-visual__frame .v-naming:not(.v-naming--chrome) .v-naming__hud,.v-naming--bare .v-naming__hud{display:none}.s-split__visual:has(>.v-naming){height:auto}.s-split__visual>.v-naming{height:auto;min-height:0;container-type:inline-size}.s-split__visual>.v-naming .v-naming__device{--fs:min(calc((100cqw - 2 * var(--pad) - 20px - (var(--L) - 1) * var(--gap)) / (var(--sw,7.2) + .2)),130px)}.s-split__visual>.v-naming .v-naming__machine{--v-naming-wh:1.5em}@container v-naming (max-width:520px){.v-naming__hud{font-size:10px;letter-spacing:.1em}.has-stamp .v-naming__types{margin-top:30px}.v-naming__stamp{top:calc(100% + 2px - var(--v-naming-wx))}.v-naming__types{gap:6px 12px;font-size:10px}.v-naming__note{font-size:11px}}@container v-naming (max-height:300px){.v-naming__device{--chrome:90px;gap:10px}.s-visual__frame .v-naming:not(.v-naming--chrome) .v-naming__device,.v-naming--bare .v-naming__device{--chrome:52px}.v-naming__notes{display:none}}@container v-naming (max-height:240px){.v-naming__types{display:none}}.nm-rm .v-naming__live:before,.nm-rm .v-naming__strip .is-l{animation:none}.nm-rm .v-naming .v-naming__strip{animation:none!important}@media(max-width:700px){.v-naming__reel{-webkit-mask-image:linear-gradient(transparent calc(50% - 1.2em),rgba(0,0,0,.14) calc(50% - .78em),#000 calc(50% - .51em),#000 calc(50% + .51em),rgba(0,0,0,.14) calc(50% + .78em),transparent calc(50% + 1.2em));mask-image:linear-gradient(transparent calc(50% - 1.2em),rgba(0,0,0,.14) calc(50% - .78em),#000 calc(50% - .51em),#000 calc(50% + .51em),rgba(0,0,0,.14) calc(50% + .78em),transparent calc(50% + 1.2em))}}