.uo-carta{position:relative;z-index:999;overflow:hidden;background:#000;border-radius:50px;box-shadow:0 30px 80px rgba(0,0,0,.28);opacity:0;--uo-y:0px;transform:translate(-130vw,var(--uo-y));transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .32s ease;}.uo-carta.open{opacity:1;transform:translate(0,var(--uo-y));animation:uoCartaIn .9s cubic-bezier(.16,.86,.28,1) both;}@keyframes uoCartaIn{0%{transform:translate(-130vw,var(--uo-y));}50%{transform:translate(52px,var(--uo-y));}68%{transform:translate(-24px,var(--uo-y));}82%{transform:translate(12px,var(--uo-y));}92%{transform:translate(-5px,var(--uo-y));}100%{transform:translate(0,var(--uo-y));}}@media (max-width:1023px){.uo-carta{position:fixed;top:50%;left:24px;width:calc(100vw - 48px);aspect-ratio:342/607;--uo-y:calc(-50% + 36px);}.uo-carta .uo-inner{position:absolute;inset:0;overflow:auto}.uo-carta .giul-dentro{padding:0!important}}@media (prefers-reduced-motion:reduce){.uo-carta{transition:none!important;animation:none!important;}}.uo-carta{border:6px solid #FFFBF3!important;box-sizing:border-box!important;}.uo-carta.bg-card\/90{background:#000!important}.uo-carta.rounded-xl{border-radius:50px!important}.uo-carta.shadow-lg{box-shadow:0 30px 80px rgba(0,0,0,.28)!important}.uo-carta.backdrop-blur-md{backdrop-filter:none!important}.uo-inner{box-sizing:border-box;}.giul-dentro{display:flex;flex-direction:column;align-items:center;justify-content:center}.uo-carta,.uo-carta .giul-nome,.uo-carta .giul-frase{color:#FFFBF3!important}.uo-carta .giul-entrar{background:#FFFBF3!important;color:#000!important;border:0}@media (min-width:1024px){.uo-carta.rounded-xl,.uo-carta{border-radius:90px!important}.uo-carta{width:min(58vw,820px);aspect-ratio:1344/726}.uo-carta .uo-inner{position:absolute;inset:0}.uo-carta .giul-dentro{padding:0!important;gap:18px!important}.uo-carta .giul-nome{font-size:clamp(3rem,5.2vw,5.4rem)!important}.uo-carta .giul-frase{font-size:13px!important}.uo-carta .giul-entrar{font-size:14px;padding:15px 40px 15px calc(40px + .8em)}}.uo-carta .giul-frase{font-size:11px!important;letter-spacing:.7em!important;margin-right:-.7em}@media (min-width:1024px){.uo-carta .giul-frase{font-size:14px!important}}.uo-carta .giul-nome{white-space:pre-line;text-align:center}.uo-carta .giul-entrar{font-weight:700!important;font-size:10px!important;padding:8px 18px 8px calc(18px + .6em)!important;letter-spacing:.6em!important;margin-top:4px}@media (max-width:1023px){.uo-carta .giul-nome{font-size:3.6rem!important}}.uo-carta .giul-frase{font-size:9.5px!important}@media (min-width:1024px){.uo-carta .giul-frase{font-size:12px!important}}.uo-carta .giul-nome{font-size:5rem!important}.uo-carta .giul-frase{font-size:13px!important}.uo-carta .giul-entrar{font-size:13px!important;padding:11px 26px 11px calc(26px + .6em)!important}@media (min-width:1024px){.uo-carta .giul-nome{font-size:clamp(5rem,8.4vw,8.6rem)!important}.uo-carta .giul-frase{font-size:19px!important}.uo-carta .giul-entrar{font-size:16px!important;padding:14px 34px 14px calc(34px + .6em)!important}.uo-carta .giul-dentro{gap:24px!important}}@media (min-width:1024px){.uo-carta{width:min(66vw,960px)!important}}.uo-carta .giul-entrar{padding-top:15px!important;padding-bottom:15px!important;margin-top:18px!important}@media (min-width:1024px){.uo-carta .giul-entrar{padding-top:20px!important;padding-bottom:20px!important;margin-top:26px!important}}.uo-carta .giul-entrar{padding-top:20px!important;padding-bottom:20px!important}@media (min-width:1024px){.uo-carta .giul-entrar{padding-top:28px!important;padding-bottom:28px!important}}.uo-carta .giul-boo{display:block;font-weight:400;text-transform:uppercase;letter-spacing:.55em;margin-right:-.55em;font-size:.34em;line-height:1;margin-top:.35em}.uo-carta .giul-boo{display:inline-block;font-size:.3em}.uo-carta .giul-boo{display:block;width:fit-content;margin-left:auto;margin-right:auto;padding-left:.55em;margin-top:.45em}.giul-topo{font-family:Excon,sans-serif!important;font-weight:900!important;letter-spacing:.45em!important;text-transform:uppercase}
.uo-carta .giul-boo{font-weight:900!important;letter-spacing:.32em;margin-right:-.32em;padding-left:.32em;font-size:.36em}.uo-carta .giul-nome{font-size:5.6rem!important}.uo-carta .giul-entrar{font-size:11px!important;padding:11px 20px 11px calc(20px + .6em)!important}@media (min-width:1024px){.uo-carta .giul-nome{font-size:clamp(5.6rem,10vw,10.5rem)!important}.uo-carta .giul-entrar{font-size:13px!important;padding:14px 28px 14px calc(28px + .6em)!important;margin-top:22px!important}}.uo-carta .giul-boo{margin:.2em auto 0!important;padding-left:.32em!important}

/* página dos álbuns igual à dos livros (squeeesh page-4): fundo vermelho, logo da Vênus,
   livros grandes um embaixo do outro, levemente inclinados, bordinha creme, escurecido embaixo */
body:has(.giul-estante),.giul-estante{background:#9E1E15!important}
.giul-estante-topo{background:transparent!important;border:0!important;backdrop-filter:none!important}
.giul-estante-topo button{color:#FFF7E9!important;border-color:rgba(255,247,233,.35)!important;background:transparent!important}
.giul-logo{width:40px;height:40px;display:block}
.giul-estante::after{content:"";position:fixed;left:0;right:0;bottom:0;height:130px;background:linear-gradient(rgba(0,0,0,0),#000);pointer-events:none;z-index:5}
.giul-livros{display:flex!important;flex-direction:column;align-items:center;gap:180px!important;padding:120px 0 220px}
.giul-livros>div{width:min(330px,72vw)}
.giul-livro{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.giul-capa{position:relative;aspect-ratio:300/534;perspective:1600px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
/* as páginas, do lado direito, por baixo da capa (sempre aparecendo um pouquinho) */
.giul-capa::before{content:"";position:absolute;top:1.4%;bottom:1.4%;left:2%;right:-9px;z-index:0;border-radius:2px 9px 9px 2px;
  background:repeating-linear-gradient(90deg,#FFF7E9 0 2px,#E6DECF 2px 3px);
  box-shadow:3px 0 0 -1px #EFE9DF,6px 0 0 -2px #E6DECF,10px 14px 22px rgba(0,0,0,.38)}
/* a capa: foto do álbum, com a bordinha creme; levanta (abre) pela lombada */
.giul-capa>img,.giul-capa>div{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:4px 10px 10px 4px;background:#C8C4B9;
  box-shadow:0 0 0 3px #EFE9DF,2px 4px 10px rgba(0,0,0,.25);transform-origin:left center;transition:transform .6s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}
.giul-capa>button{z-index:3}
/* lombada: a dobra do lado esquerdo */
.giul-capa::after{content:"";position:absolute;top:0;bottom:0;left:0;width:10%;z-index:2;border-radius:4px 0 0 4px;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.26) 0,rgba(255,255,255,.16) 22%,rgba(0,0,0,.10) 40%,transparent 100%)}
.giul-livros>div:nth-child(odd) .giul-capa{transform:rotate(-3deg)}
.giul-livros>div:nth-child(even) .giul-capa{transform:rotate(2.5deg)}
/* passou o mouse ou clicou: a capa levanta e dá pra ver as páginas */
.giul-livro:hover .giul-capa>img,.giul-livro:hover .giul-capa>div,.giul-livro:active .giul-capa>img,.giul-livro:active .giul-capa>div{transform:rotateY(-34deg)}
.giul-livro .flex.items-start.gap-2.p-4{display:none!important}