:root{--ink: #111;--paper: #fff;--grey: #ececec;--red: #c8321e;--radius: 16px;color:var(--ink);background:var(--paper);font-family:Courier New,Courier,monospace}*{box-sizing:border-box}body{min-inline-size:320px;margin:0;background:var(--paper);color:var(--ink)}button{font:inherit}.kiosk-app{display:grid;place-items:center;min-block-size:100dvh;padding:clamp(.5rem,2vw,2rem);background:var(--paper);position:relative}.kiosk-viewport{inline-size:min(100%,1280px)}.screen{position:relative;overflow:hidden;inline-size:100%;aspect-ratio:4 / 3;border:3px solid var(--ink);border-radius:20px;background:var(--paper)}.scr{display:flex;block-size:100%;gap:10px;padding:clamp(1rem,3vw,1.9rem) clamp(1rem,3.25vw,2rem)}.phone{display:flex;flex:0 0 clamp(8rem,23%,12.5rem);align-items:center;justify-content:center}.phone svg{inline-size:min(100%,10.625rem);block-size:auto}.phone.offhook svg{animation:handset-float 2.6s ease-in-out infinite;transform:rotate(-32deg) translateY(-8px)}.content{display:flex;flex:1;flex-direction:column;min-inline-size:0}.h1k{margin:0 0 6px;color:var(--ink);font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.5rem,4vw,3.125rem);font-weight:900;letter-spacing:.3px;line-height:1.02;text-transform:uppercase}.subk{margin:0 0 clamp(.55rem,1.5vw,1rem);font-size:clamp(.68rem,1.75vw,1.1rem);line-height:1.45;white-space:pre-line}.btn{display:block;inline-size:100%;margin:0 0 clamp(.45rem,1.15vw,.75rem);border:3px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1rem,2.7vw,2rem);font-weight:900;line-height:1.1;padding:clamp(.5rem,1.45vw,.85rem) .65rem;text-align:center;text-transform:uppercase}.btn:active{background:var(--ink);color:var(--paper);transform:translateY(1px)}.btn.inv{background:var(--ink);color:var(--paper)}.btn.pill{display:inline-block;inline-size:auto;margin:.3rem;font-size:clamp(.9rem,2vw,1.25rem);padding-inline:clamp(1rem,3vw,1.7rem)}.btn:focus-visible,.chip:focus-visible,.linkback button:focus-visible,.prototype-control button:focus-visible{outline:4px solid var(--red);outline-offset:3px}.langs{position:absolute;inset-block-end:clamp(.7rem,2vw,1.25rem);inset-inline-start:clamp(8.9rem,27.9%,15rem);display:flex;gap:clamp(.25rem,.85vw,.5rem)}.chip{border:3px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(.65rem,1.35vw,.9rem);font-weight:900;padding:clamp(.2rem,.6vw,.35rem) clamp(.4rem,1vw,.65rem)}.chip.on{background:var(--ink);color:var(--paper)}.brand{position:absolute;inset-inline-end:clamp(.7rem,2.6vw,1.4rem);inset-block-end:clamp(.7rem,2vw,1rem);border:3px solid var(--ink);border-radius:14px;background:var(--paper);padding:clamp(.25rem,.85vw,.5rem) clamp(.5rem,1.6vw,.9rem);text-align:center}.brand .lyl,.brand .b26{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900}.brand .lyl{font-size:clamp(1.1rem,3vw,1.875rem);line-height:.95}.brand .b26{font-size:clamp(.55rem,1.45vw,.95rem);text-decoration:line-through}.linkback{position:absolute;inset-inline:0;inset-block-end:clamp(.65rem,2vw,1rem);font-size:clamp(.65rem,1.25vw,.9rem);text-align:center}.linkback button{border:0;background:transparent;color:var(--ink);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:inherit;text-decoration:underline}.wave{display:flex;align-items:center;justify-content:center;block-size:clamp(2.8rem,7vw,3.5rem);inline-size:100%;margin:0 0 clamp(.55rem,1.25vw,.75rem);border:0;border-radius:var(--radius);background:var(--ink);cursor:pointer;gap:3px;overflow:hidden;padding:8px 14px}.wave i{flex:0 0 3px;block-size:40%;border-radius:2px;background:var(--paper);animation:waveform .9s ease-in-out infinite;transform-origin:center}.wave i:nth-child(3n){animation-duration:.65s}.wave i:nth-child(4n){animation-duration:1.15s}.wave.paused i{animation-play-state:paused}.recmeta{margin:-2px 0 clamp(.5rem,1.2vw,.65rem);font-size:clamp(.68rem,1.6vw,1rem)}.ann{color:var(--red)}.recorder-status{color:var(--red);font-family:Arial Black,Arial,Helvetica,sans-serif}.loading-copy{align-self:center;margin:auto;color:var(--ink);text-align:center}.loading-copy p{margin:.8rem 0 0;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(1.1rem,3vw,2.1rem);line-height:1.1;text-transform:uppercase}.loader-bars{display:flex;align-items:center;justify-content:center;block-size:clamp(2.5rem,6vw,4rem);gap:clamp(.3rem,.8vw,.6rem)}.loader-bars i{inline-size:clamp(.35rem,.75vw,.55rem);block-size:28%;border-radius:99px;background:var(--ink);animation:loader-pulse .8s ease-in-out infinite}.loader-bars i:nth-child(2){animation-delay:.12s}.loader-bars i:nth-child(3){animation-delay:.24s}.loader-bars i:nth-child(4){animation-delay:.36s}.loader-bars i:nth-child(5){animation-delay:.48s}.recording-preview{margin-block-end:clamp(.4rem,1vw,.7rem)}.preview-label{margin:0 0 .4rem;font-size:clamp(.65rem,1.45vw,.9rem)}.recording-preview audio{display:none}.prog{block-size:8px;margin:0 0 clamp(.35rem,.9vw,.55rem);border:2px solid var(--ink);border-radius:6px;overflow:hidden}.prog b{display:block;block-size:100%;background:var(--ink);transition:inline-size .12s linear}.listening-player{margin-block-end:clamp(.4rem,1vw,.7rem)}.listening-player audio{display:none}.playback-meta{display:flex;justify-content:space-between;gap:.75rem;margin:-2px 0 clamp(.45rem,1.2vw,.7rem);font-size:clamp(.68rem,1.55vw,1rem)}.player-navigation{display:flex;justify-content:space-between;gap:1rem;margin-block-end:clamp(.55rem,1.2vw,.8rem)}.player-navigation button{min-block-size:44px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:clamp(.7rem,1.45vw,.95rem);font-weight:700;padding:.5rem;text-decoration:underline}.player-navigation button:disabled{cursor:default;opacity:.35;text-decoration:none}.modalbg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--grey);padding:clamp(1rem,5vw,2.5rem)}.modalcard{inline-size:min(100%,520px);border:3px solid var(--ink);background:var(--paper);padding:clamp(1rem,3.25vw,1.9rem);font-size:clamp(.8rem,2vw,1.05rem);text-align:center}.modalcard .it{font-style:italic;line-height:1.45;white-space:pre-line}.modal-action{margin-block-start:1rem}.prototype-control{position:fixed;z-index:10;inset-inline-start:1rem;inset-block-end:1rem;display:grid;gap:.4rem;border:2px solid var(--ink);background:var(--paper);padding:.55rem}.prototype-control span{font-size:.62rem;font-weight:700}.prototype-control button{border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:.7rem;padding:.55rem}@keyframes handset-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes waveform{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes loader-pulse{0%,to{block-size:28%}50%{block-size:100%}}@media (min-width: 641px) and (min-aspect-ratio: 4 / 3) and (min-height: 601px){.kiosk-viewport{inline-size:auto;block-size:calc(100dvh - 4rem)}.screen{inline-size:auto;block-size:100%}}@media (max-width: 640px){.kiosk-app{display:block;padding:0}.screen{aspect-ratio:auto;block-size:100dvh;min-block-size:0;border-radius:0;border-inline:0}.scr{display:block;min-block-size:calc(100dvh - 12px);padding:1rem 1rem 5.4rem}.phone{position:absolute;inset-block-start:1rem;inset-inline-start:.75rem;inline-size:4.5rem;block-size:9.5rem}.phone svg{inline-size:4.4rem}.content{min-block-size:calc(100dvh - 6.4rem);padding-block-end:.6rem}.content .h1k,.content .subk{margin-inline-start:5.35rem}.h1k{font-size:clamp(1.35rem,7.4vw,1.85rem)}.subk{font-size:clamp(.67rem,3.4vw,.84rem)}.btn{font-size:clamp(.82rem,4vw,1rem)}.langs{inset-inline-start:.9rem;inset-block-end:.9rem}.brand{inset-inline-end:.9rem;inset-block-end:.75rem;padding-inline:.4rem}.linkback{inset-block-end:.8rem}.modalbg{min-block-size:0;block-size:100%;padding:1rem}.modalcard{max-block-size:calc(100dvh - 2rem);overflow-y:auto}.prototype-control{position:static;inline-size:-moz-max-content;inline-size:max-content;margin:.6rem auto}}@media (min-width: 641px) and (max-height: 600px){.kiosk-app{padding:0}.kiosk-viewport{inline-size:100%;block-size:auto}.screen{aspect-ratio:auto;block-size:100dvh;border-radius:0;border-inline:0}.scr{padding:1rem 2rem 3.75rem}.phone{flex-basis:18%}.phone svg{inline-size:min(100%,7.2rem)}.h1k{font-size:clamp(1.5rem,4vw,2.3rem)}.subk{font-size:clamp(.7rem,1.6vw,.92rem);margin-bottom:.5rem}.btn{font-size:clamp(.9rem,2.25vw,1.35rem);padding-block:.42rem}.langs{inset-block-end:.5rem}.brand{inset-block-end:.4rem}.prototype-control{transform:scale(.7);transform-origin:bottom left}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}