:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#132b35;background:#edf7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 30% at 50% -5%,#d2eff0,transparent),#edf7f7;min-height:100vh}button,input{font:inherit}.shell{max-width:525px;margin:0 auto;padding:24px 23px 25px}.head,.identity,.view-head,.details{display:flex;align-items:center;justify-content:space-between}.head{gap:10px;padding-bottom:25px}.identity{justify-content:flex-start;gap:9px}.identity strong{display:block;font-size:16px;letter-spacing:-.6px}.identity small{font-size:9px;letter-spacing:1.25px;color:#64828a;font-weight:800}.mark{display:grid;place-items:center;color:#0e7e84;font-size:27px;width:35px;height:35px;background:#d3edeb;border-radius:11px}.chip{font-size:11px;font-weight:650;padding:9px 11px;border-radius:99px;background:#dcf2e5;color:#27674b;white-space:nowrap}.chip i,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39a66e;margin-right:4px}.gate{background:#fff;border:1px solid #dcebea;border-radius:27px;padding:30px 29px 20px;box-shadow:0 16px 48px rgba(16,76,79,.07)}.illustration{height:136px;display:grid;place-items:center;background:linear-gradient(145deg,#d7f0ef,#edf8f6);border-radius:17px;margin-bottom:24px;overflow:hidden}.lens{height:91px;width:91px;background:#144b52;border:10px solid #78bec1;border-radius:50%;box-shadow:0 0 0 8px #a4d6d6,0 17px 30px #358c8e3b;display:grid;place-items:center}.inner{width:43px;height:43px;background:radial-gradient(circle at 38% 35%,#9fdee5 0 9%,#346678 18% 32%,#0a2b35 50%);border-radius:50%;border:4px solid #183b46}.eyebrow{font-size:10px;letter-spacing:2px;color:#37878e;font-weight:800;margin:0 0 11px}.gate h1,.view-head h1{font-weight:800;letter-spacing:-1.5px;line-height:1.12;font-size:34px;margin:0}.gate h1 em{font-style:normal;color:#1c8c8e}.subtitle{font-size:13px;line-height:1.7;color:#607b83;margin:16px 0 28px}.gate label{font-size:12px;font-weight:750;display:block;margin:0 0 8px}.gate input{height:49px;border:1px solid #cbdcdd;border-radius:12px;padding:0 15px;width:100%;outline:none;color:#183c45;background:#fafdfd}.gate input:focus{border-color:#2c9fa1;box-shadow:0 0 0 3px #2c9fa11b}.gate button{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin-top:13px;border:0;border-radius:12px;background:#137e85;color:#fff;padding:0 19px;font-weight:800;cursor:pointer}.gate button:hover{background:#0f6972}.gate button:disabled{opacity:.5;cursor:wait}.error{font-size:12px;color:#bf3e3e;min-height:13px}.note{font-size:11px;color:#7b9599;line-height:1.65;text-align:center;margin:17px auto 0;max-width:340px}.hidden{display:none}.viewer{background:#fff;border:1px solid #daebeb;border-radius:24px;padding:23px 19px 24px;box-shadow:0 15px 45px #1f696b14}.view-head{align-items:flex-start;padding:4px 2px 20px}.view-head h1{font-size:27px}.outline{border:1px solid #c7dfe0;color:#3d7279;background:#fff;border-radius:11px;padding:9px 14px;cursor:pointer}.video{position:relative;background:linear-gradient(145deg,#0d2831,#194e55);width:100%;aspect-ratio:16/10;border-radius:15px;overflow:hidden;display:grid;place-items:center}.video img{display:block;object-fit:contain;width:100%;height:100%;color:#fff;font-size:11px}.live{position:absolute;top:12px;left:13px;background:#19333dc9;color:#fff;font-size:10px;font-weight:800;letter-spacing:.9px;border-radius:8px;padding:7px 10px}.live i{background:#ec625b}.video-foot{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#112e38b8);padding:27px 15px 13px;color:#fff;font-size:11px}.details{padding:20px 4px 4px;gap:10px}.detail{display:flex;flex-direction:column;gap:6px;flex:1}.tiny{font-size:10px;color:#81969c}.detail strong{font-size:12px;color:#284650}footer{text-align:center;color:#8aa5a6;font-size:9px;font-weight:750;letter-spacing:1.5px;margin-top:24px}footer span{padding:0 8px;color:#4ca5a0}@media (max-width:370px){.shell{padding:13px}.gate{padding:22px}.gate h1{font-size:30px}.head{gap:4px}.chip{font-size:9px;padding:8px}.identity small{font-size:8px}}@media (min-width:850px){.shell{max-width:585px;padding-top:42px}}