@font-face{font-family:Grandstander;src:url("/yt/brand/grandstander-latin.woff2") format("woff2");font-style:normal;font-weight:600 700;font-display:swap}
:root{--lk-pink:#e36bdc;--lk-blue:#4b9bff;--lk-ink:#080b1d;--lk-copy:#cfc5da}
html.lk-flow-active,body.lk-flow-active{max-width:none;padding:0;overflow:hidden;background:#080b1d}
html,body{touch-action:manipulation}
.lk-flow-screen,#gate{position:fixed;inset:0;z-index:40;box-sizing:border-box;color:#fff;background:radial-gradient(circle at 18% 7%,rgba(217,88,208,.2),transparent 34%),radial-gradient(circle at 84% 12%,rgba(62,143,255,.22),transparent 38%),linear-gradient(135deg,#170a28,#0a1024 68%,#08182d);overflow:hidden}
.lk-flow-screen::after,#gate::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.lk-flow-screen[hidden],#gate[hidden]{display:none!important}
.lk-flow-logo{position:relative;z-index:2;display:grid;justify-items:center;width:max-content;max-width:92vw;margin:max(env(safe-area-inset-top),clamp(14px,2.5vh,42px)) auto 0;flex:none;color:#d8d5df;font-family:GreatVibes,Beon,cursive;font-size:clamp(48px,min(5vw,7vh),78px);font-weight:400;line-height:1;white-space:nowrap;text-shadow:0 0 .1em #fff,0 0 .5em #fff,0 0 .25em #ff22c8,0 0 .5em #ff22c8,0 0 .8em #c51aff}
.lk-flow-logo-le{position:relative;z-index:1;display:block;line-height:.78;transform:translateY(.04em)}
.lk-flow-logo-box{display:block;padding:.25em;border:.1em solid #dcefff;border-radius:.25em;color:#d8d5df;font:35%/1 Beon,sans-serif;letter-spacing:.9em;text-transform:uppercase;text-shadow:0 0 .1em #eaf6ff,0 0 .25em #eaf6ff,0 0 .35em #168cff,0 0 .65em #168cff;box-shadow:0 0 .1em #eaf6ff,0 0 .25em #eaf6ff,0 0 .5em #168cff,0 0 .75em #168cff,inset 0 0 .5em #168cff,inset 0 0 .75em #168cff}
.lk-flow-logo-last{letter-spacing:0}
.lk-landing-account{position:fixed;top:max(env(safe-area-inset-top),16px);right:max(env(safe-area-inset-right),18px);z-index:5;display:flex;align-items:center;gap:8px;max-width:min(44vw,320px);padding:5px 6px 5px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#d5cadf;font:700 clamp(10px,1vw,13px)/1.2 system-ui,sans-serif;background:rgba(7,10,27,.72);box-shadow:0 8px 24px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.lk-landing-account[hidden]{display:none}.lk-landing-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lk-landing-account strong{color:#fff}.lk-landing-account button{flex:none;display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:1px solid rgba(255,90,120,.5);border-radius:999px;color:#ff8fa6;background:rgba(255,77,109,.15);box-shadow:0 0 10px rgba(255,77,109,.16)}
.lk-landing-account button svg{display:block;width:15px;height:15px;fill:currentColor}
.lk-landing-account button:hover,.lk-landing-account button:focus-visible{color:#fff;border-color:#ff5c7a;background:rgba(255,77,109,.34);box-shadow:0 0 14px rgba(255,77,109,.45)}.lk-landing-account button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lk-receiver-frame{position:fixed;inset:0;z-index:100;width:100%;height:100%;border:0;background:#080b1d}
.lk-home-main{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(18px,3vh,36px);height:calc(100% - clamp(96px,22vh,230px));padding:0 max(env(safe-area-inset-right),clamp(22px,4vw,84px)) max(env(safe-area-inset-bottom),clamp(18px,3vh,46px)) max(env(safe-area-inset-left),clamp(22px,4vw,84px));text-align:center}
.lk-sing-title{display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;color:#fff!important;font:700 clamp(29px,3.8vw,58px)/1 Grandstander,ui-rounded,"Comic Sans MS",cursive!important;letter-spacing:.025em!important;text-transform:none!important;text-shadow:0 5px 26px rgba(0,0,0,.55)}
.lk-sing-title span{color:#fff!important}.lk-mic-mark{width:.65em;height:1.38em;flex:none;overflow:visible}
.lk-home-main>p{max-width:720px;margin:-12px 0 0;color:var(--lk-copy);font-size:clamp(13px,1.25vw,20px);line-height:1.4}
.lk-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);width:min(100%,1120px)}
.lk-home-action{display:flex;align-items:center;gap:clamp(16px,1.5vw,24px);min-width:0;min-height:clamp(112px,16vh,168px);padding:clamp(20px,2vw,30px);border:1px solid rgba(255,255,255,.18);border-radius:clamp(17px,1.5vw,24px);color:#fff;text-align:left;text-decoration:none;background:rgba(9,12,31,.73);box-shadow:0 16px 38px rgba(0,0,0,.28);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.lk-home-action:hover,.lk-home-action:focus-visible{transform:translateY(-3px);outline:3px solid rgba(255,255,255,.85);outline-offset:3px;background:rgba(18,24,58,.9);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 32px rgba(94,144,255,.22)}
.lk-host-action{border-color:rgba(62,143,255,.5)}.lk-join-action{border-color:rgba(217,88,208,.5)}
.lk-home-action svg{flex:none;width:clamp(46px,4vw,66px);height:clamp(46px,4vw,66px);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.lk-host-action svg{color:#68acff}.lk-join-action svg{color:#ec72df}.lk-home-action .lk-icon-fill{fill:currentColor;stroke:none}
.lk-home-action span{display:grid;gap:8px;min-width:0}.lk-home-action strong{font-size:clamp(18px,1.75vw,28px);letter-spacing:.045em}.lk-home-action small{color:#c9bed9;font-size:clamp(12px,1.05vw,17px)}
.lk-apk-download{position:fixed;right:max(env(safe-area-inset-right),14px);bottom:max(env(safe-area-inset-bottom),10px);z-index:4;padding:7px 9px;border-radius:999px;color:rgba(220,211,232,.56);font:700 clamp(9px,.72vw,11px)/1 system-ui,sans-serif;letter-spacing:.04em;text-decoration:none;background:rgba(8,11,29,.36);transition:color .15s ease,background .15s ease,box-shadow .15s ease}.lk-apk-download:hover,.lk-apk-download:focus-visible{color:#fff;outline:2px solid rgba(103,165,255,.75);outline-offset:2px;background:rgba(22,29,66,.88);box-shadow:0 0 18px rgba(75,155,255,.24)}
.lk-creating-screen{display:flex;align-items:center;flex-direction:column}.lk-creating-screen main{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:clamp(10px,2vh,24px);width:100%;padding-bottom:clamp(70px,14vh,150px);text-align:center}.lk-room-spinner{width:clamp(54px,6vw,88px);height:clamp(54px,6vw,88px);border:4px solid rgba(255,255,255,.16);border-top-color:var(--lk-blue);border-radius:50%;animation:lk-spin 1s linear infinite}.lk-creating-screen main>span{color:#c9bed9;font-size:clamp(10px,1vw,14px);font-weight:850;letter-spacing:.18em}.lk-creating-screen h1{margin:0!important;color:#fff!important;font:900 clamp(28px,3.6vw,54px)/1.04 system-ui,sans-serif!important;text-transform:uppercase}@keyframes lk-spin{to{transform:rotate(360deg)}}
#gate{display:none;align-items:center;justify-content:flex-start;flex-direction:column;padding:max(env(safe-area-inset-top),clamp(12px,2.2vh,22px)) max(env(safe-area-inset-right),clamp(16px,5vw,28px)) max(env(safe-area-inset-bottom),clamp(16px,3vh,30px)) max(env(safe-area-inset-left),clamp(16px,5vw,28px));text-align:center;overflow:hidden}
#gate .lk-form-logo,.lk-form-flow .lk-form-logo{font-size:clamp(42px,min(13vw,6.8vh),58px);margin:0 auto;flex:none}
#gate .gate-card{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:center;flex:1;flex-direction:column;width:min(100%,390px);min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.lk-gate-step{width:100%}.lk-gate-step h2,#gate h2{margin:0 0 clamp(16px,3vh,30px);color:#fff;font:900 clamp(29px,8.8vw,38px)/1.04 system-ui,sans-serif;text-transform:uppercase}
#gate .gate-field{display:grid;gap:7px;text-align:left}#gate .gate-field label{margin:0;color:#ef82e7;font:900 11px/1 system-ui,sans-serif;letter-spacing:.13em;text-align:center}#gate input{display:block;width:100%;height:clamp(50px,8.5vh,64px);margin:0 0 clamp(12px,2vh,18px);padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:clamp(18px,5.5vw,24px);font-weight:700;letter-spacing:.14em;text-align:center;background:rgba(7,10,27,.8);outline:none;text-shadow:0 0 20px rgba(62,143,255,.6)}#gate input::placeholder{color:#8f879b;opacity:1}#gate input:focus{border-color:rgba(103,165,255,.75);box-shadow:0 0 0 3px rgba(73,144,255,.12)}
.lk-primary-action,.lk-secondary-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:clamp(48px,7vh,54px);margin:0;border:0;border-radius:14px;color:#fff;font:900 clamp(12px,3.5vw,14px)/1 system-ui,sans-serif;letter-spacing:.07em}.lk-primary-action{background:linear-gradient(135deg,#b93bd3,#397dff);box-shadow:0 12px 28px rgba(102,70,255,.28)}.lk-secondary-action{border:1px solid rgba(103,165,255,.42);color:#dbeaff;background:rgba(25,54,104,.25)}.lk-secondary-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.lk-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:clamp(14px,2.5vh,22px) 0;color:#877d98;font-size:11px}.lk-or span{height:1px;background:rgba(255,255,255,.12)}
#gate .gate-room{display:flex;align-items:center;flex-direction:column;gap:1px;width:auto;margin:0 auto clamp(10px,1.8vh,16px);padding:0;border:0;background:none}#gate .gate-room small{color:#ef71e5;font:900 clamp(9px,2.5vw,11px)/1 system-ui,sans-serif;letter-spacing:.14em}#gate .gate-room strong{color:#fff;font:900 clamp(23px,7vw,28px)/1 system-ui,sans-serif;letter-spacing:.18em;text-shadow:0 0 20px rgba(217,88,208,.72)}#g-name-step>p{margin:0 0 clamp(18px,2.8vh,24px);color:#c9bed9;font-size:clamp(13px,3.5vw,15px);line-height:1.45}#gate .gate-link,.lk-text-action{width:100%;min-height:44px;margin-top:8px;padding:0;border:0;color:#b8adc8;background:none;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em;text-decoration:none}
.lk-form-flow{display:flex;align-items:center;flex-direction:column;padding:max(env(safe-area-inset-top),clamp(12px,2.2vh,22px)) max(env(safe-area-inset-right),clamp(16px,5vw,28px)) max(env(safe-area-inset-bottom),clamp(16px,3vh,30px)) max(env(safe-area-inset-left),clamp(16px,5vw,28px));text-align:center}.lk-form-flow main{position:relative;z-index:2;display:flex;justify-content:center;flex:1;flex-direction:column;width:min(100%,390px);min-height:0}.lk-camera-icon{width:clamp(54px,17vw,76px);height:clamp(54px,17vw,76px);margin:0 auto clamp(12px,2.2vh,22px);fill:none;stroke:#74b3ff;stroke-width:2.5}.lk-form-flow h1{margin:0 0 clamp(11px,2vh,18px);font-size:clamp(25px,7.7vw,31px);line-height:1.04}.lk-form-flow p{margin:0 0 clamp(17px,3vh,28px);color:#c9bed9;font-size:clamp(13px,3.8vw,15px);line-height:1.48}.lk-form-flow .lk-secondary-action{margin-top:12px}
.lk-scanner-screen{display:grid;grid-template-rows:clamp(58px,9vh,76px) minmax(0,1fr) clamp(86px,13vh,112px);background:#050712}.lk-scanner-screen::after{display:none}.lk-scanner-screen header,.lk-scanner-screen footer{position:relative;z-index:2;background:#0b0d1c}.lk-scanner-screen header{display:grid;grid-template-columns:62px 1fr 62px;align-items:end;padding:max(env(safe-area-inset-top),12px) 16px 13px}.lk-scanner-screen header button{min-height:44px;padding:0;border:0;color:#d9cde8;font:800 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-align:left;background:none}.lk-scanner-screen header strong{align-self:center;font-size:clamp(12px,3.8vw,15px);letter-spacing:.07em;text-align:center}.lk-scanner-screen main{position:relative;overflow:hidden;min-height:0;touch-action:none;background:linear-gradient(145deg,#17213c,#2b1641 45%,#0d2035)}#scanner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--scanner-scale,1));transition:transform .12s ease}.lk-scan-target{position:absolute;top:44%;left:50%;width:min(62vw,246px);aspect-ratio:1;transform:translate(-50%,-50%)}.lk-scan-target i{position:absolute;width:46px;height:46px;border-color:#fff;border-style:solid;filter:drop-shadow(0 0 8px rgba(62,143,255,.75))}.lk-scan-target i:nth-child(1){top:0;left:0;border-width:4px 0 0 4px;border-radius:15px 0 0}.lk-scan-target i:nth-child(2){top:0;right:0;border-width:4px 4px 0 0;border-radius:0 15px 0 0}.lk-scan-target i:nth-child(3){bottom:0;left:0;border-width:0 0 4px 4px;border-radius:0 0 0 15px}.lk-scan-target i:nth-child(4){right:0;bottom:0;border-width:0 4px 4px 0;border-radius:0 0 15px}.lk-scanner-screen main>p{position:absolute;top:calc(44% + min(34vw,137px));left:50%;width:90%;margin:0;color:#fff;font:850 clamp(10px,3vw,12px)/1.25 system-ui,sans-serif;letter-spacing:.065em;text-align:center;text-shadow:0 2px 10px #000;transform:translateX(-50%)}.lk-zoom{position:absolute;right:50%;bottom:44px;display:grid;grid-template-columns:44px 58px 44px 68px;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(5,7,18,.82);transform:translateX(50%);backdrop-filter:blur(12px)}.lk-zoom button{min-width:44px;min-height:44px;padding:0;border:0;border-radius:12px;color:#fff;font-size:24px;font-weight:800;background:rgba(73,144,255,.2)}.lk-zoom output{font-size:14px;font-weight:900;text-align:center}.lk-zoom .lk-reset{min-width:68px;font-size:10px;letter-spacing:.035em}.lk-scanner-screen main>small{position:absolute;right:0;bottom:18px;left:0;color:#d3c8df;font:800 9px/1 system-ui,sans-serif;letter-spacing:.07em;text-align:center}.lk-scanner-screen footer{display:flex;justify-content:center;flex-direction:column;padding:12px max(env(safe-area-inset-right),22px) max(env(safe-area-inset-bottom),18px) max(env(safe-area-inset-left),22px)}
@media(max-width:640px){.lk-flow-logo.lk-home-logo{font-size:clamp(42px,min(13vw,7.2vh),62px)}.lk-landing-account{max-width:none;gap:0;padding:5px}.lk-landing-account span{display:none}.lk-home-main{height:calc(100% - clamp(78px,20vh,170px));gap:clamp(12px,2.2vh,22px);padding-inline:max(env(safe-area-inset-left),clamp(14px,4vw,24px))}.lk-sing-title{font-size:clamp(24px,7.2vw,32px)!important}.lk-home-main>p{max-width:330px;margin:-4px 0 1px;font-size:clamp(12px,3.45vw,14px)}.lk-home-actions{grid-template-columns:1fr;gap:clamp(10px,1.7vh,15px);width:min(100%,350px)}.lk-home-action{justify-content:center;flex-direction:column;gap:clamp(5px,1vh,9px);min-height:112px;padding:clamp(12px,2.2vh,19px);text-align:center}.lk-home-action svg{width:clamp(34px,10vw,48px);height:clamp(34px,10vw,48px)}.lk-home-action span{gap:4px}.lk-home-action strong{font-size:clamp(17px,5.2vw,22px)}.lk-home-action small{font-size:clamp(11px,3.3vw,13px)}}
@media(max-height:500px) and (min-aspect-ratio:4/3){.lk-flow-logo.lk-home-logo{position:absolute;top:max(env(safe-area-inset-top),8px);right:max(env(safe-area-inset-right),16px);font-size:min(8vw,42px);margin:0}.lk-home-main{height:100%;gap:8px;padding:20px max(env(safe-area-inset-right),28px)}.lk-sing-title{font-size:clamp(23px,4vw,34px)!important}.lk-home-main>p{margin:-2px 0 0;font-size:12px}.lk-home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(88%,760px)}.lk-home-action{flex-direction:row;justify-content:flex-start;min-height:105px;padding:15px;text-align:left}.lk-home-action svg{width:42px;height:42px}.lk-home-action strong{font-size:17px}.lk-home-action small{font-size:11px}#gate{display:none;align-items:stretch;justify-content:center;flex-direction:row;padding:8px 16px}.lk-form-logo,#gate .lk-form-logo,.lk-form-flow .lk-form-logo{position:absolute;top:8px;right:16px;font-size:min(7vw,36px);margin:0}.gate-card,#gate .gate-card{max-width:540px;margin:auto}.lk-gate-step h2,#gate h2{margin-bottom:8px;font-size:30px}#gate input{height:44px;margin-bottom:7px}.lk-or{margin:7px 0}.lk-primary-action,.lk-secondary-action{min-height:44px}#g-name-step>p{margin-bottom:7px}.lk-form-flow main{max-width:540px}.lk-camera-icon{width:48px;height:48px;margin-bottom:6px}.lk-form-flow h1{margin-bottom:5px;font-size:26px}.lk-form-flow p{margin-bottom:8px}.lk-form-flow .lk-secondary-action{margin-top:6px}.lk-text-action{margin-top:0}}
#scanner-hint.error{color:#ff9ccd}
@media(max-height:500px) and (min-aspect-ratio:4/3){.lk-landing-account{top:max(env(safe-area-inset-top),8px);right:auto;left:max(env(safe-area-inset-left),12px);max-width:38vw}}
@media(prefers-reduced-motion:reduce){.lk-room-spinner{animation:none}.lk-home-action{transition:none}}
