@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0d0c0b;--sheet:#151412;--s1:#161513;--s2:#1f1d1b;--s3:#2b2926;--ink:#f4f2ee;--ink2:#b3b0a9;--ink3:#8f8c85;--line:#fff6e814;--line2:#fff6e824;--hover:#fff6e80d;--lime:#cbf24a;--star:var(--lime);--danger:#ff8a7a;--f-ui:"Geist Variable", system-ui, sans-serif;--f-display:"Bricolage Grotesque Variable", "Geist Variable", sans-serif;--f-mono:"Geist Mono Variable", ui-monospace, monospace;--ease:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);--spring:cubic-bezier(.34, 1.36, .64, 1);--drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-quick:.18s;--gut:max(16px, env(safe-area-inset-left,0px));--gutr:max(16px, env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--f-ui);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.avatar{background:var(--s3);width:28px;height:28px;font:600 12px/1 var(--f-ui);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.lg{width:84px;height:84px;font:600 32px/1 var(--f-display)}.wrap{max-width:1720px;padding-left:calc(var(--gut) + clamp(16px, 3.2vw, 64px));padding-right:calc(var(--gutr) + clamp(16px, 3.2vw, 64px));margin:0 auto}@media (width<=700px){.wrap{padding-left:var(--gut);padding-right:var(--gutr)}}.rv{animation:rv .75s var(--ease) backwards;animation-delay:calc(var(--d,0) * 1ms)}@keyframes rv{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}.rv-pop{animation:rvpop .7s var(--spring) backwards;animation-delay:calc(var(--d,0) * 1ms)}@keyframes rvpop{0%{opacity:0;transform:translateY(12px)scale(.95)}}.rv-x{animation:rvx .6s var(--ease) backwards;animation-delay:calc(var(--d,0) * 1ms)}@keyframes rvx{0%{opacity:0;transform:translate(-12px)}}.mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.mask>span{animation:maskup .95s var(--ease) both;animation-delay:calc(var(--d,0) * 1ms);display:inline-block}@keyframes maskup{0%{transform:translateY(105%)}}.btn{isolation:isolate;background:var(--s2);height:44px;box-shadow:inset 0 0 0 1px var(--line2);transition:transform var(--dur-press) var(--ease), background-color .2s, opacity .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:560;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);color:var(--bg);box-shadow:none}@media (hover:hover){.btn:not(.primary):not(:disabled):hover{background:var(--s3)}.btn.primary:not(:disabled):hover{background:#fff}}.btn:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%), #ffffff38, transparent 60%);transition:opacity .56s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.btn.primary:after{background:radial-gradient(circle at var(--px,50%) var(--py,50%), #00000024, transparent 60%)}.btn.lit:after{opacity:1;transition-duration:50ms}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink2);font-size:13px}.field input{background:var(--s1);height:46px;box-shadow:inset 0 0 0 1px var(--line2);border:0;border-radius:12px;outline:none;padding:0 14px;transition:box-shadow .2s,background-color .2s}.field input:focus{background:var(--s2);box-shadow:inset 0 0 0 1px #fff6e852}.field input[readonly]{color:var(--ink2)}.error{color:var(--danger);animation:rv .4s var(--ease) both;font-size:13px}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:.3s var(--ease) both vt-in}::view-transition-group(nav){z-index:60;animation:none}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}html,body,#root{height:100%}body{background:#07070a;margin:0;overflow:hidden}.ig{--ink:#f4f2ee;--ink2:#c9c5bd;--ink3:#8f8c85;height:100%;color:var(--ink);font:400 14px/1.45 var(--f-ui);position:relative;overflow:hidden}.ig a{color:inherit;text-decoration:none}.jp{font-family:Noto Sans JP,sans-serif}.gate{z-index:20;background:#07070a;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.gbg{filter:brightness(.34)saturate(.85);background:url(/media/lac-flou.webp) 50%/cover;animation:1.8s .1s backwards gbgIn;position:absolute;inset:-40px}.gbg:after{content:"";opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes gbgIn{0%{opacity:0;transform:scale(1.08)}}.gk{z-index:1;white-space:nowrap;color:#0000;-webkit-text-stroke:1.5px #f4f2ee1c;font:800 min(17vw,260px)/1 Noto Sans JP,sans-serif;animation:2s cubic-bezier(.2,.7,.2,1) .3s backwards gkIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}@keyframes gkIn{0%{opacity:0;transform:translate(-46%,-52%)}}.gate.go .gk{animation:.45s forwards gkOut}@keyframes gkOut{to{opacity:0;transform:translate(-54%,-52%)}}.gate.go .gbg{animation:.5s forwards gbgOut}@keyframes gbgOut{to{opacity:0}}.genter{z-index:3;width:150px;height:150px;animation:genIn 1.1s var(--spring) .5s backwards;border-radius:50%;place-items:center;display:grid;position:relative}@keyframes genIn{0%{opacity:0;transform:scale(.7)}}.gate.go .genter{pointer-events:none;animation:.45s cubic-bezier(.5,0,.5,1) forwards genOut}@keyframes genOut{to{opacity:0;transform:scale(1.35)}}.disc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:140px;height:140px;transition:background-color .3s, box-shadow .3s, transform .5s var(--spring);background:#f4f2ee0f;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f4f2ee1f}.genter:hover .disc,.genter:focus-visible .disc{background:#f4f2ee1f;box-shadow:inset 0 0 0 1px #f4f2ee3d}.genter:focus-visible{outline:none}.genter:active .disc{transform:scale(.92)}.word{color:var(--ink);font:700 24px/1 var(--f-display);letter-spacing:-.02em;display:flex}.word>span{height:1.08em;display:block;overflow:hidden}.word b{height:1.08em;font-weight:inherit;animation:letterUp .8s var(--spring) backwards;animation-delay:calc(.85s + var(--i) * 50ms);transition:transform .5s var(--spring);transition-delay:calc(var(--i) * 30ms);display:block}@keyframes letterUp{0%{transform:translateY(110%)}}.genter:hover .word b,.genter:focus-visible .word b{transform:translateY(-100%)}.op{z-index:15;pointer-events:none;background:#07070a;position:absolute;inset:0;overflow:hidden}.op.leaving{background:0 0}.op .skip{pointer-events:auto}.op .flash{background:#fff;animation:.35s ease-out both flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.op .sl{animation:.4s 2.1s both fadeOut;position:absolute;inset:0}@keyframes fadeOut{to{opacity:0}}.op .sl i{background:#f4f2eed9;border-radius:2px;height:2px;animation:.5s linear infinite streak;position:absolute}@keyframes streak{0%{transform:translate(110vw)}to{transform:translate(-120vw)}}.op .kana{white-space:nowrap;color:#0000;-webkit-text-stroke:2px #f4f2eee6;font:800 min(24vw,240px)/1 Noto Sans JP,sans-serif;animation:1.8s cubic-bezier(.2,.6,.2,1) .1s both kana,.25s 1.85s forwards fadeOut;position:absolute;top:50%;left:0}@keyframes kana{0%{transform:translate(100vw,-50%)}to{transform:translate(-60%,-50%)}}.op .band{background:var(--ink);transform-origin:0;height:120px;animation:.22s cubic-bezier(.7,0,.3,1) both band,.4s cubic-bezier(.7,0,.3,1) forwards bandOut;position:absolute;top:46%;left:-20%;right:-20%;transform:rotate(-8deg)scaleX(0)}@keyframes band{to{transform:rotate(-8deg)scaleX(1)}}@keyframes bandOut{0%{transform:rotate(-8deg)scaleX(1)}to{transform:rotate(-8deg)scaleX(1)translateY(-120vh)}}.op .card{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.op .word{font:800 min(18vw, 160px)/.9 var(--f-display);letter-spacing:-.05em;gap:.02em;display:flex}.op .word span{animation:drop .6s var(--spring) both;display:inline-block}@keyframes drop{0%{opacity:0;transform:translateY(-120px)rotate(-10deg)scale(1.4)}}.op .word i{background:var(--lime);width:.2em;height:.2em;animation:dot .5s var(--spring) both;border-radius:50%;align-self:flex-end;margin:0 0 .08em .04em;display:inline-block}@keyframes dot{0%{transform:scale(0)}}.op .rule{background:var(--ink);transform-origin:0;width:min(560px,70vw);height:3px;animation:rule .7s var(--ease) both}@keyframes rule{0%{transform:scaleX(0)}}.op .ep{animation:ep .6s var(--ease) both;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:max(32px,5vh);left:max(32px,4vw)}@keyframes ep{0%{opacity:0;transform:translate(-20px)}}.op .ep b{font:800 30px Noto Sans JP,sans-serif}.op .ep span{font:500 13px var(--f-mono);color:var(--ink2)}.op .shut{z-index:3;background:#07070a;height:50.5%;animation:none;position:absolute;left:0;right:0}.op .shut.t{animation-name:shutT;top:0;transform:translateY(-100%)}.op .shut.b{animation-name:shutB;bottom:0;transform:translateY(100%)}@keyframes shutT{45%,55%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes shutB{45%,55%{transform:translateY(0)}to{transform:translateY(100%)}}.skip{z-index:5;height:38px;color:var(--ink2);font:500 13px var(--f-ui);background:#f4f2ee1a;border-radius:999px;padding:0 16px;transition:background-color .2s,color .2s;position:absolute;bottom:28px;right:28px}.skip:hover{color:var(--ink);background:#f4f2ee2e}.pf{position:absolute;inset:0;overflow:hidden}.pf .bg{filter:brightness(.55)saturate(1.1);background:url(/media/lac-flou.webp) 50%/cover;position:absolute;inset:-60px;transform:scale(1.06)}.pf .bg:after{content:"";background:#07070a4d;position:absolute;inset:0}.wall{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wall i{opacity:0;width:84px;height:32px;transition:opacity .22s,transform .22s;transition-delay:var(--d2);border-radius:3px;position:absolute;transform:translateY(-18px);box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00001e47}.wall.on i{opacity:1;transition:opacity .3s,transform .42s cubic-bezier(.25,1.4,.4,1);transition-delay:var(--d);transform:none}@media (prefers-reduced-motion:reduce){.wall i,.wall.on i{transition-delay:0s;transform:none}}.ovnis{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ovni{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.ovni svg{display:block;position:relative}.ovni .beam{opacity:0;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:linear-gradient(#f4f2ee42,#f4f2ee00);height:240%;position:absolute;top:52%;left:0;right:0}.speaker{width:min(560px,100% - 32px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.box{-webkit-backdrop-filter:blur(24px);animation:boxIn .9s var(--spring) backwards;background:#0e0e12b3;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f4f2ee1a,0 40px 90px -30px #000000e6}.waves{pointer-events:none;position:absolute;inset:0}.waves i{opacity:0;border:1px solid #f4f2ee42;border-radius:28px;position:absolute;inset:0}.waves i.go{animation:1.5s cubic-bezier(.2,.55,.3,1) wave}.waves i.go.fort{border-color:#f4f2ee6b;animation-name:waveFort;animation-duration:1.9s}@keyframes wave{0%{opacity:1;border-radius:28px;inset:0}to{opacity:0;border-radius:64px;inset:-44px}}@keyframes waveFort{0%{opacity:1;border-radius:28px;inset:0}to{opacity:0;border-radius:90px;inset:-72px}}@keyframes boxIn{0%{opacity:0;transform:translateY(30px)scale(.94)}}.banner{background:url(/media/lac.webp) 50% 58%/cover;height:190px}.body{flex-direction:column;gap:14px;padding:0 30px 26px;display:flex;position:relative}.av{object-fit:cover;width:112px;height:112px;animation:avIn .8s var(--spring) .25s both;transition:transform .5s var(--spring);background:#1a1a20;border-radius:50%;margin-top:-58px;box-shadow:0 0 0 6px #0e0e12f5}.av:hover{transform:rotate(-6deg)scale(1.04)}@keyframes avIn{0%{opacity:0;transform:scale(.5)rotate(-20deg)}}.who{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.who h1{font:800 40px/1 var(--f-display);letter-spacing:-.04em;align-items:baseline;margin:0;display:inline-flex}.who h1 i{background:var(--lime);border-radius:50%;width:.2em;height:.2em;margin-left:.05em;display:inline-block}.who>span{font:500 13px var(--f-mono);color:var(--ink3)}.badges{align-self:center;gap:6px;margin-left:auto;display:flex}.badge{width:32px;height:32px;color:var(--ink2);transition:transform .45s var(--spring), color .2s, background-color .2s;background:#f4f2ee14;border-radius:10px;place-items:center;display:grid;position:relative}.badge:hover,.badge:focus-visible{color:var(--ink);background:#f4f2ee24;outline:none;transform:translateY(-3px)rotate(-8deg)}.bt{z-index:4;text-align:left;color:#07070a;width:max-content;max-width:230px;font:500 12.5px/1.35 var(--f-ui);pointer-events:none;opacity:0;transform-origin:85% 100%;transition:opacity .18s, transform .35s var(--spring);background:#f4f2eef5;border-radius:12px;flex-direction:column;gap:2px;padding:9px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);right:-8px;transform:translateY(6px)scale(.96)rotate(8deg);box-shadow:0 16px 30px -12px #000000b3}.bt b{font:700 13.5px var(--f-ui)}.badge:hover .bt,.badge:focus-visible .bt{opacity:1;transform:rotate(8deg)}.type{min-height:24px;font:500 16px var(--f-ui);color:var(--ink2);margin:0}.type b{vertical-align:-3px;background:var(--ink2);width:2px;height:18px;margin-left:2px;display:inline-block}.links{flex-wrap:wrap;gap:8px;display:flex}.links .lk{width:46px;height:46px;transition:transform .45s var(--spring), background-color .2s;background:#f4f2ee12;border-radius:14px;place-items:center;display:grid;position:relative}.links .lk:hover{background:#f4f2ee24;transform:translateY(-4px)rotate(-6deg)}.links a.wide{height:46px;transition:transform .45s var(--spring), background-color .2s;width:auto;font:600 14px var(--f-ui);background:#f4f2ee12;border-radius:14px;align-items:center;gap:8px;margin-left:auto;padding:0 16px;display:flex}.links a.wide:hover{background:#f4f2ee24;transform:translateY(-3px)}.links a.wide em{font:800 15px var(--f-display);letter-spacing:-.03em;font-style:normal}.links a.wide em i{background:var(--lime);border-radius:50%;width:.24em;height:.24em;margin-left:.05em;display:inline-block}.tip{background:var(--ink);color:#07070a;font:600 12px var(--f-ui);white-space:nowrap;pointer-events:none;animation:tipIn .35s var(--spring);border-radius:8px;padding:4px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.9)}}.meta{font:500 12.5px var(--f-mono);color:var(--ink3);gap:18px;display:flex}.meta span{align-items:center;gap:6px;display:inline-flex}.player{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);width:min(460px,100% - 32px);animation:plIn .7s var(--spring) .5s both;background:#0e0e12c7;border-radius:20px;align-items:center;gap:14px;padding:10px 12px 10px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f4f2ee1a}@keyframes plIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}}.cover{background:url(/media/avatar.webp) 50%/cover;border-radius:11px;flex:none;width:46px;height:46px}.tk{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tk b{font:600 13.5px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tk span{font:500 11.5px var(--f-mono);color:var(--ink3);white-space:nowrap}.viz{align-items:flex-end;gap:3px;height:28px;display:flex}.viz i{background:var(--ink2);border-radius:2px;width:3px;height:3px}.pp{background:var(--ink);color:#07070a;width:40px;height:40px;transition:transform var(--dur-press) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.pp:active{transform:scale(.9)}.vol{accent-color:#f4f2ee;width:70px}@media (width<=600px){.speaker{top:44%}.banner{height:140px}.body{padding:0 20px 22px}.who h1{font-size:34px}.badges{width:100%;margin-left:0}.vol,.viz{display:none}}@media (prefers-reduced-motion:reduce){.box,.av,.player{animation:none}}