@font-face{font-family:'CaePaerlies';src:url(/caelia/f/paerlies.woff?v=2) format('woff');font-display:swap}
@font-face{font-family:'CaeGlamour';src:url(/caelia/f/glamour.woff) format('woff');font-display:swap}
@font-face{font-family:'CaeLambresia';src:url(/caelia/f/lambresia.woff) format('woff');font-display:swap}
@font-face{font-family:'CaeBilla';src:url(/caelia/f/billa.woff) format('woff');font-display:swap}
@font-face{font-family:'CaeBemdayni';src:url(/caelia/f/bemdayni.woff) format('woff');font-display:swap}
@font-face{font-family:'CaeBrittany';src:url(/caelia/f/brittany.woff) format('woff');font-display:swap}
@font-face{font-family:'CaeNightborn';src:url(/caelia/f/nightborn.woff) format('woff');font-display:swap}
@font-face{font-family:'Monsieur La Doulaise';src:url(/caelia/f/monsieur.woff) format('woff');font-display:block}
@font-face{font-family:'IBM Plex Sans Thai';src:url(/caelia/f/plexthai-300.woff) format('woff');font-weight:300;font-display:swap}
@font-face{font-family:'IBM Plex Sans Thai';src:url(/caelia/f/plexthai-400.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Thai';src:url(/caelia/f/plexthai-500.woff) format('woff');font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans Thai';src:url(/caelia/f/plexthai-600.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Sans Thai';src:url(/caelia/f/plexthai-700.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'Gelasio';src:url(/caelia/f/gelasio-400.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gelasio';src:url(/caelia/f/gelasio-400i.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Gelasio';src:url(/caelia/f/gelasio-700i.woff) format('woff');font-weight:700;font-style:italic;font-display:swap}
:root{--star4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0Q11 9 20 10Q11 11 10 20Q9 11 0 10Q9 9 10 0Z'/%3E%3C/svg%3E");--W:min(100vw,480px);--u:calc(var(--W)/440);--ts:1;--ink:#0b2a4b;--ink2:#3c546f;--bg:#fcfdff;--gold:#ebb000;
--th:'IBM Plex Sans Thai',system-ui,sans-serif;--geo:Georgia,'Gelasio','IBM Plex Sans Thai',serif;--ms:'Monsieur La Doulaise','IBM Plex Sans Thai',cursive;
--pae:'CaePaerlies','IBM Plex Sans Thai',var(--ms);--gla:'CaeGlamour','IBM Plex Sans Thai',var(--ms);--lam:'CaeLambresia','IBM Plex Sans Thai',var(--geo);--bil:'CaeBilla','IBM Plex Sans Thai',var(--ms);--bem:'CaeBemdayni','IBM Plex Sans Thai',var(--ms);--bri:'CaeBrittany','IBM Plex Sans Thai',var(--ms);--nbw:'CaeNightborn','IBM Plex Sans Thai',var(--ms);
--sh:0 0 5px rgba(11,42,75,.2);--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--th);overflow-x:hidden;overscroll-behavior-y:none}
img{display:block;max-width:none;-webkit-user-drag:none;user-select:none}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
input,textarea,select{font:inherit;color:inherit}
.mul{mix-blend-mode:multiply}
.hide{display:none!important}
#app{position:relative;width:var(--W);margin:0 auto;overflow:hidden;overflow:clip;background:var(--bg);min-height:100vh;min-height:100dvh;padding-bottom:calc(calc(110*var(--u)) + env(safe-area-inset-bottom));isolation:isolate}
.fl{position:absolute;pointer-events:none;opacity:.05;mix-blend-mode:multiply;z-index:-1}
.fl img{width:100%;height:100%}
.fl.f1{left:calc(-96*var(--u));top:calc(306*var(--u));width:calc(204.7*var(--u));height:calc(204.7*var(--u))}.fl.f1 img{transform:rotate(17.98deg) scale(.794)}
.fl.f2{left:calc(-94*var(--u));top:calc(-57*var(--u));width:calc(202.4*var(--u));height:calc(202.4*var(--u))}.fl.f2 img{transform:rotate(-16.75deg) scale(.803)}
.fl.f3{left:calc(332*var(--u));top:calc(79*var(--u));width:calc(190.5*var(--u));height:calc(190.5*var(--u))}.fl.f3 img{transform:scaleY(-1) rotate(-153.98deg) scale(.748)}
.fl.f4{left:calc(316*var(--u));top:calc(814*var(--u));width:calc(174*var(--u));height:calc(174*var(--u))}
.fl.f5{left:calc(-54*var(--u));top:calc(310*var(--u));width:calc(210.8*var(--u));height:calc(210.8*var(--u))}.fl.f5 img{transform:rotate(-12deg) scale(.8)}
.fl.f6{left:calc(16*var(--u));top:calc(577*var(--u));width:calc(229*var(--u));height:calc(229*var(--u))}.fl.f6 img{transform:rotate(24deg) scale(.8)}
.side{position:fixed;inset:0;pointer-events:none;z-index:-2}
#view{position:relative}
.pg{position:relative;width:100%}
.abs{position:absolute}
#loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);transition:opacity .9s var(--ease),visibility .9s,filter .9s}
#loader.out{opacity:0;visibility:hidden;filter:blur(8px)}
#loader .lm{position:relative;display:grid;place-items:center;gap:14px;max-width:86vw}
#loader .lm img,#loader .lm video{display:block;max-width:86vw;max-height:70vh;object-fit:contain;border-radius:12px}
#loader .lt{font:400 max(calc(13*var(--u)*var(--ts)),13px)/1.2 var(--ms);letter-spacing:.04em;color:var(--ink);opacity:.7;text-align:center}
#loader .lf{position:relative;width:min(56vw,230px);aspect-ratio:1.58}
#loader .lf img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#loader .lf .wl{clip-path:inset(0 50% 0 0);transform-origin:50% 50%;animation:lflapL .55s ease-in-out infinite alternate}
#loader .lf .wr{clip-path:inset(0 0 0 50%);transform-origin:50% 50%;animation:lflapR .55s ease-in-out infinite alternate}
@keyframes lflapL{to{transform:perspective(500px) rotateY(58deg)}}
@keyframes lflapR{to{transform:perspective(500px) rotateY(-58deg)}}
#loader .ln{font:400 clamp(34px,13vw,60px)/1 var(--ms);color:var(--ink);text-align:center;white-space:nowrap}
#loader .ln span{display:inline-block;opacity:0;transform:translateY(10px);animation:lch .9s var(--ease) forwards}
@keyframes lch{to{opacity:1;transform:none}}
#loader .bar{width:120px;height:2px;border-radius:2px;background:rgba(11,42,75,.12);overflow:hidden}
#loader .bar i{display:block;height:100%;width:40%;background:var(--ink);border-radius:2px;animation:lbar 1.1s ease-in-out infinite}
@keyframes lbar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.logo{position:absolute;left:0;top:0;width:calc(440*var(--u));height:calc(100*var(--u));display:block}
.logo .lg1,.logo .lg2{position:absolute;left:calc(220*var(--u));transform:translate(-50%,-50%);font-family:var(--ms);white-space:nowrap;color:#040404;line-height:1.35}
.logo .lg1{top:calc(47.5*var(--u));font-size:calc(48*var(--u)*var(--ts))}
.logo .lg2{top:calc(70*var(--u));font-size:calc(40*var(--u)*var(--ts))}
.logo .lg-g{position:absolute;inset:0;pointer-events:none}
.hearts{position:absolute;left:0;width:calc(440*var(--u));height:calc(110*var(--u))}
.hb{position:absolute;top:0;width:calc(148*var(--u));height:calc(110*var(--u));display:block;touch-action:manipulation}
.hb:nth-child(1){left:calc(6*var(--u))}.hb:nth-child(2){left:calc(146*var(--u))}.hb:nth-child(3){left:calc(286*var(--u))}
.hb .ht{position:absolute;left:calc(38*var(--u));top:calc(14*var(--u));width:calc(72*var(--u));height:calc(68*var(--u));transition:transform .45s var(--spring),filter .45s}
.hb .ht img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .45s}
.hb .ht .d{opacity:0}.hb.on .ht .d{opacity:1}
.hb .wd{position:absolute;left:calc(74*var(--u));top:calc(45.5*var(--u));transform:translate(-50%,-50%);font-family:var(--pae);color:#121212;text-align:center;white-space:pre-line;pointer-events:none;transition:transform .45s var(--spring)}
.hb .wd.s48{font-size:calc(48*var(--u)*var(--ts));letter-spacing:calc(-3.84*var(--u));line-height:calc(10*var(--u))}
.hb .wd.s45{font-size:calc(45*var(--u)*var(--ts));letter-spacing:calc(-3.6*var(--u));line-height:calc(10*var(--u))}
.hb.on .wd{color:#fff;text-shadow:0 0 3px #fff,0 0 6px rgba(255,255,255,.55)}
.hb .wd.w2,.hb .wd.w3{top:0;transform:translateX(-50%);width:calc(138*var(--u));height:calc(110*var(--u));white-space:nowrap}
.hb .wd.w2 span,.hb .wd.w3 span{position:absolute;left:0;right:0;transform:translateY(-50%)}
.hb .wd.w2 span{font-size:calc(32*var(--u)*var(--ts));letter-spacing:calc(-2.56*var(--u));line-height:calc(14*var(--u))}.hb .wd.w2 span:first-child{top:calc(38.5*var(--u))}.hb .wd.w2 span+span{top:calc(52.5*var(--u))}
.hb .wd.w2.sm span{line-height:calc(16*var(--u))}.hb .wd.w2.sm span:first-child{top:calc(40*var(--u))}.hb .wd.w2.sm span+span{top:calc(52*var(--u));font-size:calc(24*var(--u)*var(--ts));letter-spacing:calc(-1.92*var(--u))}
.hb .wd.w3 span{font-size:calc(26*var(--u)*var(--ts));letter-spacing:calc(-2.08*var(--u));line-height:calc(9*var(--u))}.hb .wd.w3 span:first-child{top:calc(36*var(--u))}.hb .wd.w3 .and{top:calc(50*var(--u));font-size:calc(16*var(--u)*var(--ts));letter-spacing:calc(-1.28*var(--u))}.hb .wd.w3 span:last-child{top:calc(59.5*var(--u))}
.hb .lb{position:absolute;left:calc(74.5*var(--u));top:calc(94.5*var(--u));transform:translate(-50%,-50%);font:400 max(calc(14*var(--u)*var(--ts)),12px)/normal var(--th);color:var(--ink);text-shadow:0 0 3px rgba(11,42,75,.2);white-space:nowrap;transition:letter-spacing .4s,transform .4s}
.anim .hb .w.wl{animation:flapL 4.2s ease-in-out infinite}.anim .hb .w.wr{animation:flapR 4.2s ease-in-out infinite}
.anim .hb:nth-child(2) .w{animation-delay:-1.2s}.anim .hb:nth-child(3) .w{animation-delay:-2.4s}
.anim .hb .ht{animation:hfloat 3.6s ease-in-out infinite}.anim .hb:nth-child(2) .ht{animation-delay:-1.2s}.anim .hb:nth-child(3) .ht{animation-delay:-2.4s}
@keyframes flapL{0%,58%,100%{transform:perspective(calc(220*var(--u))) rotateY(0)}64%{transform:perspective(calc(220*var(--u))) rotateY(58deg) rotate(-4deg)}70%{transform:perspective(calc(220*var(--u))) rotateY(4deg)}76%{transform:perspective(calc(220*var(--u))) rotateY(52deg) rotate(-3deg)}82%{transform:perspective(calc(220*var(--u))) rotateY(0)}90%{transform:perspective(calc(220*var(--u))) rotateY(22deg)}}
@keyframes flapR{0%,58%,100%{transform:perspective(calc(220*var(--u))) rotateY(0)}64%{transform:perspective(calc(220*var(--u))) rotateY(-58deg) rotate(4deg)}70%{transform:perspective(calc(220*var(--u))) rotateY(-4deg)}76%{transform:perspective(calc(220*var(--u))) rotateY(-52deg) rotate(3deg)}82%{transform:perspective(calc(220*var(--u))) rotateY(0)}90%{transform:perspective(calc(220*var(--u))) rotateY(-22deg)}}
@keyframes hfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-2.2*var(--u)))}}
.hb:active .ht,.hb.tap .ht{transform:scale(.9)}
.hb.tap .w.wl{animation:tapL .6s ease-out!important}.hb.tap .w.wr{animation:tapR .6s ease-out!important}
@keyframes tapL{0%,100%{transform:perspective(calc(220*var(--u))) rotateY(0)}20%{transform:perspective(calc(220*var(--u))) rotateY(70deg)}40%{transform:perspective(calc(220*var(--u))) rotateY(0)}60%{transform:perspective(calc(220*var(--u))) rotateY(64deg)}80%{transform:perspective(calc(220*var(--u))) rotateY(0)}}
@keyframes tapR{0%,100%{transform:perspective(calc(220*var(--u))) rotateY(0)}20%{transform:perspective(calc(220*var(--u))) rotateY(-70deg)}40%{transform:perspective(calc(220*var(--u))) rotateY(0)}60%{transform:perspective(calc(220*var(--u))) rotateY(-64deg)}80%{transform:perspective(calc(220*var(--u))) rotateY(0)}}
@media (hover:hover){.hb:hover .ht{transform:scale(1.06) rotate(-2deg)}.hb:hover .lb{letter-spacing:.06em}}
.ttl{position:relative;width:calc(440*var(--u));height:calc(50*var(--u))}
.ttl .tx{position:absolute;top:calc(27*var(--u));transform:translateY(-50%);font:400 calc(14*var(--u)*var(--ts))/normal var(--bil);letter-spacing:calc(-.24*var(--u));white-space:nowrap;color:var(--ink)}
.ttl .ln{position:absolute;top:calc(27*var(--u));height:1px;background:linear-gradient(90deg,rgba(11,42,75,.15),var(--ink2),rgba(11,42,75,.15));transform-origin:left;transform:scaleX(0);transition:transform 1.3s var(--ease)}
.ttl .st{position:absolute;top:calc(19*var(--u));width:calc(16*var(--u));height:calc(16*var(--u));transition:transform 1s var(--spring)}
.ttl .st svg{width:100%;height:100%;display:block}
.ttl.c{display:flex;align-items:center;padding:0 calc(37*var(--u)) 0 calc(36*var(--u))}
.ttl.c>*{position:relative;top:auto;left:auto}
.ttl.c .st{flex:none;margin-top:calc(4*var(--u))}.ttl.c .s2 svg{transform:scaleX(-1)}
.ttl.c .ln{flex:1;height:1px;margin-top:calc(4*var(--u))}.ttl.c .l1{margin-left:calc(12*var(--u));margin-right:calc(28*var(--u));transform-origin:right}.ttl.c .l2{margin-left:calc(26*var(--u));margin-right:calc(15*var(--u))}
.ttl.c .tx{flex:none;transform:none;top:auto;margin-top:calc(4*var(--u))}
.ttl.r .tx{left:calc(356*var(--u));top:calc(35*var(--u));transform:translate(-50%,-50%)}.ttl.r .l1{left:calc(61*var(--u));top:calc(37*var(--u));width:calc(225*var(--u))}.ttl.r .s1{left:calc(34*var(--u));top:calc(29*var(--u))}
.ttl.lf .tx{left:calc(43*var(--u));top:calc(25*var(--u))}.ttl.lf .l1{left:calc(116*var(--u));width:calc(254*var(--u));top:calc(27*var(--u))}.ttl.lf .s1{left:calc(389*var(--u))}
.ttl.in .ln{transform:none}.ttl .st{transform:scale(0) rotate(-90deg)}.ttl.in .st{transform:none}
.anim .ttl.in .st svg{animation:twk 3.2s ease-in-out infinite}
@keyframes twk{0%,100%{transform:scale(1)}50%{transform:scale(.84)}}
.m-top{position:relative;height:calc(386*var(--u))}
.hero{position:absolute;inset:0 0 auto 0;height:calc(345*var(--u))}
.hero .ltr{position:absolute;font-family:var(--ms);color:var(--ink);font-size:calc(128*var(--u)*var(--ts));line-height:normal;pointer-events:none;white-space:nowrap}
.hero .ltr.a{left:calc(62*var(--u));top:calc(154*var(--u));width:calc(82*var(--u));height:calc(113.885*var(--u))}
.hero .ltr.b{left:calc(168*var(--u));top:calc(82*var(--u));width:calc(123.4*var(--u));height:calc(138.1*var(--u));display:grid;place-items:center}
.hero .ltr.b span{display:block;flex:none;width:calc(81*var(--u));height:calc(113.885*var(--u));transform:rotate(-26.59deg)}
.hero .mir{position:absolute;left:calc(116*var(--u));top:calc(20*var(--u));width:calc(207.13*var(--u));height:calc(294*var(--u));will-change:transform}
.hero .pic{position:absolute;left:calc(28*var(--u));top:calc(62*var(--u));width:calc(150*var(--u));height:calc(186*var(--u));border-radius:50%;overflow:hidden;background:#dfe3ea;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.hero .pic img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}
.anim .hero .pic img{animation:kb 16s ease-in-out infinite alternate}
@keyframes kb{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.16) translate(-2%,2%)}}
.hero .fr{position:absolute;inset:0;width:100%;height:100%}
.hero .tx{position:absolute;white-space:nowrap;font-family:var(--geo);color:#000;line-height:normal;pointer-events:none}
.hero .t1{left:calc(88*var(--u));top:calc(79*var(--u));font-size:calc(11*var(--u)*var(--ts))}.hero .t2{left:calc(75*var(--u));top:calc(88*var(--u));font-size:calc(11*var(--u)*var(--ts))}
.hero .t3{left:calc(105*var(--u));top:calc(88*var(--u));font:400 calc(24*var(--u)*var(--ts))/normal var(--bri);color:var(--gold)}
.hero .t4{left:calc(294*var(--u));top:calc(245*var(--u));font-size:calc(12*var(--u)*var(--ts))}.hero .t5{left:calc(303*var(--u));top:calc(252*var(--u));font-size:calc(12*var(--u)*var(--ts))}
.story{position:absolute;left:0;top:calc(334*var(--u));width:calc(440*var(--u));height:calc(34*var(--u))}
.story .sr{position:absolute;top:0;width:calc(116*var(--u));height:calc(34*var(--u));overflow:hidden;cursor:pointer;isolation:isolate;transform:translateZ(0);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 25%,#000 50%,rgba(0,0,0,.5) 75%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 25%,#000 50%,rgba(0,0,0,.5) 75%,transparent 100%)}
.story .sr:nth-child(1){left:calc(28*var(--u))}.story .sr:nth-child(2){left:calc(162*var(--u))}.story .sr:nth-child(3){left:calc(296*var(--u))}
.story .sr img{position:absolute;left:0;top:-36.8%;width:100%;height:227.45%;object-fit:cover;opacity:.8;transition:transform 1.2s var(--ease),opacity .6s}
.story .sr:nth-child(2) img{top:-25.48%}.story .sr:nth-child(3) img{top:-30.6%;opacity:1}
.anim .story .sr img{animation:pan 9s ease-in-out infinite alternate}.anim .story .sr:nth-child(2) img{animation-delay:-3s}.anim .story .sr:nth-child(3) img{animation-delay:-6s}
@keyframes pan{to{transform:translateY(14%) scale(1.06)}}
.story .sr:active img{transform:scale(1.15)}
.about{position:relative;width:calc(440*var(--u));padding:calc(52*var(--u)) 0 0}
.about .glow{position:absolute;left:calc(96*var(--u));top:calc(2*var(--u));width:calc(241*var(--u));height:calc(241*var(--u));border-radius:50%;background:#eaeff7;filter:blur(calc(60*var(--u)));pointer-events:none;z-index:-1}
.about .row{position:absolute;left:0;width:calc(440*var(--u));height:calc(34*var(--u));top:0}
.about .row .ln{position:absolute;left:calc(147*var(--u));top:calc(17*var(--u));width:calc(225*var(--u));height:1px;background:linear-gradient(90deg,rgba(11,42,75,.1),var(--ink2));transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease)}
.about .row .st{position:absolute;left:calc(383*var(--u));top:calc(9*var(--u));width:calc(16*var(--u));height:calc(16*var(--u))}
.about .row.b{position:relative;margin-top:calc(15.7*var(--u))}
.about .row.b .ln{left:calc(66*var(--u));background:linear-gradient(90deg,var(--ink2),rgba(11,42,75,.1));transform-origin:right}
.about .row.b .st{left:calc(39*var(--u))}
.about.in .row .ln{transform:none}
.about .txt{margin:0 auto;width:calc(321*var(--u));font:500 max(calc(11*var(--u)*var(--ts)),11px)/1.64 var(--th);color:var(--ink);white-space:pre-line;text-align:left;word-break:break-word}
.about .txt a{text-decoration:underline}
.menu{position:relative;height:calc(106*var(--u));margin-top:calc(12*var(--u))}
.menu .hearts{top:0}
.links{position:relative;width:calc(440*var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(19*var(--u));margin-top:calc(26*var(--u))}
.lk{position:relative;width:calc(357*var(--u));height:calc(35*var(--u));display:block;border-radius:calc(20*var(--u))}
.lk .lt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 calc(30*var(--u)*var(--ts))/normal var(--gla);color:#000;text-shadow:0 0 5px #fff,0 0 4px #fff,0 0 3px #fff;white-space:nowrap}
.lk .ic{position:absolute;top:50%;width:calc(27*var(--u));height:calc(27*var(--u));margin-top:calc(-13.5*var(--u));display:grid;place-items:center;color:var(--ink)}
.lk .ic svg{width:calc(19*var(--u));height:auto;display:block}
.lk .ic.dc svg{width:calc(27*var(--u))}
.lk .ic.l{left:calc(14*var(--u))}.lk .ic.r{right:calc(12*var(--u))}.lk .ic.dc.l{left:calc(12*var(--u))}.lk .ic.dc.r{right:calc(11*var(--u))}
.anim .lk .ic svg{animation:icb 2.8s ease-in-out infinite}.anim .lk .ic.r svg{animation-delay:-1.4s}
@keyframes icb{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(-2*var(--u))) rotate(-8deg)}}
.hdr{position:relative;height:calc(200*var(--u))}
.hdr .hearts{top:calc(91*var(--u))}
.cats{position:relative;padding-top:calc(26*var(--u));display:flex;flex-direction:column;gap:calc(22*var(--u))}
.cb{position:relative;display:block;width:calc(440*var(--u));height:calc(44*var(--u));text-align:center;overflow:visible}
.cb .en{position:absolute;left:50%;top:calc(16*var(--u));transform:translate(-50%,-50%);font:400 calc(10*var(--u)*var(--ts))/normal var(--lam);color:#000;text-shadow:0 0 5px #fff,0 0 4px #fff,0 0 3px #fff;white-space:nowrap;max-width:calc(300*var(--u));overflow:visible;transition:letter-spacing .5s var(--ease)}
.cb .th{position:absolute;left:50%;top:calc(32*var(--u));transform:translate(-50%,-50%);font:500 max(calc(11*var(--u)*var(--ts)),10.5px)/normal var(--th);color:#141a24;white-space:nowrap;max-width:calc(300*var(--u));overflow:visible}
.cb .bt{position:absolute;top:50%;width:calc(6*var(--u));height:calc(6*var(--u));margin-top:calc(-3*var(--u));border-radius:50%;background:var(--ink);opacity:0;transition:opacity .4s,transform .6s var(--ease)}
.cb .bt.l{left:calc(60*var(--u));transform:translateX(calc(-20*var(--u)))}.cb .bt.r{right:calc(60*var(--u));transform:translateX(calc(20*var(--u)))}
@media (hover:hover){.cb:hover .en{letter-spacing:.08em}.cb:hover .bt{opacity:.35;transform:none}}
.rows{position:relative;padding-top:calc(27*var(--u));display:flex;flex-direction:column;gap:calc(10*var(--u))}
.sv{position:relative;width:calc(440*var(--u));height:calc(52*var(--u));display:block}
.sv .ico{position:absolute;left:calc(43*var(--u));top:calc(8*var(--u));width:calc(47*var(--u));height:calc(35*var(--u));mix-blend-mode:multiply}
.anim .sv .ico{animation:icog 4s ease-in-out infinite}
@keyframes icog{0%,100%{filter:none}50%{filter:drop-shadow(0 0 calc(3*var(--u)) rgba(11,42,75,.35))}}
.sv .en{position:absolute;left:calc(93*var(--u));top:calc(23*var(--u));transform:translateY(-50%);font:400 calc(24*var(--u)*var(--ts))/1.25 var(--bem);color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap;max-width:calc(170*var(--u));overflow:visible}
.sv .th{position:absolute;left:calc(94*var(--u));top:calc(36*var(--u));transform:translateY(-50%);font:400 max(calc(9*var(--u)*var(--ts)),9px)/1.2 var(--th);color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap;max-width:calc(170*var(--u));overflow:visible}
.sv .pl{position:absolute;left:calc(301.5*var(--u));top:calc(19*var(--u));transform:translate(-50%,-50%);font:400 max(calc(9*var(--u)*var(--ts)),8.5px)/1.2 var(--th);white-space:nowrap;text-shadow:0 0 4px rgba(11,42,75,.2)}
.sv .pr{position:absolute;left:calc(297*var(--u));top:calc(30*var(--u));transform:translate(-50%,-50%);font:italic 700 calc(16*var(--u)*var(--ts))/1.1 var(--geo);white-space:nowrap;text-shadow:0 0 4px rgba(11,42,75,.2)}
.sv .pr small{font:italic 400 calc(7*var(--u)*var(--ts))/1 var(--geo);margin-left:calc(1.5*var(--u))}
.sv .go{position:absolute;left:calc(340*var(--u));top:calc(13*var(--u));width:calc(72*var(--u));height:calc(25*var(--u));border-radius:calc(20*var(--u));border:.5px solid #fff;background:rgba(255,255,255,.5);box-shadow:0 0 4px rgba(11,42,75,.2),inset 0 1px 4px #fff;display:grid;place-items:center;font:500 max(calc(11*var(--u)*var(--ts)),10.5px)/1 var(--th);color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);overflow:hidden;transition:transform .3s var(--spring),box-shadow .3s}
.sv .go .orn{position:absolute;left:calc(2*var(--u));top:calc(-0.5*var(--u));width:calc(69.5*var(--u));height:calc(24.7*var(--u));pointer-events:none}
.anim .sv .go .orn path:nth-child(1),.anim .sv .go .orn path:nth-child(2){animation:spk 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.anim .sv .go .orn path:nth-child(2){animation-delay:-1.2s}
@keyframes spk{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.4) rotate(90deg);opacity:.4}}
.sv .go:active{transform:scale(.92)}
.sv.closed .go{opacity:.45}
@media (hover:hover){.sv .go:hover{transform:translateY(-1px);box-shadow:0 2px 10px rgba(11,42,75,.25),inset 0 1px 4px #fff}}
.rv-sum{position:relative;width:calc(281*var(--u));height:calc(33*var(--u));margin:calc(3*var(--u)) 0 0 calc(79*var(--u));border-radius:calc(20*var(--u));background:rgba(255,255,255,.7);box-shadow:var(--sh);cursor:pointer}
.rv-sum .n{position:absolute;left:calc(19*var(--u));top:calc(15.5*var(--u));transform:translateY(-50%);font:400 calc(24*var(--u)*var(--ts))/normal var(--ms)}
.rv-sum .t1{position:absolute;left:calc(45*var(--u));top:calc(17*var(--u));transform:translateY(-50%);font:italic 400 calc(5*var(--u)*var(--ts))/1 var(--geo)}
.rv-sum .t2{position:absolute;left:calc(44*var(--u));top:calc(20*var(--u));transform:translateY(-50%);font:italic 400 calc(5*var(--u)*var(--ts))/1 var(--geo)}
.rv-sum .t3{position:absolute;left:calc(55*var(--u));top:calc(16.5*var(--u));transform:translateY(-50%);font:italic 400 calc(6*var(--u)*var(--ts))/1 var(--geo)}
.rv-sum .mn{position:absolute;left:calc(79*var(--u));top:calc(6*var(--u));width:calc(182.3*var(--u));height:calc(22.3*var(--u))}
.moons{display:flex;justify-content:space-between;align-items:center}
.moons svg{display:block;height:100%;width:auto;overflow:visible}
.moons i{display:block;height:100%;aspect-ratio:1;position:relative}
.moons i svg{width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(11,42,75,.2))}
.rcards{position:relative;display:flex;flex-direction:column;gap:calc(10*var(--u));align-items:center;padding-top:calc(22*var(--u))}
.rc{position:relative;width:calc(334*var(--u));min-height:calc(78*var(--u));border-radius:calc(15*var(--u));background:rgba(255,255,255,.7);box-shadow:0 0 4px rgba(11,42,75,.2);padding:0 0 calc(26*var(--u));transition:transform .5s var(--ease),box-shadow .4s}
.rc .f1{position:absolute;left:calc(12*var(--u));top:calc(13*var(--u));transform:translateY(-50%);font:italic 400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2);max-width:calc(32*var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc .f2{position:absolute;left:calc(12*var(--u));top:calc(20*var(--u));transform:translateY(-50%);font:italic 400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo)}
.rc .sc{position:absolute;left:calc(45*var(--u));top:calc(17.5*var(--u));transform:translateY(-50%);font:400 calc(16*var(--u)*var(--ts))/1 var(--ms)}
.rc .f3{position:absolute;left:calc(65*var(--u));top:calc(20*var(--u));transform:translateY(-50%);font:italic 400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo)}
.rc .mn{position:absolute;left:calc(134*var(--u));top:calc(9*var(--u));width:calc(65.4*var(--u));height:calc(8*var(--u))}
.rc .chip{position:absolute;right:calc(11*var(--u));top:calc(9*var(--u));min-width:calc(35*var(--u));height:calc(12*var(--u));padding:0 calc(4*var(--u));border-radius:calc(20*var(--u));background:rgba(11,42,75,.75);box-shadow:0 0 4px rgba(11,42,75,.2);display:grid;place-items:center;font:400 max(calc(6*var(--u)*var(--ts)),6px)/1 var(--th);color:var(--bg);white-space:nowrap;max-width:calc(120*var(--u));overflow:hidden}
.rc .vf{position:absolute;right:calc(11*var(--u));top:calc(24*var(--u));font:400 max(calc(6*var(--u)*var(--ts)),6px)/1 var(--th);color:var(--ink2);opacity:.8}
.rc .hr{position:absolute;left:calc(40*var(--u));top:calc(32*var(--u));width:calc(254*var(--u));height:.4px;background:var(--ink)}
.rc .bd{margin:0 auto;padding-top:calc(40*var(--u));width:calc(258*var(--u));font:400 max(calc(8*var(--u)*var(--ts)),8px)/normal var(--th);color:#000;text-align:center;white-space:pre-line;word-break:break-word}
.rc .ph{display:flex;gap:calc(6*var(--u));justify-content:center;margin:calc(11*var(--u)) auto 0;width:calc(258*var(--u))}
.rc .ph img{width:0;flex:1;height:calc(73*var(--u));object-fit:cover;border-radius:calc(12*var(--u));box-shadow:0 0 5px rgba(11,42,75,.2);background:#e6e6e6;cursor:zoom-in}
.rc .rp{margin:calc(8*var(--u)) auto 0;width:calc(258*var(--u));padding:calc(6*var(--u)) calc(8*var(--u));border-radius:calc(8*var(--u));background:rgba(11,42,75,.05);font:400 max(calc(7.5*var(--u)*var(--ts)),7.5px)/1.5 var(--th);color:var(--ink2);white-space:pre-line}
.rc .ty{position:absolute;right:calc(11.5*var(--u));bottom:calc(10*var(--u));white-space:nowrap;font:italic 400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2)}
.rc .st{position:absolute;display:block;left:calc(10.5*var(--u));bottom:calc(9*var(--u));width:calc(9*var(--u));height:calc(9*var(--u));line-height:0}
.rc .st svg{display:block;width:100%;height:100%}
.anim .rc .st svg{animation:twk 3s ease-in-out infinite}
.rc .bd.e{padding-top:calc(40*var(--u))}
.rc.clamp .bd{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){.rc:hover{transform:translateY(calc(-3*var(--u)));box-shadow:0 6px 18px rgba(11,42,75,.18)}}
.rv-hero{position:relative;height:calc(180*var(--u))}
.rcards.rcp{padding-top:0}
.rcards.car{flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(12*var(--u));overflow-y:auto;overflow-x:hidden;max-height:var(--rvh,520px);scroll-snap-type:y mandatory;padding:calc(16*var(--u)) 0 calc(34*var(--u));scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;-webkit-mask-image:linear-gradient(transparent,#000 calc(16*var(--u)),#000 calc(100% - calc(40*var(--u))),transparent);mask-image:linear-gradient(transparent,#000 calc(16*var(--u)),#000 calc(100% - calc(40*var(--u))),transparent)}
.rcards.rcp.car{padding-top:calc(12*var(--u))}
.rcards.car::-webkit-scrollbar{display:none}
.rcards.car>.rc{flex:none;scroll-snap-align:start;scroll-margin-top:calc(16*var(--u))}
.rcards.car.fit{-webkit-mask-image:none;mask-image:none}
.rcards.vwin{display:block;height:var(--rvh,440px);overflow:hidden;margin:0 calc(-10*var(--u));padding:0 calc(10*var(--u));touch-action:pan-y;-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 9%,#000 88%,transparent)}
.rcards.vwin .vtrack{display:flex;flex-direction:column;align-items:center;animation:vmarq var(--dur,24s) linear infinite;will-change:transform}
.rcards.vwin .vclone{display:flex;flex-direction:column;align-items:center}
.rcards.vwin .rc{margin-bottom:calc(12*var(--u));flex:none;opacity:1;transform:none}
.rcards.vwin.hold .vtrack,.rcards.vwin.off .vtrack{animation-play-state:paused}
@keyframes vmarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.rcards.vwin+#rvmore{margin-top:calc(4*var(--u))}
.rcards.hwin{display:block;width:calc(362*var(--u));margin:0 auto;overflow:hidden;padding:calc(20*var(--u)) 0 calc(10*var(--u));touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.rcards.hwin .htrack{display:flex;align-items:flex-start;width:max-content;animation:hmarq var(--dur,24s) linear infinite;will-change:transform}
.rcards.hwin .hclone{display:flex;align-items:flex-start}
.rcards.hwin .rc{flex:none;margin-right:calc(14*var(--u));opacity:1;transform:none}
.rcards.hwin .htrack>.rc:first-child{margin-left:calc(14*var(--u))}.rcards.hwin .hclone>.rc:first-child{margin-left:calc(14*var(--u))}
.rcards.hwin.hold .htrack,.rcards.hwin.off .htrack{animation-play-state:paused}
@keyframes hmarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.rcards.carh{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:calc(12*var(--u));width:calc(346*var(--u));margin:0 auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:calc(22*var(--u)) calc(6*var(--u)) calc(8*var(--u));scroll-padding:0 calc(6*var(--u));scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.rcards.carh::-webkit-scrollbar{display:none}
.rcards.carh>.rc{flex:0 0 calc(334*var(--u));scroll-snap-align:start;scroll-snap-stop:always}
.rcards.carh>.empty{margin:0 auto}
.rcards.car>.empty{margin:0 auto}
.rdots{display:flex;justify-content:center;gap:calc(6*var(--u));margin-top:calc(6*var(--u))}
.rdots i{width:calc(5*var(--u));height:calc(5*var(--u));min-width:4px;min-height:4px;border-radius:9px;background:rgba(11,42,75,.18);cursor:pointer;transition:width .4s var(--ease),background .4s}
.rdots i.on{width:calc(16*var(--u));background:var(--ink)}
.rv-more-lk{width:max-content}
.rv-box{position:absolute;left:calc(79*var(--u));top:calc(10*var(--u));width:calc(281*var(--u));height:calc(151*var(--u));border-radius:calc(15*var(--u));background:rgba(255,255,255,.99);box-shadow:var(--sh)}
.rv-box .n{position:absolute;left:calc(127*var(--u));top:calc(19*var(--u));transform:translateY(-50%);font:400 calc(32*var(--u)*var(--ts))/normal var(--ms)}
.rv-box .mn{position:absolute;left:calc(113*var(--u));top:calc(35.2*var(--u));width:calc(57*var(--u));height:calc(7*var(--u))}
.rv-box .tt{position:absolute;left:calc(141*var(--u));top:calc(51.5*var(--u));transform:translate(-50%,-50%);font:italic 400 max(calc(8*var(--u)*var(--ts)),8px)/1 var(--geo);white-space:nowrap}
.rv-box .s1,.rv-box .s2{position:absolute;width:calc(7*var(--u));height:calc(7*var(--u))}
.rv-box .s1{left:calc(262*var(--u));top:calc(12*var(--u))}.rv-box .s2{left:calc(15*var(--u));top:calc(126*var(--u))}
.rv-bars{position:absolute;inset:0;pointer-events:none}
.rv-bar{position:absolute;left:0;right:0;top:calc((68.8 + 15*var(--i))*var(--u));height:calc(3.2*var(--u))}
.rv-bar b{position:absolute;left:calc(33*var(--u));top:calc(1.6*var(--u));transform:translateY(-50%);font:400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo)}
.rv-bar .tr{position:absolute;left:calc(44.2*var(--u));width:calc(187*var(--u));top:0;height:calc(3.2*var(--u));border-radius:calc(3*var(--u));background:rgba(11,42,75,.12);overflow:hidden}
.rv-bar .tr i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:calc(3*var(--u));background:linear-gradient(90deg,#3c546f,#0b2a4b);transition:width 1.4s var(--ease)}
.rv-bar span{position:absolute;right:calc(32.2*var(--u));top:calc(1.6*var(--u));transform:translateY(-50%);font:400 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--geo)}
.rv-write{position:absolute;left:50%;top:calc(150*var(--u));translate:-50% 0;height:calc(22*var(--u));padding:0 calc(14*var(--u));border-radius:calc(20*var(--u));background:rgba(11,42,75,.75);color:#fff;font:500 max(calc(9*var(--u)*var(--ts)),9px)/1 var(--th);box-shadow:0 0 6px rgba(11,42,75,.25),inset 1px 2px 4px rgba(255,255,255,.4);display:flex;align-items:center;gap:calc(5*var(--u));white-space:nowrap;z-index:2}
.rv-write svg{width:calc(10*var(--u));height:calc(10*var(--u))}
.anim .rv-write{animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 6px rgba(11,42,75,.25),0 0 0 0 rgba(11,42,75,.25)}50%{box-shadow:0 0 6px rgba(11,42,75,.25),0 0 0 calc(6*var(--u)) rgba(11,42,75,0)}}
.more{display:block;margin:calc(14*var(--u)) auto 0;height:calc(26*var(--u));padding:0 calc(18*var(--u));border-radius:calc(20*var(--u));background:rgba(255,255,255,.7);box-shadow:var(--sh);font:500 max(calc(9*var(--u)*var(--ts)),9px)/calc(26*var(--u)) var(--th);color:var(--ink)}
.q-hero{position:relative;height:calc(200*var(--u))}
.q-box{position:absolute;left:calc(73*var(--u));top:calc(14*var(--u));width:calc(294*var(--u));height:calc(171*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.98);box-shadow:var(--sh);overflow:hidden}
.qwater{-webkit-clip-path:inset(calc(-24*var(--u)) 0 0 0 round 0 0 calc(50*var(--u)) calc(50*var(--u)));clip-path:inset(calc(-24*var(--u)) 0 0 0 round 0 0 calc(50*var(--u)) calc(50*var(--u)));transform:translateZ(0)}
.q-box .lb{position:absolute;left:calc(113*var(--u));top:calc(9*var(--u));font:400 max(calc(10*var(--u)*var(--ts)),10px)/normal var(--th);text-shadow:0 0 4px rgba(0,0,0,.25);white-space:nowrap}
.q-box .n{position:absolute;left:calc(146.5*var(--u));top:calc(32*var(--u));transform:translate(-50%,-50%);font:400 calc(48*var(--u)*var(--ts))/normal var(--bil);text-shadow:0 0 4px rgba(0,0,0,.25);white-space:nowrap}
@keyframes mrot{to{transform:rotate(360deg)}}
.q-box .sub{position:absolute;left:0;right:0;top:calc(136*var(--u));text-align:center;font:400 max(calc(9*var(--u)*var(--ts)),9px)/1.4 var(--th);color:var(--ink2);text-shadow:0 0 4px #fff,0 0 2px #fff}
.q-box .qcap:empty~.sub,.q-box .sub:only-child{top:calc(122*var(--u))}
.q-box .sub b{font-weight:600;color:var(--ink)}
.notice{position:relative;height:calc(56*var(--u));margin-top:calc(-2*var(--u))}
.notice .lb{position:absolute;left:calc(68.5*var(--u));top:0;transform:translateX(-50%);font:400 max(calc(12*var(--u)*var(--ts)),11px)/normal var(--th);letter-spacing:calc(-.24*var(--u))}
.notice .ln{position:absolute;left:calc(108*var(--u));top:calc(11*var(--u));width:calc(264*var(--u));height:1px;background:linear-gradient(90deg,var(--ink2),rgba(11,42,75,.15))}
.notice .pill{position:absolute;left:calc(39*var(--u));top:calc(24*var(--u));width:calc(362*var(--u));height:calc(23*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.8);border:.5px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.25);overflow:hidden}
.notice .mq{position:absolute;left:calc(13*var(--u));right:calc(10*var(--u));top:0;bottom:0;overflow:hidden;}
.notice .mq span{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;font:400 max(calc(10*var(--u)*var(--ts)),10px)/normal var(--th);letter-spacing:calc(-.24*var(--u))}
.notice .mq.run{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.notice .mq.run span{animation:mq var(--d,14s) linear infinite}
@keyframes mq{from{transform:translate(0,-50%)}to{transform:translate(var(--x),-50%)}}
.qtools{display:flex;justify-content:center;margin-top:calc(16*var(--u))}
.qmon{position:relative;display:inline-flex;align-items:center;gap:calc(5*var(--u));height:calc(22*var(--u));padding:0 calc(22*var(--u)) 0 calc(10*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.85);border:.5px solid #fff;box-shadow:0 0 4px rgba(11,42,75,.18);color:var(--ink);font:500 max(calc(8.5*var(--u)*var(--ts)),10px)/1 var(--th);cursor:pointer;transition:background .3s,color .3s}
.qmon svg{width:calc(11*var(--u));height:calc(11*var(--u));min-width:10px;min-height:10px;flex:none}
.qmon::after{content:'';position:absolute;right:calc(9*var(--u));top:50%;width:calc(5*var(--u));height:calc(5*var(--u));min-width:5px;min-height:5px;border-right:1.2px solid currentColor;border-bottom:1.2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.qmon select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;outline:0;cursor:pointer;max-width:60vw}
.qmon.on{background:#0b2a4b;color:#fff;border-color:#3c546f}
.qlist.ld{opacity:.45;transition:opacity .3s}
.chips{position:relative;margin-top:calc(10*var(--u));height:calc(30*var(--u));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chips .in{position:relative;display:inline-flex;gap:calc(7*var(--u));padding:calc(6*var(--u)) calc(10*var(--u));min-width:100%}
.chip2{position:relative;flex:0 0 auto;min-width:calc(54*var(--u));height:calc(18*var(--u));padding:0 calc(8*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.5);border:.5px solid #fff;box-shadow:0 0 4px rgba(11,42,75,.2);font:300 max(calc(9*var(--u)*var(--ts)),9px)/normal var(--th);letter-spacing:calc(-.24*var(--u));color:var(--ink);white-space:nowrap;transition:color .35s,transform .35s var(--spring)}
.chip2.on{color:#fff;font-weight:500;text-shadow:0 0 4px rgba(255,255,255,.8);background:transparent;border-color:transparent;box-shadow:none}
.chips .ck{position:absolute;top:calc(6*var(--u));height:calc(18*var(--u));border-radius:calc(50*var(--u));background:#0b2a4b;border:.5px solid #3c546f;box-shadow:0 0 4px rgba(11,42,75,.5),inset 1px 2px 4px rgba(255,255,255,.4);transition:left .5s var(--spring),width .5s var(--spring);z-index:0}
.chips .chip2{z-index:1}
.chip2:active{transform:scale(.92)}
.qlist{position:relative;display:flex;flex-direction:column;gap:calc(23*var(--u));padding-top:calc(19*var(--u))}
.qr{position:relative;left:calc(5*var(--u));width:calc(440*var(--u));height:calc(71*var(--u))}
.qr .no{position:absolute;left:calc(43*var(--u));top:calc(35*var(--u));width:calc(61*var(--u));transform:translateY(-50%);font:400 calc(28*var(--u)*var(--ts))/1 var(--geo);text-align:center;letter-spacing:-.06em;z-index:1;pointer-events:none;text-shadow:0 0 4px rgba(11,42,75,.2);color:var(--ink)}
.qr .nm{position:absolute;left:calc(111*var(--u));top:calc(14*var(--u));width:calc(73*var(--u));text-align:left;font:400 max(calc(14*var(--u)*var(--ts)),12px)/normal var(--th);text-shadow:0 0 3px #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr .sv2{position:absolute;left:calc(111*var(--u));top:calc(32*var(--u));width:calc(73*var(--u));text-align:left;font:500 max(calc(14*var(--u)*var(--ts)),12px)/normal var(--th);text-shadow:0 0 3px #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr .pb{position:absolute;left:calc(198*var(--u));top:0;width:calc(135*var(--u));height:calc(71*var(--u));border-radius:calc(30*var(--u)) calc(20*var(--u)) calc(20*var(--u)) calc(30*var(--u));background:rgba(255,255,255,.5);box-shadow:0 0 4px rgba(0,0,0,.25);overflow:hidden}
.qr .pc{position:absolute;left:calc(341*var(--u));top:0;width:calc(55*var(--u));height:calc(71*var(--u));border-radius:calc(22*var(--u));box-shadow:0 0 5px rgba(11,42,75,.2)}
.qr .pc b{position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.12)}
.qr .p1{position:absolute;left:calc(368.5*var(--u));top:calc(11*var(--u));transform:translateX(-50%);font:400 max(calc(8*var(--u)*var(--ts)),7.5px)/normal var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.qr .p2{position:absolute;left:calc(368.5*var(--u));top:calc(24*var(--u));transform:translateX(-50%);font:400 calc(20*var(--u)*var(--ts))/normal var(--geo);letter-spacing:calc(-.05*var(--u));text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.qr .p2.l{font-size:calc(18*var(--u)*var(--ts));top:calc(26*var(--u))}
.qr .p3{position:absolute;left:calc(368.5*var(--u));top:calc(47*var(--u));transform:translateX(-50%);font:400 max(calc(7*var(--u)*var(--ts)),7px)/normal var(--th);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.qr .tank{position:absolute;left:calc(6*var(--u));top:calc(6*var(--u));width:calc(123*var(--u));height:calc(59*var(--u));border-radius:calc(30*var(--u)) calc(20*var(--u)) calc(20*var(--u)) calc(30*var(--u));overflow:hidden;transform:translateZ(0)}
.qr.full .tank{border-radius:calc(25*var(--u)) calc(15*var(--u)) calc(15*var(--u)) calc(25*var(--u))}
.qr .wt{--ww:0px;position:absolute;left:0;top:0;bottom:0;width:var(--ww);border-radius:calc(30*var(--u)) calc(20*var(--u)) calc(20*var(--u)) calc(30*var(--u));background:linear-gradient(270deg,rgba(11,42,75,.2),rgba(96,121,148,.2));overflow:hidden;transform-origin:0 50%;transition:width 3.4s cubic-bezier(.5,.05,.2,1) calc(var(--d,0s) + .25s)}
.qr.full .wt{border-radius:calc(25*var(--u)) calc(15*var(--u)) calc(15*var(--u)) calc(25*var(--u))}
.qr .wt::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 32%,rgba(11,42,75,.05) 100%)}
.qr .wt::after{content:'';position:absolute;top:-30%;bottom:-30%;width:60%;left:-70%;background:radial-gradient(ellipse at center,rgba(255,255,255,.16),rgba(255,255,255,0) 70%);filter:blur(4px)}
.anim .qr .wt.go{animation:wbreath 4.6s ease-in-out infinite calc(var(--d,0s) + 3.8s)}
.anim .qr .wt.go::after{animation:wdrift 7s ease-in-out infinite}
@keyframes wbreath{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.025)}}
@keyframes wdrift{0%,100%{left:-70%}50%{left:80%}}
.qr .wb{position:absolute;bottom:calc(-6*var(--u));width:calc(4*var(--u));height:calc(4*var(--u));border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,.35) 60%,rgba(255,255,255,0) 72%);box-shadow:0 0 0 .5px rgba(255,255,255,.5);opacity:0}
.anim .qr .wt.go .wb{animation:bub 3.2s ease-in infinite}
.qr .wb:nth-child(1){left:18%;animation-delay:.3s!important}.qr .wb:nth-child(2){left:42%;width:calc(3*var(--u));height:calc(3*var(--u));animation-delay:1.4s!important;animation-duration:2.6s!important}
.qr .wb:nth-child(3){left:64%;width:calc(5*var(--u));height:calc(5*var(--u));animation-delay:2.1s!important}.qr .wb:nth-child(4){left:30%;width:calc(2.5*var(--u));height:calc(2.5*var(--u));animation-delay:.9s!important;animation-duration:2.2s!important}
.qr .wb:nth-child(5){left:78%;width:calc(3*var(--u));height:calc(3*var(--u));animation-delay:2.7s!important}
@keyframes bub{0%{transform:translate(0,0) scale(.6);opacity:0}15%{opacity:1}50%{transform:translate(calc(2*var(--u)),calc(-32*var(--u))) scale(1)}85%{opacity:.9}100%{transform:translate(calc(-1*var(--u)),calc(-66*var(--u))) scale(1.1);opacity:0}}
.qr.found .qc,.qr.found .pb,.qr.found .pc{box-shadow:0 0 0 1.2px rgba(11,42,75,.85),0 0 12px rgba(11,42,75,.22)}
.qr.found .tag{position:absolute;left:calc(198*var(--u));top:calc(-9*var(--u));height:calc(14*var(--u));padding:0 calc(7*var(--u));border-radius:calc(9*var(--u));background:#0b2a4b;color:#fff;font:600 max(calc(7*var(--u)*var(--ts)),7px)/calc(14*var(--u)) var(--th);box-shadow:0 2px 6px rgba(11,42,75,.35);z-index:2}
.anim .qr.found{animation:qfound 1.6s var(--spring)}
@keyframes qfound{0%{scale:1}30%{scale:1.035}60%{scale:.99}100%{scale:1}}
.qr.dim{opacity:.38;filter:saturate(.6);transition:opacity .5s}
.qwater{--lv:0%;position:absolute;left:0;right:0;bottom:0;height:var(--lv);transition:height 3s cubic-bezier(.45,.05,.2,1) .3s;background:linear-gradient(180deg,rgba(96,121,148,.16),rgba(11,42,75,.24));pointer-events:none}
.qwater .wv{position:absolute;left:0;width:200%;height:calc(16*var(--u));top:calc(-15.5*var(--u));background-repeat:repeat-x;background-size:50% 100%}
.qwater .wv.b{opacity:.55;top:calc(-12*var(--u));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'%3E%3Cpath d='M0 8C37.5 1 62.5 1 100 8S162.5 15 200 8 262.5 1 300 8V16H0Z' fill='%23607994' fill-opacity='.17'/%3E%3C/svg%3E")}
.qwater .wv.f{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'%3E%3Cpath d='M0 9C50 2 100 2 150 9S250 16 300 9V16H0Z' fill='%23607994' fill-opacity='.16'/%3E%3C/svg%3E")}
.anim .qwater .wv.f{animation:qwx 7s linear infinite}.anim .qwater .wv.b{animation:qwx 11s linear infinite reverse}
@keyframes qwx{to{transform:translateX(-50%)}}
.qwater .qb{position:absolute;bottom:calc(4*var(--u));width:calc(5*var(--u));height:calc(5*var(--u));border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,.3) 60%,rgba(255,255,255,0) 72%);box-shadow:0 0 0 .5px rgba(255,255,255,.55);opacity:0}
.anim .qwater .qb{animation:qbub 5s ease-in infinite}
.qwater .qb:nth-child(3){left:16%}.qwater .qb:nth-child(4){left:34%;width:calc(3*var(--u));height:calc(3*var(--u));animation-delay:1.3s;animation-duration:4s}.qwater .qb:nth-child(5){left:52%;width:calc(6*var(--u));height:calc(6*var(--u));animation-delay:2.4s}
.qwater .qb:nth-child(6){left:67%;width:calc(3.5*var(--u));height:calc(3.5*var(--u));animation-delay:.7s;animation-duration:4.4s}.qwater .qb:nth-child(7){left:80%;animation-delay:3.1s}.qwater .qb:nth-child(8){left:44%;width:calc(2.5*var(--u));height:calc(2.5*var(--u));animation-delay:3.8s;animation-duration:3.6s}
@keyframes qbub{0%{transform:translate(0,0) scale(.5);opacity:0}12%{opacity:.95}60%{transform:translate(calc(3*var(--u)),calc(-60*var(--u))) scale(1)}100%{transform:translate(calc(-2*var(--u)),calc(-130*var(--u))) scale(1.15);opacity:0}}
.q-box .lb,.q-box .n,.q-box .sub,.q-box .qmoon,.q-box .qcap{z-index:1}
.q-box .qmoon{position:absolute;left:calc(147*var(--u));top:calc(86*var(--u));width:calc(56*var(--u));height:calc(56*var(--u));translate:-50% -50%}
.q-box .qmoon svg{width:100%;height:100%;overflow:visible}
.qmoon .hal{fill:rgba(11,42,75,.05)}
.qmoon .dk{fill:#fff;stroke:rgba(11,42,75,.12);stroke-width:.6;filter:drop-shadow(0 0 3px rgba(11,42,75,.2))}
.qmoon .lt{fill:url(#qmg);fill-opacity:.82}
.qmoon .cr circle{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.12);stroke-width:.5}
.qmoon .rim{fill:none;stroke:rgba(255,255,255,.6);stroke-width:.5}
.qmoon .sp{position:absolute;width:calc(7*var(--u));height:calc(7*var(--u));background:var(--ink);-webkit-mask:var(--star4) center/contain no-repeat;mask:var(--star4) center/contain no-repeat;opacity:.55}
.qmoon .s1{left:calc(-6*var(--u));top:calc(8*var(--u))}.qmoon .s2{right:calc(-8*var(--u));top:calc(-2*var(--u));width:calc(5*var(--u));height:calc(5*var(--u))}.qmoon .s3{right:calc(-3*var(--u));bottom:calc(4*var(--u));width:calc(4*var(--u));height:calc(4*var(--u))}
.anim .q-box .qmoon svg{animation:qmf 6s ease-in-out infinite}
.anim .qmoon .hal{animation:qmh 4s ease-in-out infinite;transform-origin:center}
.anim .qmoon .sp{animation:qms 2.6s ease-in-out infinite}.anim .qmoon .s2{animation-delay:.9s}.anim .qmoon .s3{animation-delay:1.7s}
@keyframes qmf{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes qmh{0%,100%{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@keyframes qms{0%,100%{opacity:.15;scale:.6}50%{opacity:.7;scale:1}}
.q-box .qcap{position:absolute;left:0;right:0;top:calc(116*var(--u));text-align:center;font:500 max(calc(9*var(--u)*var(--ts)),9px)/normal var(--th);color:var(--ink);letter-spacing:.02em;text-shadow:0 0 4px #fff}
.qfind{position:relative;display:flex;align-items:center;gap:calc(6*var(--u));width:calc(362*var(--u));height:calc(23*var(--u));margin:calc(2*var(--u)) auto 0;padding:0 calc(3*var(--u)) 0 calc(11*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.8);border:.5px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.18)}
.qfind svg{flex:none;width:calc(11*var(--u));height:calc(11*var(--u));color:var(--ink2)}
.qfind input{flex:1;min-width:0;border:0;background:none;outline:none;font:400 max(calc(10*var(--u)*var(--ts)),10px)/normal var(--th);letter-spacing:calc(-.24*var(--u));color:var(--ink)}
.qfind input::placeholder{color:rgba(11,42,75,.45)}
.qfind .qx{display:none;width:calc(16*var(--u));height:calc(16*var(--u));border-radius:50%;color:var(--ink2);font-size:calc(13*var(--u)*var(--ts));line-height:1}
.qfind.has .qx{display:grid;place-items:center}
.qfind .qgo{flex:none;height:calc(17*var(--u));padding:0 calc(10*var(--u));border-radius:calc(50*var(--u));background:#0b2a4b;border:.5px solid #3c546f;box-shadow:0 0 4px rgba(11,42,75,.5),inset 1px 2px 4px rgba(255,255,255,.4);color:#fff;font:500 max(calc(9*var(--u)*var(--ts)),9px)/1 var(--th);text-shadow:0 0 4px rgba(255,255,255,.6);transition:transform .3s var(--spring)}
.qfind .qgo:active{transform:scale(.92)}
.qfind.ld .qgo{opacity:.6}
.qfind:focus-within{box-shadow:0 0 0 1.5px rgba(11,42,75,.25),0 0 6px rgba(0,0,0,.15)}
.lpm .mb.lp2{padding-top:0;padding-bottom:calc(6*var(--p))}
.lp-tt{position:relative;height:calc(90*var(--p));margin-top:calc(4*var(--p));color:var(--ink)}
.lp-tt .a,.lp-tt .b{position:absolute;left:50%;transform:translateX(-50%);font:400 calc(40*var(--p))/normal var(--ms);white-space:nowrap;text-shadow:0 0 4px rgba(11,42,75,.2)}
.lp-tt .a{top:0;margin-left:calc(-14.5*var(--p))}.lp-tt .b{top:calc(25*var(--p));margin-left:calc(23*var(--p))}
.lp-tt .mi{position:absolute;left:50%;top:calc(52*var(--p));width:calc(19*var(--p));height:calc(30*var(--p));margin-left:calc(-53*var(--p));filter:drop-shadow(0 0 2px rgba(11,42,75,.2))}
.lp-tt .s4{position:absolute;left:50%;background:rgba(11,42,75,.75);-webkit-mask:var(--star4) center/contain no-repeat;mask:var(--star4) center/contain no-repeat}
.lp-tt .s4.a{width:calc(10*var(--p));height:calc(10*var(--p));margin-left:calc(-35*var(--p));top:calc(61*var(--p))}
.lp-tt .s4.b{width:calc(4*var(--p));height:calc(4*var(--p));margin-left:calc(-38*var(--p));top:calc(69*var(--p))}
.lp-tt .s4.c{width:calc(4*var(--p));height:calc(5*var(--p));margin-left:calc(-25*var(--p));top:calc(60*var(--p))}
.lp-tt .s4.d{width:calc(2.5*var(--p));height:calc(2.5*var(--p));margin-left:calc(-29*var(--p));top:calc(73*var(--p))}
.anim .lp-tt .s4{animation:qms 2.8s ease-in-out infinite}.anim .lp-tt .s4.b{animation-delay:.7s}.anim .lp-tt .s4.c{animation-delay:1.4s}.anim .lp-tt .s4.d{animation-delay:2.1s}
.anim .lp-tt .mi{animation:hfloat 4s ease-in-out infinite}
.lp-tt .pk{width:calc(33*var(--p));height:calc(21*var(--p));left:50%}
.lp-tt .pk .pi{width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(11,42,75,.2))}
.lp-tt .pk.lb1{margin-left:calc(50*var(--p));top:calc(14*var(--p));transform:rotate(165deg) scaleY(-1)}
.lp-tt .pk.lb2{margin-left:calc(-87*var(--p));top:calc(53*var(--p));transform:rotate(-116deg)}
.lp-tx{margin:0;text-align:center;font:400 calc(8*var(--f))/1.38 var(--th);white-space:pre-line;color:var(--ink)}
.lp-in{display:flex;gap:calc(4*var(--p));width:calc(283*var(--p));margin:calc(16*var(--p)) auto 0}
.lp-in input{flex:1;min-width:0;height:calc(27*var(--p));min-height:34px;border:0;border-radius:calc(9*var(--p));background:#eee;padding:0 calc(10*var(--p));font:500 calc(8*var(--f))/normal var(--th);color:var(--ink);outline:none;text-align:left}
.lp-in input::placeholder{color:rgba(11,42,75,.5)}
.lp-in input:focus{box-shadow:0 0 0 1.5px rgba(11,42,75,.25)}
.lp-in .ck2{flex:none;width:calc(60*var(--p));min-width:64px;height:calc(27*var(--p));min-height:34px;border-radius:calc(9*var(--p));background:rgba(11,42,75,.75);box-shadow:inset 0 2px 4px rgba(255,255,255,.5);color:#fff;font:500 calc(10*var(--f))/1 var(--th);display:flex;align-items:center;justify-content:center;gap:4px}
.lp-in .ck2:active{transform:scale(.95)}
.lp-in .ck2.ld{color:transparent;position:relative}.lp-in .ck2.ld::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:mrot .8s linear infinite}
.lp-moon{width:calc(196*var(--p));height:calc(196*var(--p));margin:calc(30*var(--p)) auto 0}
.lp-moon svg{width:100%;height:100%;overflow:visible}
.lp-moon .dk{fill:rgba(255,255,255,.9);filter:drop-shadow(0 0 7.5px rgba(11,42,75,.25))}
.lp-moon .lnf{fill:#0b2a4b}
.lp-moon .rim{fill:none;stroke:#0b2a4b;stroke-width:1}
.lp-moon text{fill:#0b2a4b}.lp-moon .t2 text{fill:#fff}
.lp-moon .n{font:400 96px var(--gla)}.lp-moon .u{font:400 40px var(--gla)}.lp-moon .ph{font:400 24px var(--pae)}
.lp-moon .t1{filter:drop-shadow(0 0 2px rgba(11,42,75,.2))}
.anim .lp-moon svg{animation:lpm 7s ease-in-out infinite}
@keyframes lpm{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.lp-more{margin-top:calc(17*var(--p));text-align:center;color:var(--ink);min-height:calc(37*var(--p))}
.lp-more .l1{font:400 calc(20*var(--p))/normal var(--pae);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.lp-more .l1 .nb{font-family:var(--bri)}
.lp-more .l2{font:400 calc(8*var(--f))/normal var(--th)}
.lp-hist{width:calc(303*var(--p));margin:calc(14*var(--p)) auto 0}
.lp-hist .r{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(3*var(--p)) 0 calc(5*var(--p));border-bottom:.5px solid rgba(11,42,75,.45);color:var(--ink)}
.lp-hist .r .a{font:400 calc(8*var(--f))/1.3 var(--th)}.lp-hist .r small{display:block;font:300 calc(7*var(--f))/1.3 var(--th)}
.lp-hist .r b{font:500 calc(8*var(--f))/1 var(--th);white-space:nowrap}.lp-hist .r b.n{color:#9a3b3b}
.lp-hist .emp{text-align:center;font:400 calc(7*var(--f))/1.5 var(--th);color:var(--ink2)}
.lp-pz{display:grid;gap:calc(5*var(--p));width:calc(303*var(--p));margin:calc(16*var(--p)) auto 0}
.lp-pz .pz{position:relative;display:flex;align-items:center;min-height:calc(24*var(--p));padding:calc(3*var(--p)) calc(4*var(--p)) calc(3*var(--p)) calc(6*var(--p));border-radius:calc(20*var(--p));background:rgba(244,245,247,.8);box-shadow:inset 0 0 0 .3px #d7dde4;color:var(--ink);transition:box-shadow .4s,background .4s}
.lp-pz .pz .dt{flex:none;width:calc(14*var(--p));height:calc(14*var(--p));filter:drop-shadow(0 0 2.5px rgba(11,42,75,.2))}
.lp-pz .pz .dt svg{width:100%;height:100%;display:block}
.lp-pz .pz b{flex:none;width:calc(27*var(--p));margin-right:calc(26*var(--p));text-align:right;font:400 calc(16*var(--p))/1 var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2)}
.lp-pz .pz span{flex:1;min-width:0;font:400 calc(9*var(--f))/1.3 var(--th)}
.lp-pz .pz .go{flex:none;min-width:calc(36*var(--p));height:calc(15*var(--p));min-height:22px;padding:0 calc(6*var(--f));border-radius:calc(20*var(--p));background:rgba(11,42,75,.2);box-shadow:inset 0 0 0 .3px rgba(11,42,75,.3);color:#fff;font:500 calc(7.5*var(--f))/1 var(--th);white-space:nowrap;transition:background .3s,transform .2s}
.lp-pz .pz.ok{background:rgba(255,255,255,.95);box-shadow:inset 0 0 0 .6px rgba(11,42,75,.35),0 0 8px rgba(11,42,75,.12)}
.lp-pz .pz.ok .go{background:rgba(11,42,75,.75);cursor:pointer}
.anim .lp-pz .pz.ok .go{animation:lpgo 2.4s ease-in-out infinite}
@keyframes lpgo{0%,100%{box-shadow:0 0 0 0 rgba(11,42,75,.25)}50%{box-shadow:0 0 0 4px rgba(11,42,75,0)}}
.lp-pz .pz.pd .go{background:rgba(235,176,0,.85)}
.lp-pz .pz .go:active{transform:scale(.94)}
.lp-pz .pz .go.ld{color:transparent}
.lp-note{margin-top:calc(10*var(--p));text-align:center;font:400 calc(6.5*var(--f))/1.5 var(--th);color:var(--ink2)}
.qr.mine .qc,.qr.mine .pb,.qr.mine .pc{box-shadow:0 0 0 1.2px rgba(11,42,75,.85),0 0 12px rgba(11,42,75,.22)}
.qr.mine .tag{position:absolute;left:calc(198*var(--u));top:calc(-9*var(--u));height:calc(14*var(--u));padding:0 calc(7*var(--u));border-radius:calc(9*var(--u));background:#0b2a4b;color:#fff;font:600 max(calc(7*var(--u)*var(--ts)),7px)/calc(14*var(--u)) var(--th);box-shadow:0 2px 6px rgba(11,42,75,.35);z-index:2}
.qempty{padding:calc(40*var(--u)) 0;text-align:center;font:400 max(calc(11*var(--u)*var(--ts)),11px)/1.6 var(--th);color:var(--ink2)}
.grid{display:grid;grid-template-columns:repeat(3,calc(131*var(--u)));column-gap:calc(9*var(--u));row-gap:calc(17.2*var(--u));padding:calc(9*var(--u)) 0 0 calc(14*var(--u))}
.pc1{position:relative;width:calc(131*var(--u));height:calc(134.8*var(--u));border-radius:calc(13*var(--u));background:#fff;box-shadow:0 0 4px rgba(11,42,75,.2);display:block;text-align:center;transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .4s}
.pc1 .im{position:absolute;left:calc(3.6*var(--u));top:calc(3.7*var(--u));width:calc(123.8*var(--u));height:calc(80.3*var(--u));border-radius:calc(13*var(--u));background:#c9c9c9;overflow:hidden}
.pc1 .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pc1 .im .hn{position:absolute;left:calc(67.4*var(--u));top:calc(71.25*var(--u));transform:translateY(-50%);font:500 max(calc(6*var(--u)*var(--ts)),6px)/10px var(--th);color:#fff;white-space:nowrap;text-shadow:0 0 3px rgba(0,0,0,.3)}
.pc1 .tg{position:absolute;left:0;right:0;top:calc(92*var(--u));transform:translateY(-50%);font:500 max(calc(8*var(--u)*var(--ts)),8px)/10px var(--th);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(6*var(--u))}
.pc1 .pr{position:absolute;left:0;right:0;top:calc(104.4*var(--u));transform:translateY(-50%);font:700 max(calc(9*var(--u)*var(--ts)),9px)/10px var(--th);white-space:nowrap}
.pc1 .by{position:absolute;left:calc(47.5*var(--u));top:calc(114*var(--u));width:calc(36*var(--u));height:calc(15.2*var(--u));border-radius:calc(50*var(--u));background:rgba(11,42,75,.7);border:.5px solid rgba(60,84,111,.7);box-shadow:0 0 3px rgba(11,42,75,.2);color:#fff;font:500 max(calc(8.5*var(--u)*var(--ts)),8px)/calc(15*var(--u)) var(--th);transition:transform .3s var(--spring),background .3s}
.pc1:active .by{transform:scale(.88)}
.pc1.so::after,.pc2.so::after{content:attr(data-so);position:absolute;inset:0;border-radius:inherit;background:rgba(252,253,255,.6);display:grid;place-items:center;font:600 max(calc(10*var(--u)*var(--ts)),10px)/1 var(--th);color:var(--ink)}
@media (hover:hover){.pc1:hover,.pc2:hover{box-shadow:0 8px 22px rgba(11,42,75,.2)}.pc1:hover .im img,.pc2:hover .im img{transform:scale(1.08)}}
.grid.v2{row-gap:calc(14*var(--u));column-gap:calc(10.4*var(--u))}
.pc2{position:relative;width:calc(129*var(--u));height:calc(131*var(--u));border-radius:calc(13*var(--u));background:rgba(255,255,255,.9);box-shadow:0 0 4px rgba(11,42,75,.2);display:block;transition:transform .5s var(--ease),box-shadow .4s}
.pc2 .im{position:absolute;left:calc(3.85*var(--u));top:calc(3.85*var(--u));width:calc(122*var(--u));height:calc(122*var(--u));border-radius:calc(13*var(--u));background:#c9c9c9;overflow:hidden}
.pc2 .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.pc2 .ib{position:absolute;left:calc(8*var(--u));top:calc(104*var(--u));width:calc(113*var(--u));height:calc(17*var(--u));border-radius:calc(7*var(--u));background:rgba(255,255,255,.5);box-shadow:0 0 4px rgba(11,42,75,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pc2 .ib .tg{position:absolute;left:calc(5*var(--u));top:50%;transform:translateY(-50%);max-width:calc(30*var(--u));overflow:hidden;font:500 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--th);white-space:nowrap;text-shadow:0 0 3px rgba(11,42,75,.2)}
.pc2 .ib .pr{position:absolute;left:calc(36*var(--u));top:50%;transform:translateY(-50%);font:700 max(calc(7*var(--u)*var(--ts)),7px)/1 var(--th);white-space:nowrap;text-shadow:0 0 3px rgba(11,42,75,.2)}
.pc2 .ib .by{position:absolute;right:calc(4*var(--u));top:calc(3*var(--u));width:calc(22*var(--u));height:calc(11*var(--u));border-radius:calc(4*var(--u));background:rgba(11,42,75,.7);border:.5px solid rgba(60,84,111,.7);color:#fff;font:500 max(calc(7*var(--u)*var(--ts)),6.5px)/calc(11*var(--u)) var(--th);text-align:center}
.empty{padding:calc(50*var(--u)) calc(20*var(--u));text-align:center;font:400 max(calc(11*var(--u)*var(--ts)),11px)/1.7 var(--th);color:var(--ink2);white-space:pre-line}
.pt-card{position:relative;width:calc(334*var(--u));margin:calc(6*var(--u)) auto 0;border-radius:calc(24*var(--u));background:rgba(255,255,255,.92);box-shadow:var(--sh);padding:calc(20*var(--u)) calc(22*var(--u)) calc(22*var(--u));overflow:hidden;text-align:center}
.pt-card .bf{position:absolute;right:calc(-10*var(--u));top:calc(-14*var(--u));width:calc(110*var(--u));opacity:.22;transform:rotate(18deg);mix-blend-mode:multiply;pointer-events:none}
.pt-card h3{margin:0;font:400 calc(32*var(--u)*var(--ts))/1 var(--ms);font-weight:400}
.pt-card p{margin:calc(8*var(--u)) 0 0;font:400 max(calc(9*var(--u)*var(--ts)),9px)/1.6 var(--th);color:var(--ink2);white-space:pre-line}
.pt-in{display:flex;gap:calc(6*var(--u));margin-top:calc(14*var(--u))}
.pt-in input{flex:1;min-width:0;height:calc(30*var(--u));min-height:34px;border-radius:calc(12*var(--u));border:0;background:#eee;padding:0 calc(12*var(--u));font-size:max(calc(10*var(--u)*var(--ts)),10px);outline:none;transition:box-shadow .3s}
.pt-in input:focus{box-shadow:0 0 0 2px rgba(11,42,75,.3)}
.pt-in button{flex:0 0 auto;height:calc(30*var(--u));min-height:34px;padding:0 calc(14*var(--u));border-radius:calc(12*var(--u));background:rgba(11,42,75,.85);color:#fff;font:500 max(calc(9*var(--u)*var(--ts)),9px)/1 var(--th);box-shadow:inset 1px 2px 4px rgba(255,255,255,.35)}
.pt-res{margin-top:calc(16*var(--u))}
.pt-orb{position:relative;width:calc(150*var(--u));height:calc(150*var(--u));margin:0 auto}
.pt-orb svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}
.pt-orb .v{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:calc(2*var(--u))}
.pt-orb .v b{font:400 calc(46*var(--u)*var(--ts))/1 var(--bil);color:var(--ink)}
.pt-orb .v span{font:italic 400 max(calc(8*var(--u)*var(--ts)),8px)/1 var(--geo);color:var(--ink2)}
.pt-tier{margin-top:calc(8*var(--u));font:400 calc(22*var(--u)*var(--ts))/1.2 var(--ms)}
.pt-next{font:400 max(calc(9*var(--u)*var(--ts)),9px)/1.5 var(--th);color:var(--ink2)}
.pt-rw{margin-top:calc(16*var(--u));display:grid;gap:calc(7*var(--u));text-align:left}
.pt-rw .it{position:relative;display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(9*var(--u)) calc(12*var(--u));border-radius:calc(14*var(--u));background:rgba(11,42,75,.04);box-shadow:inset 0 0 0 .5px rgba(11,42,75,.08);overflow:hidden}
.pt-rw .it b{font:italic 700 calc(15*var(--u)*var(--ts))/1 var(--geo);min-width:calc(42*var(--u))}
.pt-rw .it span{font:400 max(calc(9*var(--u)*var(--ts)),9px)/1.4 var(--th);flex:1}
.pt-rw .it i{position:absolute;left:0;bottom:0;height:calc(2*var(--u));background:linear-gradient(90deg,#3c546f,#0b2a4b);transition:width 1.4s var(--ease)}
.pt-rw .it.ok{background:rgba(235,176,0,.08);box-shadow:inset 0 0 0 1px rgba(235,176,0,.45)}
.pt-rw .it.ok b{color:#b58700}
.pt-h{margin-top:calc(16*var(--u));text-align:left}
.pt-h .r{display:flex;justify-content:space-between;gap:calc(8*var(--u));padding:calc(7*var(--u)) calc(2*var(--u));border-bottom:.5px solid rgba(11,42,75,.12);font:400 max(calc(8.5*var(--u)*var(--ts)),8.5px)/1.4 var(--th)}
.pt-h .r b{font-weight:600;white-space:nowrap}.pt-h .r b.n{color:#a33}
.pt-h .r small{display:block;color:var(--ink2);font-size:.85em}
.pt-note{margin-top:calc(12*var(--u));font:400 max(calc(8.5*var(--u)*var(--ts)),8.5px)/1.5 var(--th);color:var(--ink2)}
.bnav{position:fixed;left:50%;bottom:calc(calc(27*var(--u)) + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;height:calc(47*var(--u));width:calc(233*var(--u));border-radius:calc(50*var(--u));background:rgba(255,255,255,.8);box-shadow:var(--sh);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);transition:transform .6s var(--spring),opacity .5s}
.bnav.hid,body.r-main .bnav{transform:translate(-50%,160%);opacity:0}
.bnav a{position:absolute;top:0;width:calc(64*var(--u));height:calc(47*var(--u));margin-left:calc(-32*var(--u));color:var(--ink);transition:transform .35s var(--spring)}
.bnav a.nrv{left:calc(35.5*var(--u))}.bnav a.pt{left:calc(116.5*var(--u))}.bnav a.qu{left:calc(201.5*var(--u))}
.bnav:not(:has(.pt)) a.nrv{left:calc(70*var(--u))}.bnav:not(:has(.pt)) a.qu{left:calc(163*var(--u))}
.bnav:has(.hm){width:calc(302*var(--u))}.bnav:has(.hm) a.hm{left:calc(36*var(--u))}.bnav:has(.hm) a.nrv{left:calc(113*var(--u))}.bnav:has(.hm) a.pt{left:calc(189*var(--u))}.bnav:has(.hm) a.qu{left:calc(266*var(--u))}
.bnav:has(.hm):not(:has(.pt)){width:calc(233*var(--u))}.bnav:has(.hm):not(:has(.pt)) a.hm{left:calc(35.5*var(--u))}.bnav:has(.hm):not(:has(.pt)) a.nrv{left:calc(116.5*var(--u))}.bnav:has(.hm):not(:has(.pt)) a.qu{left:calc(201.5*var(--u))}
.bnav a.hm .i{width:calc(24*var(--u));height:calc(24*var(--u));--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8 2.6 9.6c-.5.4-.2 1.2.4 1.2H4.4V21c0 .6.4 1 1 1h4.4v-5.6a2.2 2.2 0 0 1 4.4 0V22h4.4c.6 0 1-.4 1-1V10.8H21c.6 0 .9-.8.4-1.2Z'/%3E%3Cpath d='M12 5.2l.5 1.3 1.3.5-1.3.5-.5 1.3-.5-1.3-1.3-.5 1.3-.5Z' fill='%23000' opacity='0'/%3E%3C/svg%3E")}
.anim .bnav a.hm .i{animation:navhm 5s ease-in-out infinite}
@keyframes navhm{0%,100%{translate:-50% -50%}50%{translate:-50% calc(-50% - 2px)}}
.bnav a .i{position:absolute;left:50%;top:calc(19.5*var(--u));translate:-50% -50%;display:block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(11,42,75,.2))}
.bnav a.nrv .i{width:calc(30*var(--u));height:calc(28*var(--u));transform:rotate(-18.45deg);--m:url(/caelia/a/m_bf.png)}
.bnav a.qu .i{width:calc(23*var(--u));height:calc(31*var(--u));--m:url(/caelia/a/m_bird.png)}
.bnav a.pt .i{width:calc(22*var(--u));height:calc(22*var(--u));--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 2.2A10 10 0 1 0 21.8 15 8 8 0 0 1 15.5 2.2Z'/%3E%3Cpath d='M18 4l.6 1.6L20.2 6l-1.6.6L18 8.2l-.6-1.6L15.8 6l1.6-.4Z'/%3E%3C/svg%3E");}
.bnav a span{position:absolute;left:50%;top:calc(36.5*var(--u));transform:translate(-50%,-50%);font:500 max(calc(8*var(--u)*var(--ts)),8px)/normal var(--th);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.bnav a.on{color:#c9c9c9}
.bnav a:active .i{scale:.86}
.bnav a.bump .i{animation:bump .6s var(--spring)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-10deg)}100%{transform:scale(1)}}
.bnav a .dot{position:absolute;top:calc(2*var(--u));right:calc(4*var(--u));min-width:calc(13*var(--u));height:calc(13*var(--u));padding:0 calc(3*var(--u));border-radius:calc(9*var(--u));background:var(--gold);color:#fff;font:600 max(calc(7*var(--u)*var(--ts)),7px)/calc(13*var(--u)) var(--th);text-align:center;box-shadow:0 2px 5px rgba(235,176,0,.45)}
.mo-bg{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:rgba(229,233,241,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}
.mo-bg.on{opacity:1}
.mo{--W2:min(100vw - 24px,400px);--p:calc(var(--W2)/380);--f:calc(var(--p)*1.3);position:relative;width:var(--W2);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:calc(20*var(--p));background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 4px rgba(11,42,75,.2),0 20px 60px rgba(11,42,75,.16);transform:translateY(24px) scale(.94);opacity:0;filter:blur(4px);transition:transform .55s var(--spring),opacity .4s,filter .4s;scrollbar-width:none}
.mo::-webkit-scrollbar{display:none}
.mo-bg.on .mo{transform:none;opacity:1;filter:none}
.mo-bg.out .mo{transform:translateY(14px) scale(.96);opacity:0}
.mo .mh{position:sticky;top:0;z-index:3;min-height:calc(48*var(--p));padding:calc(14*var(--p)) calc(70*var(--p)) calc(8*var(--p));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2*var(--p));background:linear-gradient(rgba(255,255,255,.96) 82%,rgba(255,255,255,0))}
.mo .mh .br{position:absolute;left:calc(18*var(--p));top:calc(27*var(--p));transform:translateY(-50%);font:italic 400 calc(7*var(--f))/normal var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.mo .mh .tt{max-width:calc(150*var(--p));text-align:center;font:italic 400 calc(7*var(--f))/normal var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2)}
.mo .mh .tt small,.mo .mh .ds{display:block;max-width:calc(230*var(--p));margin-top:calc(2*var(--p));text-align:center;font:400 calc(6*var(--f))/normal var(--th);font-style:normal}
.mo .mh .cp,.mo .mh .x{position:absolute;right:calc(18*var(--p));top:calc(18*var(--p));min-width:calc(42*var(--p));height:calc(17*var(--f));padding:0 calc(6*var(--f));border-radius:calc(15*var(--p));background:rgba(11,42,75,.5);box-shadow:0 0 4px rgba(11,42,75,.2);display:grid;place-items:center;color:var(--bg);font:400 calc(6*var(--f))/1 var(--th);white-space:nowrap;max-width:calc(100*var(--p));overflow:hidden;text-overflow:ellipsis}
.mo .mh .x{min-width:0;width:calc(17*var(--f));padding:0;font-size:calc(9*var(--f))}
.mo .hr{display:block;height:.5px;margin:0 calc(46*var(--p)) 0 calc(45*var(--p));background:rgba(11,42,75,.3)}
.mo .mb{padding:calc(10*var(--p)) calc(45*var(--p)) calc(4*var(--p))}
.mo .ft{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12*var(--p)) calc(18*var(--p)) calc(12*var(--p)) calc(24*var(--p));background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.95) 35%)}
.mo .ft .st{width:calc(18.6*var(--p));height:calc(18.6*var(--p))}
.anim .mo .ft .st svg{animation:twk 3.6s ease-in-out infinite}
.btn{position:relative;height:calc(17*var(--f));padding:0 calc(9*var(--f));border-radius:calc(15*var(--p));background:rgba(11,42,75,.75);box-shadow:0 0 4px rgba(11,42,75,.2),inset 1px 2px 4px rgba(255,255,255,.3);color:#fff;font:500 calc(7*var(--f))/1 var(--th);text-shadow:0 0 4px rgba(11,42,75,.2);display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;white-space:nowrap;transition:transform .3s var(--spring),opacity .3s}
.btn:active{transform:scale(.94)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.gh{background:rgba(255,255,255,.7);color:var(--ink);box-shadow:0 0 4px rgba(11,42,75,.2)}
.btn.ld::after{content:'';width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:mrot .8s linear infinite}
.steps{display:flex;justify-content:center;gap:calc(7*var(--p));margin:0 0 calc(4*var(--p))}
.steps span{height:calc(13*var(--f));padding:0 calc(5*var(--f));border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(11,42,75,.2);display:grid;place-items:center;font:400 calc(7*var(--f))/1 var(--th);white-space:nowrap;transition:background .4s,color .4s}
.steps span.on{background:rgba(11,42,75,.4);color:#fff;font-weight:500}
.steps span.ok{background:rgba(11,42,75,.12)}
.fd{margin-bottom:calc(11*var(--p))}
.fd>label,.fd>.lb{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:calc(13*var(--f));margin:0;font:500 calc(8*var(--f))/normal var(--th)}
.fd .in{width:100%;height:calc(21*var(--f));border:0;border-radius:calc(6*var(--f));background:#eee;padding:0 calc(10*var(--p));font:400 calc(7*var(--f))/normal var(--th);color:var(--ink);outline:none;transition:box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none}
.fd .in::placeholder{color:rgba(11,42,75,.5)}
.fd .in:focus{box-shadow:0 0 0 1.5px rgba(11,42,75,.25);background:#f4f4f6}
.fd textarea.in{height:auto;min-height:calc(60*var(--f));padding:calc(5*var(--f)) calc(10*var(--p));border-radius:calc(7*var(--f));resize:vertical}
.fd .sel{position:relative}
.fd .sel .in{background:#dfe1e4;border-radius:calc(10*var(--f));padding-right:calc(28*var(--p))}
.fd .sel::after,.dtw::after{content:'';position:absolute;right:calc(8*var(--p) + 2px);top:50%;width:calc(8*var(--f));height:calc(7*var(--f));margin-top:calc(-3.5*var(--f));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpath d='M2.73 6C3.11 6.66 4.08 6.66 4.46 6L7.06 1.5C7.44 .83 6.96 0 6.19 0H1C.23 0-.24.83.13 1.5L2.73 6Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;transition:transform .3s}
.fd .sel:focus-within::after{transform:rotate(180deg)}
.fd input[type=date].in{background:#dfe1e4;border-radius:calc(10*var(--f));text-align:left;display:flex;align-items:center}
.fd input[type=date].in::-webkit-date-and-time-value{text-align:left}
.dtw{position:relative}.dtw.em input{color:transparent}.dtw.em::before{content:attr(data-ph);position:absolute;left:calc(10*var(--p));right:calc(28*var(--p));top:50%;transform:translateY(-50%);color:rgba(11,42,75,.5);pointer-events:none;font:400 calc(7*var(--f))/normal var(--th);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.dtw.em:focus-within input{color:inherit}.dtw.em:focus-within::before{opacity:0}.fd input[type=date]::-webkit-calendar-picker-indicator{opacity:0}
.fd input[type=time].in{background:#dfe1e4;border-radius:calc(10*var(--f));text-align:left;display:flex;align-items:center}
.fd input[type=time].in::-webkit-date-and-time-value{text-align:left}
.fd .btm{display:flex;align-items:center;gap:calc(6*var(--p));margin-top:calc(5*var(--p))}
.fd .btm>span{flex:none;font:400 calc(6.5*var(--f))/normal var(--th);color:var(--ink2)}
.fd .btm .tmw{flex:1;min-width:0}.fd .btm .tmw::after{display:none}
.fd .btm .tx{flex:none;width:calc(17*var(--f));height:calc(17*var(--f));border-radius:50%;background:rgba(11,42,75,.08);color:var(--ink);font:400 calc(9*var(--f))/1 var(--th);opacity:0;pointer-events:none;transition:opacity .3s}
.fd.hast .btm .tx{opacity:1;pointer-events:auto}
.fd .zi{display:flex;flex-wrap:wrap;gap:calc(4*var(--p));max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s,margin .4s}
.fd .zi.on{max-height:calc(60*var(--f));opacity:1;margin-top:calc(6*var(--p))}
.fd .zi span{display:inline-flex;align-items:center;gap:3px;height:calc(14*var(--f));padding:0 calc(6*var(--f));border-radius:20px;background:rgba(11,42,75,.06);box-shadow:inset 0 0 0 .5px rgba(11,42,75,.15);font:500 calc(6.5*var(--f))/1 var(--th);color:var(--ink);white-space:nowrap}
.fd .zi span.z{background:rgba(11,42,75,.75);color:#fff;box-shadow:none}
.fd .zi i{font-style:normal;font-family:'Segoe UI Symbol','Apple Symbols','Noto Sans Symbols 2',var(--th);font-size:1.15em}
.fd .zi em{font:italic 400 .95em/1 var(--geo);opacity:.85}
.fd .zi span.h{background:none;box-shadow:none;color:var(--ink2);font-weight:400;padding:0 2px}
.anim .fd .zi.on span{animation:zin .5s var(--spring) both}.anim .fd .zi.on span:nth-child(2){animation-delay:.06s}.anim .fd .zi.on span:nth-child(3){animation-delay:.12s}
@keyframes zin{from{opacity:0;transform:translateY(4px) scale(.9)}}
.fd .chk{display:flex;align-items:center;gap:calc(9*var(--p));min-height:calc(23*var(--f));padding:0 calc(6*var(--p)) 0 calc(10*var(--p));border-radius:calc(6*var(--f));background:#eee;font:400 calc(7*var(--f))/normal var(--th);cursor:pointer;transition:background .3s}
.fd .opt{display:flex;align-items:center;gap:calc(10*var(--p));min-height:calc(26*var(--f));font:400 calc(7*var(--f))/normal var(--th);cursor:pointer}
.fd .chk b,.fd .opt b{margin-left:auto;font-weight:600;white-space:nowrap}
.fd .bx{flex:0 0 auto;width:calc(9*var(--f));height:calc(9*var(--f));border:.8px solid rgba(11,42,75,.5);border-radius:2px;display:grid;place-items:center;transition:background .3s,border-color .3s}
.fd .opt .bx{border-radius:50%}
.fd input:checked+.bx{background:var(--ink);border-color:var(--ink)}
.fd input:checked+.bx::after{content:'';width:45%;height:45%;border-radius:inherit;background:#fff;transform:scale(0);animation:pop .35s var(--spring) forwards}
.fd .chk:has(input:checked){background:#e4e8ef}
@keyframes pop{to{transform:scale(1)}}
.fd .chk input,.fd .opt input{position:absolute;opacity:0;pointer-events:none}
.fd .opts{border-radius:calc(10*var(--f));background:#eee;padding:calc(3*var(--p)) calc(12*var(--p)) calc(3*var(--p)) calc(14*var(--p))}
.fd .opts .opt{border-bottom:.5px solid rgba(11,42,75,.15);padding:0 0 0 0}
.fd .opts .opt:last-child{border-bottom:0}
.fd .qty{display:inline-flex;align-items:center;gap:0;border-radius:20px;background:#eee;overflow:hidden}
.fd .qty button{width:calc(18*var(--f));height:calc(15*var(--f));font-size:calc(9*var(--f));color:var(--ink)}
.fd .qty span{min-width:calc(14*var(--f));text-align:center;font-weight:600}
.fd .ct{display:grid;gap:calc(4*var(--p))}
.fd.bad .in,.fd.bad .chk,.fd.bad .opts{box-shadow:0 0 0 1.5px #d06b6b}
.fd.bad{animation:shake .45s}
@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.tot{display:flex;align-items:baseline;justify-content:space-between;margin:calc(2*var(--p)) 0 calc(4*var(--p));font:500 calc(8*var(--f))/normal var(--th)}
.tot b{font:italic 700 calc(14*var(--f))/1 var(--geo)}
.pay{position:relative;text-align:center}
.pay .sc{position:relative;z-index:1;margin:calc(8*var(--p)) 0 calc(4*var(--p));font:500 calc(10*var(--p)*1.15)/normal var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.pay .qw{position:relative;height:calc(180*var(--p));margin:0 calc(-45*var(--p))}
.pay .pw{position:absolute;top:calc(-4*var(--p));width:calc(138.7*var(--p));height:calc(173.5*var(--p));display:flex;align-items:center;justify-content:center;opacity:.5;pointer-events:none}
.pay .pw.l{left:calc(26.6*var(--p));transform-origin:100% 55%}.pay .pw.r{left:calc(214.7*var(--p));transform-origin:0 55%}
.pay .pw i{display:block;flex:none;width:calc(113.8*var(--p));height:calc(156.5*var(--p));overflow:hidden;position:relative;filter:drop-shadow(0 0 5px rgba(11,42,75,.3))}
.pay .pw.l i{transform:rotate(9.77deg)}.pay .pw.r i{transform:rotate(170.23deg) scaleY(-1)}
.pay .pw img{position:absolute;left:-.65%;top:0;height:100%;width:216.93%;max-width:none}
.anim .pay .pw.l{animation:pwl 3.8s ease-in-out infinite}.anim .pay .pw.r{animation:pwr 3.8s ease-in-out infinite}
@keyframes pwl{0%,55%,100%{transform:perspective(500px) rotateY(0)}63%{transform:perspective(500px) rotateY(48deg)}71%{transform:perspective(500px) rotateY(6deg)}79%{transform:perspective(500px) rotateY(40deg)}88%{transform:perspective(500px) rotateY(0)}}
@keyframes pwr{0%,55%,100%{transform:perspective(500px) rotateY(0)}63%{transform:perspective(500px) rotateY(-48deg)}71%{transform:perspective(500px) rotateY(-6deg)}79%{transform:perspective(500px) rotateY(-40deg)}88%{transform:perspective(500px) rotateY(0)}}
.pay .qrc{position:absolute;left:50%;top:0;width:calc(180*var(--p));height:calc(180*var(--p));margin-left:calc(-90*var(--p));border-radius:calc(15*var(--p));background:#eee;box-shadow:0 0 5px rgba(11,42,75,.2);padding:calc(12*var(--p));overflow:hidden;z-index:1}
.pay .qrc:has(svg){background:#fff}
.pay .qrc svg,.pay .qrc img{width:100%;height:100%;display:block;border-radius:calc(6*var(--p))}
.pay .ac{margin-top:calc(17*var(--p));font:400 calc(10*var(--p)*1.15)/1.7 var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.pay .am{margin:calc(2*var(--p)) 0 0;font:500 calc(32*var(--p)*1.1)/normal var(--th);text-shadow:0 0 5px rgba(11,42,75,.2)}
.pay .oc{margin-top:calc(2*var(--p));font:500 calc(7*var(--f))/normal var(--th);color:#a09fa3}
.pay .snote{margin:calc(8*var(--p)) auto 0;width:calc(250*var(--p));max-width:100%;text-align:left}
.pay .snote .sl{font:500 calc(6.5*var(--f))/1.35 var(--th);color:var(--ink2);margin:0 0 calc(4*var(--p)) calc(6*var(--p))}
.pay .snote .sb{display:flex;align-items:center;gap:calc(6*var(--p));height:calc(30*var(--p));min-height:34px;padding:0 calc(4*var(--p)) 0 calc(12*var(--p));border-radius:calc(30*var(--p));background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(11,42,75,.14),0 0 5px rgba(11,42,75,.1)}
.pay .snote .snt{flex:1;min-width:0;font:600 calc(8*var(--f))/normal var(--th);color:var(--ink);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all}
.pay .snote .scp{flex:none;display:flex;align-items:center;gap:4px;height:calc(23*var(--p));min-height:28px;padding:0 calc(10*var(--p));border-radius:calc(30*var(--p));background:var(--ink);color:#fff;font:600 calc(6.5*var(--f))/1 var(--th);transition:background .3s,transform .2s}
.pay .snote .scp svg{width:13px;height:13px}
.pay .snote .scp:active{transform:scale(.94)}
.pay .snote .scp.ok{background:#3b7a57}
.pay .dl{margin-top:calc(8*var(--p));font:500 calc(7*var(--f))/1 var(--th);color:var(--ink2);text-decoration:underline}
.slip{margin:calc(19*var(--p)) calc(-7*var(--p)) 0;border-radius:calc(13*var(--p));background:rgba(255,255,255,.9);box-shadow:0 0 5px rgba(11,42,75,.2);padding:calc(10*var(--p)) calc(12*var(--p)) calc(12*var(--p));text-align:center}
.slip .lb{font:500 calc(10*var(--p)*1.15)/normal var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.slip label{display:grid;place-items:center;margin-top:calc(8*var(--p));min-height:calc(104*var(--p));border-radius:calc(10*var(--p));border:1px dashed rgba(11,42,75,.22);background:rgba(238,238,238,.5);cursor:pointer;overflow:hidden;transition:border-color .3s,background .3s}
.slip label:active{border-color:var(--ink);background:#eee}
.slip label input{display:none}
.slip label img{max-width:100%;max-height:260px;object-fit:contain}
.slip label span{font:400 calc(7*var(--f))/1.5 var(--th);color:var(--ink2)}
.slip .nt{margin-top:calc(8*var(--p));font:400 calc(7*var(--f))/normal var(--th);color:#a09fa3}
.err{margin:calc(6*var(--p)) 0 0;font:500 calc(7*var(--f))/1.4 var(--th);color:#b04848;text-align:center}
.err:empty{display:none}
.thx2{text-align:center;padding-bottom:calc(8*var(--p))}
.thx2 .art{position:relative;height:calc(129*var(--p))}
.thx2 .hb2{position:absolute;left:50%;top:calc(2*var(--p));width:calc(148*var(--p));height:calc(110*var(--p));margin-left:calc(-74*var(--p))}
.thx2 .hb2 .ht{position:absolute;left:calc(38*var(--p));top:calc(14*var(--p));width:calc(72*var(--p));height:calc(68*var(--p))}
.thx2 .hb2 .ht img{position:absolute;inset:0;width:100%;height:100%}
.thx2 .hb2 .w{position:absolute;top:calc(10*var(--p));width:calc(64*var(--p));height:calc(77*var(--p));display:flex;align-items:center;justify-content:center;opacity:.5}
.thx2 .hb2 .wl{left:calc(10*var(--p));transform-origin:88% 55%}.thx2 .hb2 .wr{left:calc(74.22*var(--p));transform-origin:12% 55%}
.thx2 .hb2 .w i{display:block;flex:none;width:calc(48.6*var(--p));height:calc(66.825*var(--p));overflow:hidden;position:relative;filter:drop-shadow(0 0 5px rgba(11,42,75,.3))}
.thx2 .hb2 .wl i{transform:rotate(-14.76deg)}.thx2 .hb2 .wr i{transform:rotate(-165.24deg) scaleY(-1)}
.thx2 .hb2 .w img{position:absolute;left:-.65%;top:0;height:100%;width:216.93%;max-width:none}
.anim .thx2 .hb2 .wl{animation:flapL 3s ease-in-out infinite}.anim .thx2 .hb2 .wr{animation:flapR 3s ease-in-out infinite}
.thx2 .hb2 .pic{position:absolute;left:50%;top:calc(24*var(--p));width:calc(50*var(--p));height:calc(50*var(--p));margin-left:calc(-25*var(--p));object-fit:contain;filter:drop-shadow(0 0 2px rgba(11,42,75,.2))}
.anim .thx2 .hb2{animation:hfloat 3.4s ease-in-out infinite}
.anim .thx2 .hb2 .pic{animation:thxpic 2.6s ease-in-out infinite}
@keyframes thxpic{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
.thx2 .t1,.thx2 .t2{position:absolute;left:0;right:0;text-align:center;font-family:var(--ms);line-height:normal;color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap}
.thx2 .t1{top:calc(73*var(--p));font-size:calc(32*var(--p))}
.thx2 .t2{top:calc(101*var(--p));font-size:calc(18*var(--p))}
.thx2 p{margin:calc(9*var(--p)) 0 0;font:400 calc(6*var(--f))/1.35 var(--th);white-space:pre-line;color:var(--ink)}
.thx2 .cd{display:inline-block;margin-top:calc(11*var(--p));min-width:calc(70*var(--p));padding:calc(1.5*var(--f)) calc(8*var(--f));border-radius:calc(20*var(--p));background:#eee;font:500 calc(6*var(--f))/1.3 var(--th);color:var(--ink)}
.rdm2 .art{height:calc(136*var(--p))}.rdm2 .t2{top:calc(108*var(--p))}
.rdm2 .rw{display:inline-block;margin-top:calc(4*var(--p));padding:calc(3*var(--f)) calc(12*var(--f));border-radius:calc(20*var(--p));background:rgba(11,42,75,.75);box-shadow:0 0 4px rgba(11,42,75,.2);color:var(--bg);font:500 calc(7*var(--f))/1.35 var(--th);max-width:90%}
.anim .rdm2 .rw{animation:rwpop .7s var(--spring) .25s both}
@keyframes rwpop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
.rdm2 .rcp{display:flex;align-items:center;justify-content:center;gap:calc(4*var(--p));margin:calc(9*var(--p)) auto 0;padding:calc(3*var(--f)) calc(10*var(--f));border:1px dashed rgba(11,42,75,.35);border-radius:calc(20*var(--p));background:#fff;color:var(--ink);font:500 calc(6*var(--f))/1.3 var(--th);cursor:pointer;transition:background .3s,border-color .3s}
.rdm2 .rcp svg{width:calc(8*var(--f));height:calc(8*var(--f))}
.rdm2 .rcp.ok{background:#eef3ef;border-color:#8fb59a;color:#3f6b4b}
.thx{text-align:center;padding:calc(10*var(--p)) 0 calc(6*var(--p))}
.thx .ic{width:calc(110*var(--p));height:calc(70*var(--p));margin:0 auto;position:relative}
.thx .ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.anim .thx .ic img{animation:hfloat 3s ease-in-out infinite}
.thx h4{margin:calc(8*var(--p)) 0 calc(4*var(--p));font:400 calc(30*var(--p))/normal var(--ms)}
.thx p{margin:0;font:400 calc(7*var(--f))/1.7 var(--th);white-space:pre-line}
.thx .cd{display:inline-block;margin-top:calc(10*var(--p));padding:calc(4*var(--p)) calc(10*var(--p));border-radius:calc(10*var(--p));background:rgba(11,42,75,.06);font:600 calc(7*var(--f))/1.3 var(--th);letter-spacing:.06em}
.lines{margin:calc(6*var(--p)) 0 0;border-radius:calc(10*var(--p));background:rgba(11,42,75,.04);padding:calc(6*var(--p)) calc(10*var(--p))}
.lines div{display:flex;justify-content:space-between;gap:10px;font:400 calc(7*var(--f))/1.6 var(--th)}
.pd .gal{position:relative;border-radius:calc(13*var(--p));overflow:hidden;background:#c9c9c9;aspect-ratio:4/3}
.pd .gal img{width:100%;height:100%;object-fit:cover}
.pd .gal .dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px}
.pd .gal .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6)}.pd .gal .dots i.on{background:#fff}
.pd .gal .nv{position:absolute;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:15px}
.pd .gal .nv.p{left:8px}.pd .gal .nv.n{right:8px}
.pd h3{margin:calc(10*var(--p)) 0 2px;font:600 calc(9*var(--f))/1.35 var(--th)}
.pd .pp{font:italic 700 calc(13*var(--f))/1.2 var(--geo)}
.pd .ds{margin-top:calc(6*var(--p));font:400 calc(7*var(--f))/1.7 var(--th);white-space:pre-line;color:var(--ink2)}
.mine-l{display:grid;gap:calc(8*var(--p))}
.mine-l .o{position:relative;padding:calc(8*var(--p)) calc(10*var(--p));border-radius:calc(12*var(--p));background:#f2f3f6;font:400 calc(7*var(--f))/1.5 var(--th)}
.mine-l .o b{font-weight:600}
.mine-l .o .s{position:absolute;right:calc(8*var(--p));top:calc(8*var(--p));padding:1px 8px;border-radius:10px;background:rgba(11,42,75,.75);color:#fff;font-size:.88em}
.mine-l .o .s.w{background:#c08a00}.mine-l .o .s.c{background:#999}
.mine-l .o .rs{margin-top:6px;padding:8px;border-radius:10px;background:#fff;white-space:pre-line}
.mine-l .o .ac2{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.rf .rate{display:flex;gap:calc(10*var(--p));justify-content:center;padding:calc(4*var(--p)) 0 2px}
.rf .rate button{width:calc(26*var(--f));height:calc(26*var(--f));transition:transform .35s var(--spring)}
.rf .rate button svg{width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(11,42,75,.2))}
.rf .rate button:active{transform:scale(.85)}
.rf .rate button.on{transform:scale(1.1)}
.rf .rl{text-align:center;font:italic 400 calc(7*var(--f))/1.4 var(--geo);color:var(--ink2);min-height:1.4em;margin-bottom:calc(6*var(--p))}
.rf .ph{display:flex;gap:calc(8*var(--p))}
.rf .ph label{width:calc(48*var(--f));height:calc(48*var(--f));border-radius:calc(10*var(--p));border:1px dashed rgba(11,42,75,.3);display:grid;place-items:center;overflow:hidden;cursor:pointer;color:var(--ink2);font-size:18px;background:#eee}
.rf .ph label img{width:100%;height:100%;object-fit:cover}
.rf .ph input{display:none}
.lbx{position:fixed;inset:0;z-index:150;background:rgba(8,16,30,.86);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .35s}
.lbx.on{opacity:1}
.lbx img{max-width:100%;max-height:90vh;border-radius:12px;transform:scale(.9);transition:transform .45s var(--spring)}
.lbx.on img{transform:none}
#toast{visibility:hidden;position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top));transform:translate(-50%,-150%);z-index:300;max-width:90vw;padding:10px 18px;border-radius:20px;background:rgba(11,42,75,.92);color:#fff;font:500 13px/1.4 var(--th);box-shadow:0 8px 24px rgba(11,42,75,.25);transition:transform .5s var(--spring);text-align:center}
#toast.on{visibility:visible;transform:translate(-50%,0)}
#fx{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}
.bfly{position:absolute;left:0;top:0;width:44px;height:28px;pointer-events:none;will-change:transform,opacity;perspective:160px}
.bfly .bd{position:absolute;inset:0;transform-style:preserve-3d}
.bfly.far{filter:blur(.6px)}
.bfly.dk i{background-image:url(/caelia/a/punk.webp)}
.bfly i{position:absolute;inset:0;background:url(/caelia/a/wing.webp) center/contain no-repeat;transform-origin:50% 50%;filter:drop-shadow(0 2px 3px rgba(11,42,75,.18))}
.bfly i.l{clip-path:inset(0 50% 0 0)}
.bfly i.r{clip-path:inset(0 0 0 50%)}
.bfly.dk i{transform-origin:51.5% 50%}.bfly.dk i.l{clip-path:inset(0 48.5% 0 0)}.bfly.dk i.r{clip-path:inset(0 0 0 51.5%)}
.spk{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;pointer-events:none;animation:spk2 .9s var(--ease) forwards}
.spk svg{width:100%;height:100%;display:block}
@keyframes spk2{0%{transform:translate(0,0) scale(.2) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(var(--s,1)) rotate(var(--r,120deg));opacity:0}}
.ripw{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:5}
.rip{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:1px solid rgba(11,42,75,.35);pointer-events:none;animation:rip .7s ease-out forwards}
@keyframes rip{to{transform:scale(7);opacity:0}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.l{transform:translateX(-30px)}.rv.r{transform:translateX(30px)}.rv.z{transform:scale(.9)}.rv.b{filter:blur(6px);transform:translateY(10px)}
.rv.in{opacity:1;transform:none;filter:none}
.hold .rv{transition:none}
@keyframes vin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero .el{opacity:0}
.go .hero .el{animation:hin 1.4s var(--ease) forwards}
.go .hero .mir{animation:mirin 1.6s var(--spring) forwards}
@keyframes hin{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes hin2{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes mirin{from{opacity:0;transform:translateY(20px) scale(.85) rotate(-4deg)}to{opacity:1;transform:none}}
.hero .ltr .gl{display:block;overflow:visible;fill:currentColor}
.hero .ltr.el{-webkit-clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%);clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%)}
.go .hero .ltr.el{animation:draw 1.1s var(--ease) .05s forwards}
@keyframes draw{from{opacity:1;-webkit-clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%);clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%)}to{opacity:1;-webkit-clip-path:polygon(-60% -40%,320% -40%,300% 160%,-80% 160%);clip-path:polygon(-60% -40%,320% -40%,300% 160%,-80% 160%)}}
.anim.go .hero .mir.done{animation:mfloat 6s ease-in-out infinite}
@keyframes mfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(-5*var(--u))) rotate(.8deg)}}
@media (min-width:600px){body{background:radial-gradient(1200px 700px at 50% -10%,#f1f4fa,transparent 60%),var(--bg)}.bnav{bottom:24px}}
@media (prefers-reduced-motion:reduce){.noanim *{animation:none!important;transition:none!important}}
.noanim *{animation:none!important}
.noanim .rv,.noanim .hero .el{opacity:1!important;transform:none!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;-webkit-clip-path:none!important;clip-path:none!important}
body #amu{bottom:calc(calc(86*var(--u)) + env(safe-area-inset-bottom))}
@property --k{syntax:'<number>';inherits:true;initial-value:1}
.rvk{--k:1;transition:--k 1s var(--ease) var(--d,0s)}
.anim .rvk:not(.in){--k:0}
.rvk>*{opacity:var(--k);transition:translate 1s var(--ease) var(--d,0s)}
.anim .rvk:not(.in)>:not(.lkb):not(.cbb):not(.svb):not(.qc):not(.pc):not(.hearts){translate:0 14px}
.hb .w{position:absolute;top:calc(10*var(--u));width:calc(64*var(--u));height:calc(77*var(--u));display:flex;align-items:center;justify-content:center;transition:transform .5s var(--spring),opacity .45s}
.hb .wl{left:calc(10*var(--u));transform-origin:88% 55%}.hb .wr{left:calc(74.22*var(--u));transform-origin:12% 55%}
.hb .w i{display:block;flex:none;width:calc(48.6*var(--u));height:calc(66.825*var(--u));overflow:hidden;position:relative}
.hb .wl i{transform:rotate(-14.76deg)}.hb .wr i{transform:rotate(-165.24deg) scaleY(-1)}
.hb .w img{position:absolute;left:-.65%;top:0;height:100%;width:216.93%;max-width:none}
.hb .wx{opacity:.5}.hb.on .wx{opacity:1}
.hb .wx i{filter:drop-shadow(0 0 calc(5*var(--u)) rgba(11,42,75,.3))}
.hb .ws{display:none}
.logo .lg3{position:absolute;left:calc(236*var(--u));top:calc(-12*var(--u));width:calc(73*var(--u));height:calc(109*var(--u));object-fit:cover;opacity:.3}
.logo .lg5{position:absolute;left:calc(138*var(--u));top:calc(-23*var(--u));width:calc(69*var(--u));height:calc(123*var(--u));object-fit:cover;opacity:.3}
.logo .lgb{position:absolute;left:calc(207.77*var(--u));top:calc(37.9*var(--u));width:calc(19.9*var(--u));height:calc(20.45*var(--u));display:grid;place-items:center}
.logo .lgb svg{width:calc(15*var(--u));height:calc(16*var(--u));transform:rotate(-21.96deg)}
.anim .logo .lgb svg{animation:lgf 2.4s ease-in-out infinite}
@keyframes lgf{0%,100%{transform:rotate(-21.96deg) translateY(0)}50%{transform:rotate(-14deg) translateY(calc(-2*var(--u))) scaleX(.85)}}
.hero .hl{position:absolute;inset:0}
.hero .h-sw{position:absolute;left:calc(68*var(--u));top:calc(175*var(--u));width:calc(95*var(--u));height:calc(154*var(--u));object-fit:cover}
.hero .h-pp{position:absolute;left:calc(14*var(--u));top:calc(22*var(--u));width:calc(203*var(--u));height:calc(257*var(--u));object-fit:cover}
.hero .h-pp.b{left:calc(196*var(--u));top:calc(82*var(--u));scale:-1 1}
.pk{position:absolute;display:flex;align-items:center;justify-content:center;mix-blend-mode:difference;pointer-events:none}
.pk .pi{flex:none;position:relative;--bx:51.5%}
.pk .pi img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:var(--bx) 50%;backface-visibility:visible}
.pk .pi .pl{clip-path:inset(0 calc(100% - var(--bx)) 0 0)}.pk .pi .pr{clip-path:inset(0 0 0 var(--bx))}
.anim .pk .pl{animation:pkL var(--fs,3.4s) ease-in-out infinite var(--fd,0s)}.anim .pk .pr{animation:pkR var(--fs,3.4s) ease-in-out infinite var(--fd,0s)}
@keyframes pkL{0%,52%,100%{transform:perspective(420px) rotateY(0)}58%{transform:perspective(420px) rotateY(62deg)}64%{transform:perspective(420px) rotateY(6deg)}70%{transform:perspective(420px) rotateY(58deg)}76%{transform:perspective(420px) rotateY(4deg)}82%{transform:perspective(420px) rotateY(48deg)}90%{transform:perspective(420px) rotateY(0)}}
@keyframes pkR{0%,52%,100%{transform:perspective(420px) rotateY(0)}58%{transform:perspective(420px) rotateY(-62deg)}64%{transform:perspective(420px) rotateY(-6deg)}70%{transform:perspective(420px) rotateY(-58deg)}76%{transform:perspective(420px) rotateY(-4deg)}82%{transform:perspective(420px) rotateY(-48deg)}90%{transform:perspective(420px) rotateY(0)}}
.hero .pk.h2,.q-hero .pk.q2,.rv-hero .pk.q2{--fd:-1.6s;--fs:4.1s}.qr .pk.s1{--fs:2.6s;--fd:-.4s}.qr .pk.s2{--fs:2.9s;--fd:-1.7s}
.qr:nth-child(2n) .pk.s1{--fd:-1.1s}.qr:nth-child(3n) .pk.s2{--fd:-.2s}
.qr .pk .pi{filter:drop-shadow(0 0 calc(3*var(--u)) rgba(11,42,75,.2))}
.hero .pk.h1{left:calc(15*var(--u));top:calc(96*var(--u));width:calc(242.25*var(--u));height:calc(201.5*var(--u))}.hero .pk.h1 .pi{width:calc(207.44*var(--u));height:calc(132.36*var(--u));transform:rotate(22.43deg)}
.hero .pk.h2{left:calc(172*var(--u));top:calc(55*var(--u));width:calc(227.35*var(--u));height:calc(166.52*var(--u))}.hero .pk.h2 .pi{width:calc(207.44*var(--u));height:calc(132.36*var(--u));transform:rotate(-10.05deg)}
.anim .hero .pk .pi{animation:pkf 7s ease-in-out infinite}.anim .hero .pk.h2 .pi{animation-name:pkf2;animation-delay:-3s}
@keyframes pkf{0%,100%{transform:rotate(22.43deg) translateY(0)}50%{transform:rotate(19deg) translateY(calc(-6*var(--u))) scale(1.03)}}
@keyframes pkf2{0%,100%{transform:rotate(-10.05deg) translateY(0)}50%{transform:rotate(-7deg) translateY(calc(-5*var(--u))) scale(1.03)}}
.orn{position:absolute;width:calc(98*var(--u));height:calc(34*var(--u));pointer-events:none}
.orn img{display:block;width:100%;height:100%}
.about .row .orn.o1{left:calc(35*var(--u));top:0}
.about .row .orn.o2{left:calc(305*var(--u));top:0}
.lkb,.cbb,.svb,.qc{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bk{position:absolute;inset:0;width:100%;height:100%;display:block}
.tx1{position:absolute;inset:0;overflow:hidden;mix-blend-mode:difference}
.tx1 img{position:absolute;max-width:none}
.tx2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tx3{position:absolute;inset:0;mix-blend-mode:overlay}
.tx4{position:absolute;inset:0;background-image:linear-gradient(270deg,#fcfdff 0%,rgba(252,253,255,.5) 25%,rgba(255,255,255,0) 50%,rgba(252,253,255,.5) 75%,#fcfdff 100%)}
.lk{box-shadow:0 0 5px rgba(11,42,75,.2)}
.lkb{border-radius:calc(20*var(--u))}
.lkb .tx1{opacity:.15}.lkb .tx1 img{left:.21%;top:-472.89%;width:100%;height:573.75%}
.lk:nth-child(2) .lkb .tx1 img{top:-442.92%}.lk:nth-child(3) .lkb .tx1 img{left:-.04%;top:.32%;scale:-1 -1}
.lkb .tx2{mix-blend-mode:color-burn;opacity:.1}
.lkb .tx3{background:rgba(11,42,75,.3)}
.cb{box-shadow:0 0 4px #fff}
.cbb .tx1{opacity:.1}.cbb .tx1 img{inset:0;width:100%;height:100%;object-fit:cover}
.cbb .tx2{mix-blend-mode:exclusion;opacity:.1}
.cbb .tx3{background:rgba(11,42,75,.35)}
.sv{box-shadow:0 0 4px #fff}
.svb .tx1{opacity:.1}.svb .tx1 img{inset:0;width:100%;height:100%;object-fit:cover;scale:-1 -1}
.svb .tx2{mix-blend-mode:color-burn;opacity:.05}
.svb .tx3{background:rgba(11,42,75,.35)}
.sv .ico{mix-blend-mode:normal}
.qr .qc{inset:auto;left:calc(34*var(--u));top:0;width:calc(155*var(--u));height:calc(71*var(--u));border-radius:calc(50*var(--u)) calc(30*var(--u)) calc(30*var(--u)) calc(50*var(--u));box-shadow:0 0 5px rgba(11,42,75,.2)}
.qr .qc .tx1{opacity:.1}.qr .qc .tx1 img{left:.46%;top:-94.37%;width:157.87%;height:193.86%}
.qr .qc .tx2{mix-blend-mode:color-burn;opacity:.13}
.qr .qc .tx3{background:rgba(11,42,75,.25)}
.qr .qh{position:absolute;left:calc(43*var(--u));top:calc(10*var(--u));width:calc(61*var(--u));height:calc(57*var(--u));filter:drop-shadow(0 0 calc(2*var(--u)) rgba(0,0,0,.25));pointer-events:none}
.anim .qr .qh{animation:qhb 2.8s ease-in-out infinite}
@keyframes qhb{0%,100%{transform:scale(1)}12%{transform:scale(1.06)}24%{transform:scale(1)}36%{transform:scale(1.04)}}
.qr .pk.s1{left:calc(372*var(--u));top:calc(-9*var(--u));width:calc(36.9*var(--u));height:calc(28.54*var(--u))}.qr .pk.s1 .pi{width:calc(32.6*var(--u));height:calc(20.8*var(--u));transform:rotate(-165deg) scaleY(-1)}
.qr .pk.s2{left:calc(36*var(--u));top:calc(48*var(--u));width:calc(35.35*var(--u));height:calc(36.54*var(--u))}.qr .pk.s2 .pi{width:calc(31.1*var(--u));height:calc(19.86*var(--u));transform:rotate(130.73deg) scaleY(-1)}
.anim .qr .pk .pi{animation:qpk 3.2s ease-in-out infinite}
.anim .qr .pk.s2 .pi{animation-name:qpk2;animation-delay:-1.6s}
@keyframes qpk{0%,100%{transform:rotate(-165deg) scaleY(-1) translateY(0)}50%{transform:rotate(-160deg) scaleY(-1) translateY(calc(-1.5*var(--u)))}}
@keyframes qpk2{0%,100%{transform:rotate(130.73deg) scaleY(-1) translateY(0)}50%{transform:rotate(136deg) scaleY(-1) translateY(calc(1.5*var(--u)))}}
.q-hero .pk.q1,.rv-hero .pk.q1{left:calc(239*var(--u));top:calc(46*var(--u));width:calc(190.44*var(--u));height:calc(139.48*var(--u))}
.q-hero .pk.q1 .pi,.rv-hero .pk.q1 .pi{width:calc(173.76*var(--u));height:calc(110.86*var(--u));transform:rotate(-10.05deg)}
.q-hero .pk.q2,.rv-hero .pk.q2{left:calc(7*var(--u));top:calc(-11*var(--u));width:calc(208.28*var(--u));height:calc(152.55*var(--u))}
.q-hero .pk.q2 .pi,.rv-hero .pk.q2 .pi{width:calc(190.04*var(--u));height:calc(121.25*var(--u));transform:rotate(-169.95deg) scaleY(-1)}
.anim .q-hero .pk .pi,.anim .rv-hero .pk .pi{animation:pkq 6s ease-in-out infinite}
.anim .q-hero .pk.q2 .pi,.anim .rv-hero .pk.q2 .pi{animation-name:pkq2;animation-delay:-2.5s}
@keyframes pkq{0%,100%{transform:rotate(-10.05deg) translateY(0)}50%{transform:rotate(-6deg) translateY(calc(-6*var(--u)))}}
@keyframes pkq2{0%,100%{transform:rotate(-169.95deg) scaleY(-1) translateY(0)}50%{transform:rotate(-173deg) scaleY(-1) translateY(calc(5*var(--u)))}}
.q-hero .wl,.q-hero .bl,.rv-hero .bl,.rv-hero .wl{position:absolute;font-family:var(--ms);line-height:normal;white-space:nowrap;pointer-events:none}
.q-hero .wl{color:#fff;mix-blend-mode:difference}
.rv-hero .bl{color:#000}
.q-hero .c1{left:calc(16*var(--u));top:calc(-4*var(--u));font-size:calc(110*var(--u)*var(--ts))}.q-hero .c2{left:calc(276*var(--u));top:calc(42*var(--u));font-size:calc(100*var(--u)*var(--ts))}
.rv-hero .c1{left:calc(16*var(--u));top:calc(-16*var(--u));font-size:calc(110*var(--u)*var(--ts))}.rv-hero .c2{left:calc(278*var(--u));top:calc(42*var(--u));font-size:calc(100*var(--u)*var(--ts))}
#curtain{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--bg);opacity:0;transition:opacity .3s}
#curtain.on{opacity:1}
.anim .rv .moons i,.anim .rvk .moons i{transform:scale(.3);opacity:0;transition:transform .7s var(--spring),opacity .5s}
.anim .rv.in .moons i,.anim .rvk.in .moons i,.anim #rvsum.in .moons i{transform:none;opacity:var(--o,1)}
.moons i:nth-child(2){transition-delay:.08s!important}.moons i:nth-child(3){transition-delay:.16s!important}.moons i:nth-child(4){transition-delay:.24s!important}.moons i:nth-child(5){transition-delay:.32s!important}
.anim .cb.rvk:not(.in){translate:-24px 0}.anim .cb.rvk:nth-child(2n):not(.in){translate:24px 0}
.cb.rvk{transition:translate 1s var(--ease) var(--d,0s)}
.anim .cb.rvk:not(.in) .en{letter-spacing:.3em}
.anim .sv .ico{animation:icof 5s ease-in-out infinite}
@keyframes icof{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-1.5*var(--u)))}}
.anim .sv:nth-child(2n) .ico{animation-delay:-2.5s}
.lk:active{transform:scale(.98)}
.lk{transition:transform .3s var(--spring)}
.anim .bnav a.nrv .i{animation:navbf 3.2s ease-in-out infinite}
@keyframes navbf{0%,70%,100%{transform:rotate(-18.45deg) scaleX(1)}76%{transform:rotate(-18.45deg) scaleX(.55)}82%{transform:rotate(-18.45deg) scaleX(1)}88%{transform:rotate(-18.45deg) scaleX(.6)}94%{transform:rotate(-18.45deg) scaleX(1)}}
.anim .bnav a.pt .i{animation:navmn 6s ease-in-out infinite}
@keyframes navmn{0%,100%{rotate:0deg}50%{rotate:-14deg}}
#bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;--sy:0}
#bgfx .mist{position:absolute;border-radius:50%;opacity:.75;will-change:transform}
#bgfx .m1{width:520px;height:300px;left:-160px;top:12%;background:radial-gradient(closest-side,rgba(206,216,232,.85),rgba(206,216,232,0));animation:mst1 46s ease-in-out infinite alternate}
#bgfx .m2{width:460px;height:280px;right:-180px;top:46%;background:radial-gradient(closest-side,rgba(222,229,240,.9),rgba(222,229,240,0));animation:mst2 58s ease-in-out infinite alternate}
#bgfx .m3{width:600px;height:340px;left:-80px;bottom:-140px;background:radial-gradient(closest-side,rgba(214,223,237,.8),rgba(214,223,237,0));animation:mst3 64s ease-in-out infinite alternate}
@keyframes mst1{to{transform:translate(260px,80px) scale(1.15)}}
@keyframes mst2{to{transform:translate(-280px,-60px) scale(1.2)}}
@keyframes mst3{to{transform:translate(160px,-120px) scale(.9)}}
#bgfx .rays{position:absolute;left:50%;top:-220px;width:900px;height:900px;margin-left:-450px;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(150,172,205,.16) 8deg,transparent 16deg,transparent 22deg,rgba(150,172,205,.12) 28deg,transparent 36deg,transparent 330deg,rgba(150,172,205,.13) 338deg,transparent 346deg,transparent 352deg,rgba(150,172,205,.15) 357deg,transparent 360deg);-webkit-mask:radial-gradient(closest-side at 50% 0%,#000 30%,transparent 100%);mask:radial-gradient(closest-side at 50% 0%,#000 30%,transparent 100%);opacity:calc(.9 - var(--sy));animation:rays 18s ease-in-out infinite alternate;mix-blend-mode:normal}
body:not(.r-main) #bgfx .rays{display:none}
@keyframes rays{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
#bgfx canvas.dust{position:absolute;inset:0;width:100%;height:100%}
.hlw{position:relative;margin:calc(-2*var(--u)) 0 0;text-align:center}
.hlt{display:none}
.hls{display:flex;justify-content:center;gap:calc(21*var(--u));padding:calc(4*var(--u)) calc(34*var(--u)) calc(6*var(--u));overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hls::-webkit-scrollbar{display:none}
.hls.sc{justify-content:flex-start;scroll-snap-type:x proximity}
.hl{flex:none;width:calc(35*var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(4*var(--u));scroll-snap-align:start;touch-action:manipulation}
.hl .rg{position:relative;display:block;width:calc(35*var(--u));height:calc(35*var(--u));border-radius:50%;padding:calc(1*var(--u));background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px #8fa2ba,0 0 4px rgba(11,42,75,.2);transition:transform .35s var(--spring),box-shadow .4s}
.hl.seen .rg{box-shadow:inset 0 0 0 1px #c4ced9,0 0 4px rgba(11,42,75,.2)}
.hl .cv{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
.hl .cv img{width:100%;height:100%;object-fit:cover;display:block}
.hl .nm{max-width:calc(56*var(--u));font:400 max(calc(8*var(--u)*var(--ts)),9px)/1.15 var(--geo);color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl:active .rg{transform:scale(.9)}
.anim .hl:not(.seen) .rg::before{content:'';position:absolute;inset:calc(-2*var(--u));border-radius:50%;border:1px solid rgba(11,42,75,.25);animation:hlp 2.8s ease-out infinite}
@keyframes hlp{from{transform:scale(.96);opacity:.9}to{transform:scale(1.22);opacity:0}}
.anim .hlw.in .hl{animation:hlin .6s var(--spring) both}
.anim .hlw.in .hl:nth-child(2){animation-delay:.06s}.anim .hlw.in .hl:nth-child(3){animation-delay:.12s}.anim .hlw.in .hl:nth-child(4){animation-delay:.18s}.anim .hlw.in .hl:nth-child(5){animation-delay:.24s}.anim .hlw.in .hl:nth-child(6){animation-delay:.3s}.anim .hlw.in .hl:nth-child(7){animation-delay:.36s}
@keyframes hlin{from{opacity:0;transform:translateY(8px) scale(.7)}}
.sty{position:fixed;inset:0;z-index:300;display:grid;place-items:center;opacity:0;transition:opacity .3s}
.sty.on{opacity:1}.sty.out{opacity:0}
.sty .sbg{position:absolute;inset:-40px;background:#0b1626 center/cover no-repeat;filter:blur(28px) brightness(.45) saturate(1.1);transform:scale(1.1)}
.sty .sfr{position:relative;width:min(100vw,calc(100dvh*9/16),480px);height:min(100dvh,calc(100vw*16/9),853px);border-radius:min(14px,2vw);overflow:hidden;background:#05101d;box-shadow:0 10px 50px rgba(0,0,0,.45);transition:transform .25s;touch-action:none;-webkit-user-select:none;user-select:none}
@media (max-width:600px){.sty .sfr{width:100vw;height:100dvh;border-radius:0}}
.sty .sim{position:absolute;inset:0;display:grid;place-items:center}
.sty .sim img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}
.sty .sim img.in{animation:sin .35s ease-out}
@keyframes sin{from{opacity:.2;transform:scale(1.02)}}
.sty.sw .sfr{animation:ssw .45s var(--ease)}
@keyframes ssw{from{transform:perspective(900px) rotateY(-28deg) translateX(30%);opacity:.4}}
.sty .sbars{position:absolute;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));z-index:3;display:flex;gap:3px}
.sty .sbars i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sty .sbars b{display:block;width:0;height:100%;background:#fff}
.sty .sbars i.d b{width:100%}
.sty .shd{position:absolute;left:10px;right:6px;top:calc(18px + env(safe-area-inset-top));z-index:3;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.sty .sav{width:30px;height:30px;border-radius:50%;padding:1.5px;background:conic-gradient(#fff,#9fb3cc,#fff);flex:none}
.sty .sav img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sty .stt{font:600 13px/1.2 var(--th);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sty .sct{font:400 11px/1 var(--th);opacity:.75}
.sty .sx{margin-left:auto;width:36px;height:36px;font:300 28px/1 var(--th);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.sty .shd::before{content:'';position:absolute;left:-10px;right:-6px;top:-30px;height:90px;background:linear-gradient(rgba(0,0,0,.35),transparent);z-index:-1;pointer-events:none}
.sty .snav{position:absolute;inset:0;z-index:2;display:flex;pointer-events:none}
.sty .sload{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;opacity:0;z-index:2;animation:mrot .8s linear infinite;transition:opacity .2s}
.sty.ld .sload{opacity:1}
.sty.hold .sbars,.sty.hold .shd{opacity:.35;transition:opacity .3s}
.rf .rmh{margin-top:calc(3*var(--p));font:400 calc(6*var(--f))/1.45 var(--th);color:var(--ink2)}
.lp-moon{position:relative}
.lp-gain{position:absolute;left:50%;top:8%;transform:translateX(-50%);font:400 calc(26*var(--p))/1 var(--gla);color:#0b2a4b;text-shadow:0 0 6px #fff,0 0 12px rgba(255,255,255,.9);pointer-events:none;animation:lpgain 2.4s var(--ease) .9s both}
@keyframes lpgain{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}70%{opacity:1;transform:translate(-50%,-14px) scale(1)}100%{opacity:0;transform:translate(-50%,-40px) scale(.9)}}
.pay .accs{display:grid;gap:calc(6*var(--p));width:calc(250*var(--p));max-width:100%;margin:calc(10*var(--p)) auto 0;text-align:left}
.pay .acr{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6*var(--p));padding:calc(7*var(--p)) calc(6*var(--p)) calc(7*var(--p)) calc(12*var(--p));border-radius:calc(14*var(--p));background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 .6px rgba(11,42,75,.14),0 0 5px rgba(11,42,75,.08)}
.pay .acr .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pay .acr .k{font:500 calc(6*var(--f))/1.2 var(--th);color:var(--ink2)}
.pay .acr .v{font:600 calc(8.5*var(--f))/1.25 var(--th);color:var(--ink);letter-spacing:.03em;-webkit-user-select:all;user-select:all}
.pay .acr .s{font:400 calc(6*var(--f))/1.2 var(--th);color:var(--ink2)}
.pay .acr .acp{flex:none;display:flex;align-items:center;gap:4px;height:calc(21*var(--p));min-height:28px;padding:0 calc(9*var(--p));border-radius:calc(30*var(--p));background:rgba(11,42,75,.08);color:var(--ink);font:600 calc(6.5*var(--f))/1 var(--th);transition:background .3s,color .3s,transform .2s}
.pay .acr .acp svg{width:13px;height:13px}.pay .acr .acp:active{transform:scale(.94)}
.pay .acr .acp.ok{background:#3b7a57;color:#fff}
.pay .acr .wn{flex-basis:100%;margin-top:calc(2*var(--p));padding:calc(4*var(--p)) calc(8*var(--p));border-radius:calc(8*var(--p));background:rgba(235,176,0,.12);font:500 calc(6.3*var(--f))/1.4 var(--th);color:#7a5a00;-webkit-user-select:none;user-select:none}
.myqm .mb{padding-top:0}
.myq{position:relative;overflow:hidden;text-align:center;color:var(--ink)}
.myq-in{padding-bottom:calc(4*var(--p))}
.myq-in.fr{animation:myqR .45s var(--ease)}.myq-in.fl{animation:myqL .45s var(--ease)}
@keyframes myqR{from{opacity:0;transform:translateX(40px)}}@keyframes myqL{from{opacity:0;transform:translateX(-40px)}}
.myq .art{position:relative;height:calc(74*var(--p))}
.myq .hb2{position:absolute;left:50%;top:calc(-14*var(--p));width:calc(148*var(--p));height:calc(110*var(--p));margin-left:calc(-74*var(--p))}
.myq .hb2 .ht{position:absolute;left:calc(38*var(--p));top:calc(14*var(--p));width:calc(72*var(--p));height:calc(68*var(--p))}
.myq .hb2 .ht img{position:absolute;inset:0;width:100%;height:100%}
.myq .hb2 .w{position:absolute;top:calc(10*var(--p));width:calc(64*var(--p));height:calc(77*var(--p));display:flex;align-items:center;justify-content:center;opacity:.5}
.myq .hb2 .wl{left:calc(10*var(--p));transform-origin:88% 55%}.myq .hb2 .wr{left:calc(74.22*var(--p));transform-origin:12% 55%}
.myq .hb2 .w i{display:block;flex:none;width:calc(48.6*var(--p));height:calc(66.825*var(--p));overflow:hidden;position:relative;filter:drop-shadow(0 0 5px rgba(11,42,75,.3))}
.myq .hb2 .wl i{transform:rotate(-14.76deg)}.myq .hb2 .wr i{transform:rotate(-165.24deg) scaleY(-1)}
.myq .hb2 .w img{position:absolute;left:-.65%;top:0;height:100%;width:216.93%;max-width:none}
.anim .myq .hb2 .wl{animation:flapL 3.2s ease-in-out infinite}.anim .myq .hb2 .wr{animation:flapR 3.2s ease-in-out infinite}
.anim .myq .hb2{animation:hfloat 3.6s ease-in-out infinite}
.myq .hb2 .no{position:absolute;left:0;right:0;top:calc(46*var(--p));transform:translateY(-50%);text-align:center;font:400 calc(27*var(--p))/1 var(--geo);color:var(--ink);text-shadow:0 0 4px rgba(11,42,75,.2);letter-spacing:-.02em}
.myq .nm{font:400 calc(15*var(--f))/1.3 var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.myq .tt2{margin-top:calc(2*var(--p));font:600 calc(18*var(--f))/1.25 var(--th);text-shadow:0 0 4px rgba(11,42,75,.2);text-wrap:balance}
.myq .sb{margin-top:calc(2*var(--p));font:400 calc(11*var(--f))/1.3 var(--th);text-shadow:0 0 4px rgba(11,42,75,.2)}
.myq .pgb{--pc:0;position:relative;width:calc(283*var(--p));max-width:100%;margin:calc(20*var(--p)) auto 0}
.myq .pgb .pl{position:absolute;bottom:calc(100% + 2*var(--p));left:clamp(calc(16*var(--p)),calc(4*var(--p) + (100% - 8*var(--p)) * var(--pw,0) / 100),calc(100% - 18*var(--p)));transform:translateX(-50%);font:400 calc(10*var(--f))/1 var(--geo);text-shadow:0 0 4px rgba(11,42,75,.2);white-space:nowrap;transition:left 1.6s cubic-bezier(.65,0,.35,1) .1s}
.myq .pgb .tr{height:calc(20*var(--p));min-height:18px;border-radius:calc(20*var(--p));background:#fff;box-shadow:0 0 4px rgba(11,42,75,.2);padding:calc(2*var(--p)) calc(4*var(--p));display:flex;align-items:center}
.myq .pgb .tr i{display:block;height:100%;width:max(calc(var(--pw,0)*1%),calc(16*var(--p)));min-width:calc(16*var(--p));border-radius:calc(20*var(--p));background:linear-gradient(90deg,#fff,#0b2a4b);opacity:.5;transition:width 1.6s cubic-bezier(.65,0,.35,1) .1s;position:relative;overflow:hidden}
.myq .pgb .tr i::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%)}
.anim .myq .pgb.go .tr i::after{animation:pgsh 2.8s ease-in-out 1.8s infinite}
@keyframes pgsh{to{transform:translateX(100%)}}
.myq .pgb.go{--pw:var(--pc)}
.myq .due{display:inline-block;margin-top:calc(17*var(--p));padding:calc(1.5*var(--f)) calc(7*var(--f));border-radius:calc(20*var(--p));background:#eee;font:500 calc(6*var(--f))/1.3 var(--th)}
.myq .oc2{margin-top:calc(6*var(--p));font:400 calc(5.5*var(--f))/1 var(--th);color:var(--ink2);letter-spacing:.06em}
.myq-nav{display:flex;align-items:center;justify-content:center;gap:calc(10*var(--p));margin-top:calc(10*var(--p))}
.myq-nav button{width:calc(20*var(--f));height:calc(20*var(--f));border-radius:50%;background:rgba(11,42,75,.08);color:var(--ink);font:400 calc(12*var(--f))/1 var(--th)}
.myq-nav .dots{display:flex;gap:5px}.myq-nav .dots i{width:6px;height:6px;border-radius:6px;background:rgba(11,42,75,.18);cursor:pointer;transition:width .35s var(--ease),background .35s}.myq-nav .dots i.on{width:16px;background:var(--ink)}
.myqm .ft .ftb{display:flex;gap:6px}
.myres{font:400 calc(7.5*var(--f))/1.7 var(--th);white-space:pre-line;word-break:break-word;padding:calc(6*var(--p)) 0}
.myres a{color:var(--ink);text-decoration:underline}
.qr.mine,.qr.found{cursor:pointer}
@property --pw{syntax:"<number>";inherits:true;initial-value:0}
.rv-write{overflow:visible}
.rv-write .bw{position:absolute;top:50%;width:calc(28*var(--u));height:calc(28*var(--u));margin-top:calc(-17*var(--u));pointer-events:none;opacity:0}
.rv-write .bw svg{width:100%;height:100%;display:block;overflow:visible}
.rv-write .bw path{fill:#0b2a4b}.rv-write .bw .vn{fill:none;stroke:#fff;stroke-width:1;stroke-linecap:round}
.rv-write .bw.l{right:calc(100% - calc(4*var(--u)));transform-origin:100% 50%}
.rv-write .bw.r{left:calc(100% - calc(4*var(--u)));transform-origin:0 50%}.rv-write .bw.r svg{transform:scaleX(-1)}
.anim .rv-write .bw.l{animation:bwL 11s ease-in-out infinite 3s}.anim .rv-write .bw.r{animation:bwR 11s ease-in-out infinite 3s}
@keyframes bwL{0%,70%,100%{opacity:0;transform:perspective(120px) rotateY(80deg) scale(.5)}74%{opacity:1;transform:perspective(120px) rotateY(0) scale(1)}77%{transform:perspective(120px) rotateY(62deg)}80%{transform:perspective(120px) rotateY(4deg)}83%{transform:perspective(120px) rotateY(58deg)}86%{transform:perspective(120px) rotateY(0)}90%{opacity:1;transform:perspective(120px) rotateY(40deg) scale(.95)}95%{opacity:0;transform:perspective(120px) rotateY(85deg) scale(.5)}}
@keyframes bwR{0%,70%,100%{opacity:0;transform:perspective(120px) rotateY(-80deg) scale(.5)}74%{opacity:1;transform:perspective(120px) rotateY(0) scale(1)}77%{transform:perspective(120px) rotateY(-62deg)}80%{transform:perspective(120px) rotateY(-4deg)}83%{transform:perspective(120px) rotateY(-58deg)}86%{transform:perspective(120px) rotateY(0)}90%{opacity:1;transform:perspective(120px) rotateY(-40deg) scale(.95)}95%{opacity:0;transform:perspective(120px) rotateY(-85deg) scale(.5)}}
.rv-write:hover .bw.l,.rv-write:focus-visible .bw.l{animation:bwL 2.4s ease-in-out infinite -1.7s}.rv-write:hover .bw.r,.rv-write:focus-visible .bw.r{animation:bwR 2.4s ease-in-out infinite -1.7s}
.perf-low #bgfx .mist{display:none}
.perf-low .bnav,.perf-low .mo-bg,.perf-low .pc2 .ib{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.perf-low .mo-bg{background:rgba(229,233,241,.9)}
.perf-mid .mo-bg{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(229,233,241,.88)}
.perf-mid .bnav,.perf-mid .pc2 .ib{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}
.perf-low .bnav{background:rgba(255,255,255,.96)}
.perf-low .pk .pl,.perf-low .pk .pr,.perf-low .anim .hb .w,.perf-low.anim .hb .w,.perf-low .qwater .wv,.perf-low .qwater .qb,.perf-low .qr .wb,.perf-low .hl .rg::before,.perf-low .rv-write .bw,.perf-low .lp-pz .pz.ok .go,.perf-low .myq .pgb .tr i::after,.perf-low .qmoon .hal,.perf-low .qmoon .sp,.perf-low .lp-tt .s4{animation:none!important}
.perf-low .rv-write .bw{display:none}
.perf-low .rv{transition-duration:.45s}
.perf-high #bgfx .m1{animation-duration:34s}.perf-high #bgfx .m2{animation-duration:42s}
.rip{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);transform:translate(-50%,-50%) scale(0);animation:rip .6s ease-out forwards;z-index:5}
.rip.dk{background:radial-gradient(circle,rgba(11,42,75,.18),rgba(11,42,75,0) 70%)}
@keyframes rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
.anim .ttl .tx{-webkit-clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%);clip-path:polygon(-60% -40%,-50% -40%,-70% 160%,-80% 160%)}
.anim .ttl.in .tx{animation:draw 1.3s var(--ease) .25s forwards}
.perf-low .ttl .tx{-webkit-clip-path:none!important;clip-path:none!important;animation:none!important}
.fd.pick .pkh{margin:calc(8*var(--p)) 0 calc(4*var(--p));font:600 calc(7*var(--f))/1.3 var(--th);color:var(--ink)}
.fd.pick .pkh small{font-weight:400;color:var(--ink2);font-size:.86em;margin-left:4px}
.fd.pick .opt.sq .bx{border-radius:3px}
.fd.pick .opt.sq input:checked+.bx::after{width:55%;height:30%;border-radius:0;background:none;border:solid #fff;border-width:0 0 1.6px 1.6px;transform:rotate(-45deg) translate(1px,-1px)!important;animation:none}
.fd.pick .opt{transition:background .25s}
.fd.pick .opt:has(input:checked) span{font-weight:500}
.mo .btn,.mo .mh .cp,.steps span,.chip2,.qfind .qgo,.rv-write,.more,.lp-in .ck2,.pay .acr .acp,.pay .snote .scp,.lp-pz .pz .go,.myq-nav button{white-space:nowrap}
@media (max-width:430px){
.mo .btn{min-height:30px;font-size:max(calc(7*var(--f)),11.5px)}
.mo .mh .cp{min-height:24px;font-size:max(calc(6*var(--f)),10.5px)}
.steps span{min-height:20px;font-size:max(calc(7*var(--f)),10.5px)}
.fd .opt{min-height:36px}
.chip2{min-height:24px;font-size:max(calc(9*var(--u)*var(--ts)),11px)!important}
.qfind .qgo{min-height:24px;font-size:max(calc(9*var(--u)*var(--ts)),11px)}
.rv-write{min-height:28px;font-size:max(calc(9*var(--u)*var(--ts)),11.5px)}
.myq-nav button{width:30px;height:30px}
}
.pay~.sliphint,.mo .sliphint{position:sticky;bottom:calc(62*var(--p));z-index:4;display:flex;align-items:center;gap:6px;margin:0 auto calc(-34*var(--p));width:max-content;height:32px;padding:0 16px;border-radius:30px;background:rgba(11,42,75,.85);color:#fff;font:500 max(calc(6.5*var(--f)),12.5px)/1 var(--th);box-shadow:0 6px 18px rgba(11,42,75,.3);transition:opacity .35s,transform .35s var(--spring)}
.mo .sliphint i{font-style:normal;display:inline-block}
.anim .mo .sliphint i{animation:shb 1.3s ease-in-out infinite}
@keyframes shb{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}}
.mo .sliphint.hide{opacity:0;transform:translateY(10px) scale(.9);pointer-events:none}
.btn.dis{opacity:.55}
.btn.ready{animation:btnr 1.8s ease-in-out infinite}
@keyframes btnr{0%,100%{box-shadow:0 0 4px rgba(11,42,75,.2),0 0 0 0 rgba(11,42,75,.35)}50%{box-shadow:0 0 4px rgba(11,42,75,.2),0 0 0 6px rgba(11,42,75,0)}}
.slip.nudge{animation:nudge .7s var(--spring)}
@keyframes nudge{0%,100%{transform:none}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.pay .qw.fr{height:auto!important;min-height:0!important}.pay .qw.fr .pw{display:none}
.pay .qrf{position:relative;width:min(calc(250*var(--p)),100%);margin:0 auto}
.pay .qrf .fim{display:block;width:100%;height:auto;position:relative;z-index:2;pointer-events:none}
.pay .qrf .qin{position:absolute;z-index:1;left:20%;top:20%;width:60%;height:60%;background:#fff;opacity:0;transition:opacity .4s}
.pay .qrf.ok .qin{opacity:1}
.pay .qrf .qin svg{width:100%;height:100%;display:block}
.pay .qrf.nohole .qin{position:relative;left:auto;top:auto;width:70%;height:auto;aspect-ratio:1;margin:10px auto 0;opacity:1}
.mus{position:fixed;right:max(12px,env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));z-index:70}
.mus .disc{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);transition:transform .35s var(--spring),background .35s}
.mus .disc:active{transform:scale(.88)}
.mus .ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;opacity:.35;transition:opacity .4s}
.mus .ring circle{stroke:#0b2a4b;stroke-width:1}
.mus .ring .sp{fill:#0b2a4b;opacity:0;transition:opacity .4s}
.mus .nt{width:19px;height:19px;fill:none;stroke:#0b2a4b;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.55;transition:opacity .35s,transform .35s var(--spring)}
.mus .nt circle{fill:#0b2a4b;stroke:none}
.mus.on .disc{background:rgba(255,255,255,.88)}
.mus.on .nt{opacity:1}
.mus.on .ring{opacity:.8}.mus.on .ring .sp{opacity:1}
.anim .mus.on .ring{animation:mrot 9s linear infinite}
.anim .mus.on .nt{animation:mnt 2.4s ease-in-out infinite}
@keyframes mnt{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-1.5px)}}
.anim .mus.wait .disc{animation:mwt 2.6s ease-in-out infinite}
@keyframes mwt{0%,100%{box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18),0 0 0 0 rgba(11,42,75,.18)}50%{box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18),0 0 0 7px rgba(11,42,75,0)}}
.mus .eq{position:absolute;right:-3px;bottom:-3px;display:flex;gap:1.5px;align-items:flex-end;height:11px;padding:2px 3px;border-radius:6px;background:#0b2a4b;box-shadow:0 1px 4px rgba(11,42,75,.3);opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s var(--spring)}
.mus .eq i{display:block;width:2px;height:40%;border-radius:1px;background:#fff}
.mus.on .eq{opacity:1;transform:none}
.anim .mus.on .eq i{animation:meq .9s ease-in-out infinite}.anim .mus.on .eq i:nth-child(2){animation-delay:-.3s}.anim .mus.on .eq i:nth-child(3){animation-delay:-.6s}
@keyframes meq{0%,100%{height:30%}50%{height:100%}}
.perf-low .mus .disc{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.95)}
#amu.cae{position:fixed;right:max(12px,env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));z-index:70}
#amu.cae .disc{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);transition:transform .35s var(--spring),background .35s}
#amu.cae .disc:active{transform:scale(.88)}
#amu.cae .ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;opacity:.35;transition:opacity .4s}
#amu.cae .ring circle{stroke:#0b2a4b;stroke-width:1}
#amu.cae .ring .sp{fill:#0b2a4b;opacity:0;transition:opacity .4s}
#amu.cae .nt{width:19px;height:19px;fill:none;stroke:#0b2a4b;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.55;transition:opacity .35s,transform .35s var(--spring)}
#amu.cae .nt circle{fill:#0b2a4b;stroke:none}
#amu.cae.on .disc{background:rgba(255,255,255,.88)}
#amu.cae.on .nt{opacity:1}
#amu.cae.on .ring{opacity:.8}#amu.cae.on .ring .sp{opacity:1}
.anim #amu.cae.on .ring{animation:mrot 9s linear infinite}
.anim #amu.cae.on .nt{animation:mnt 2.4s ease-in-out infinite}
@keyframes mnt{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-1.5px)}}
.anim #amu.cae.wait .disc{animation:mwt 2.6s ease-in-out infinite}
@keyframes mwt{0%,100%{box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18),0 0 0 0 rgba(11,42,75,.18)}50%{box-shadow:0 2px 10px rgba(11,42,75,.16),inset 0 0 0 .6px rgba(11,42,75,.18),0 0 0 7px rgba(11,42,75,0)}}
#amu.cae .eq{position:absolute;right:-3px;bottom:-3px;display:flex;gap:1.5px;align-items:flex-end;height:11px;padding:2px 3px;border-radius:6px;background:#0b2a4b;box-shadow:0 1px 4px rgba(11,42,75,.3);opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s var(--spring)}
#amu.cae .eq i{display:block;width:2px;height:40%;border-radius:1px;background:#fff}
#amu.cae.on .eq{opacity:1;transform:none}
.anim #amu.cae.on .eq i{animation:meq .9s ease-in-out infinite}.anim #amu.cae.on .eq i:nth-child(2){animation-delay:-.3s}.anim #amu.cae.on .eq i:nth-child(3){animation-delay:-.6s}
@keyframes meq{0%,100%{height:30%}50%{height:100%}}
.perf-low #amu.cae .disc{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.95)}
#amu.cae{left:auto;bottom:auto;gap:0}
#amu.cae .disc{border:0;padding:0;cursor:pointer;width:40px;height:40px}
#amu.cae .disc::after,#amu.cae .note{display:none}
#amu.cae .pill,#amu.cae .nx{display:none!important}
#amu.cae.on .disc{animation:none}
#amu.cae .eq{top:auto;display:flex}
#amu.cae .eq i{animation:none;background:#fff}
.anim #amu.cae.on .eq i{animation:meq .9s ease-in-out infinite}
.fd .btm .tmw .in{padding-right:34px}.fd .btm .tmw.em::before{right:34px}
.tw{position:fixed;z-index:90;pointer-events:none;margin:-4px 0 0 -4px;background:#0b2a4b;-webkit-mask:var(--star4) center/contain no-repeat;mask:var(--star4) center/contain no-repeat;opacity:0;animation:tw .85s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes tw{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}25%{opacity:.75}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1) rotate(90deg)}}
.anim .q-box{animation:qbf 6.5s ease-in-out infinite}
@keyframes qbf{0%,100%{translate:0 0}50%{translate:0 -3px}}
.qwater{--sk:0deg;transform:rotate(var(--sk));transform-origin:50% 100%;left:-6%!important;right:-6%!important}
.q-box .n{transition:transform .5s var(--spring)}
.anim .q-box.tapq .n{animation:qnb .7s var(--spring)}
@keyframes qnb{0%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.14)}100%{transform:translate(-50%,-50%) scale(1)}}
.q-box.tapq .qmoon svg{animation:qmb .9s var(--spring)!important}
@keyframes qmb{0%{transform:rotate(0)}30%{transform:rotate(-14deg) translateY(-3px)}60%{transform:rotate(9deg)}100%{transform:rotate(0)}}
.qrip{position:absolute;z-index:1;width:10px;height:4px;margin:-2px 0 0 -5px;border-radius:50%;border:1px solid rgba(11,42,75,.45);pointer-events:none;opacity:0;animation:qrip 1.1s ease-out forwards}
@keyframes qrip{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(9,7)}}
.qdrop{position:absolute;z-index:2;width:4px;height:4px;margin:-2px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,rgba(96,121,148,.55));pointer-events:none;animation:qdrop .8s cubic-bezier(.3,.6,.5,1) forwards}
@keyframes qdrop{0%{transform:translate(0,0);opacity:1}55%{transform:translate(calc(var(--dx)*.8),var(--dy));opacity:1}100%{transform:translate(var(--dx),calc(var(--dy)*-.2 + 10px));opacity:0}}
.qss{position:absolute;z-index:0;left:-20%;top:20%;width:46px;height:1px;border-radius:1px;background:linear-gradient(90deg,rgba(70,108,156,0),rgba(70,108,156,.55));transform:rotate(18deg);opacity:0;pointer-events:none}
.qss::after{content:'';position:absolute;right:-3px;top:-3px;width:7px;height:7px;background:#46689c;-webkit-mask:var(--star4) center/contain no-repeat;mask:var(--star4) center/contain no-repeat}
.anim .q-box .qss{animation:qss 9s linear infinite 2s}.anim .q-box .qss.b{top:8%;animation-delay:6.5s;animation-duration:11s}
@keyframes qss{0%,82%{left:-20%;opacity:0;translate:0 0}84%{opacity:.9}94%{opacity:.6}100%{left:110%;opacity:0;translate:0 38px}}
.anim .q-box .n{animation:qng 4s ease-in-out infinite}
@keyframes qng{0%,100%{text-shadow:0 0 4px rgba(0,0,0,.25)}50%{text-shadow:0 0 10px rgba(11,42,75,.28),0 0 2px rgba(0,0,0,.2)}}
.perf-low .q-box,.perf-low .q-box .qss,.perf-low .q-box .n{animation:none!important}
.rv-write .bw{display:none!important}
.rv-write .bs{position:absolute;width:9px;height:9px;background:#0b2a4b;-webkit-mask:var(--star4) center/contain no-repeat;mask:var(--star4) center/contain no-repeat;pointer-events:none;opacity:0}
.rv-write .s1{left:-11px;top:-4px}.rv-write .s2{right:-12px;top:2px;width:7px;height:7px}.rv-write .s3{left:-4px;bottom:-7px;width:6px;height:6px}.rv-write .s4{right:-4px;bottom:-9px;width:8px;height:8px}
.anim .rv-write .bs{animation:bsw 6s ease-in-out infinite}
.anim .rv-write .s2{animation-delay:.35s}.anim .rv-write .s3{animation-delay:.7s}.anim .rv-write .s4{animation-delay:1.05s}
@keyframes bsw{0%,62%,100%{opacity:0;transform:scale(.2) rotate(0)}70%{opacity:.85;transform:scale(1.15) rotate(45deg)}78%{opacity:.5;transform:scale(.8) rotate(70deg)}86%{opacity:.8;transform:scale(1) rotate(90deg)}94%{opacity:0;transform:scale(.3) rotate(120deg)}}
.rv-write:hover .bs{animation-duration:1.6s}
.perf-low .rv-write .bs{animation-duration:9s}
.rf .rsel label small{font-weight:400;color:var(--ink2);font-size:.85em;margin-left:4px}
.rf .rnote{margin-top:calc(6*var(--p));padding:calc(5*var(--p)) calc(9*var(--p));border-radius:calc(8*var(--p));background:rgba(235,176,0,.12);color:#7a5a00;font:500 max(calc(6.3*var(--f)),11px)/1.45 var(--th)}
.rf .rnote.need{background:rgba(190,60,80,.08);color:#9b2c3e}
.rf .fd.need .ph label{border-color:#c0485c;background:#fbeef0;color:#c0485c;animation:phn 1.6s ease-in-out infinite}
@keyframes phn{50%{box-shadow:0 0 0 3px rgba(192,72,92,.15)}}
.rf .fd.shake{animation:shake .45s}
.rf #rtf.need textarea{box-shadow:0 0 0 1.5px rgba(192,72,92,.7);background:#fdf3f5}
.rf .rq{color:#c0485c;font-weight:600}
.rf .fd label small{font-weight:400;opacity:.65}
body.perf-low .rf .fd.need .ph label{animation:none}