:root{--body-bg:#f4f4f0;--text:#0d0c22;--text-h:#282825;--tag:#0d0c22;--bshadow:#282825;--beige:#f9f5f2;--yellow:#f7cb45;--blue:#91a8ed;--white:white;--pink:#ff91e7;--coral:#ff7d59;--aqua:#7ec4bd;--green:#22a094;--red:#f45257;--gray:#6e6d7a;--mono:ui-monospace, "IBM Plex Mono", Consolas, monospace;font:24px/150% var(--mono);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--body-bg:#282825;--text:#9ca3af;--text-h:#f3f4f6;--tag:#0d0c22;--bshadow:#ffffff59}#social .button-icon{filter:invert()brightness(2)}}body{background-color:var(--body-bg);margin:0;overflow-x:hidden}h1,h2{color:var(--text-h);font-family:IBM Plex Mono,monospace;font-weight:600}h1{letter-spacing:-1.68px;margin:0 0 32px;font-size:64px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:8px 0;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{letter-spacing:-1px;margin:0}strong{font-weight:600}#app{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}.tag{color:var(--tag);white-space:nowrap;cursor:default;border-radius:20px;padding:5px 10px;font-weight:400;line-height:100%;transition:translate .2s,box-shadow .2s;display:inline-block}@media (width<=768px){.tag{line-height:80%}}.tag:hover{box-shadow:4px 4px 0 0 var(--bshadow);translate:-4px -4px}.pink{background:var(--pink)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.coral{background:var(--coral)}.green{background:var(--green)}.aqua{background:var(--aqua)}.red{background:var(--red)}.why{color:var(--gray);font-style:italic}.chat{grid-gap:20px;z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;font-size:18px;display:grid;position:relative}@media (width<=768px){.chat{flex-direction:column;font-size:16px;display:flex}}.chat .card{flex-direction:column;display:flex}.chat ul{border:1px solid var(--text-h);box-shadow:3px 3px 0 0 var(--bshadow);background:#fff;border-radius:30px;flex-grow:1;margin:0;padding:20px;list-style-type:none;transition:transform .25s cubic-bezier(.645,.045,.355,1),box-shadow .25s cubic-bezier(.645,.045,.355,1);position:relative}.chat .card:first-child ul:hover{box-shadow:6px 6px 0 0 var(--bshadow);animation:.5s ease-in-out both shake}.chat .card:last-child ul:hover{box-shadow:6px 6px 0 0 var(--bshadow);animation:.5s ease-in-out both nod}.chat .card:last-child ul:before,.chat .card:last-child ul:after{content:"";pointer-events:none;opacity:0;z-index:-1;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.chat .card:last-child ul:hover:before,.chat .card:last-child ul:hover:after{opacity:1}.chat .card:last-child ul:hover:before{background-image:radial-gradient(circle, var(--blue) 20%, transparent 20%), radial-gradient(circle, transparent 20%, var(--pink) 20%, transparent 30%), radial-gradient(circle, var(--yellow) 20%, transparent 20%), radial-gradient(circle, var(--green) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--coral) 15%, transparent 20%), radial-gradient(circle, var(--aqua) 20%, transparent 20%), radial-gradient(circle, var(--red) 20%, transparent 20%), radial-gradient(circle, var(--blue) 20%, transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%;animation:.8s ease-out forwards confetti-bottom}.chat .card:last-child ul:hover:after{background-image:radial-gradient(circle, var(--aqua) 20%, transparent 20%), radial-gradient(circle, var(--yellow) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--pink) 15%, transparent 20%), radial-gradient(circle, var(--coral) 20%, transparent 20%), radial-gradient(circle, var(--blue) 20%, transparent 20%), radial-gradient(circle, var(--red) 20%, transparent 20%), radial-gradient(circle, transparent 10%, var(--green) 15%, transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;animation:.8s ease-out forwards confetti-top}.chat h2{text-align:left}.chat .message{text-align:left;margin:4px 0}.chat .message span{color:var(--tag);border-radius:20px;max-width:50%;padding:8px 10px;line-height:100%;display:inline-block}@media (width<=768px){.chat .message span{max-width:70%}}.chat .right{text-align:right}.meta{box-shadow:8px 8px 0 0 var(--bshadow);pointer-events:none;width:60px;height:60px;translate:calc(var(--move-x,0) * var(--speed)) calc(var(--move-y,0) * var(--speed));transform-style:preserve-3d;border:2px solid #000;border-radius:100%;justify-content:center;align-items:center;padding:40px;font-size:70px;font-weight:700;transition:translate .2s cubic-bezier(.25,1,.5,1);display:flex;position:absolute}@media (width<=1534px){.meta{display:none}}.meta1{--speed:.05;top:100px;left:6vw;transform:rotate3d(1,-1,1,45deg)}.meta2{top:60px;right:6vw;transform:rotate3d(-1,-1,1,45deg)}.meta3{top:420px;left:10px;transform:rotate3d(1,-1,-1,45deg)}.meta4{top:350px;right:10px;transform:rotate3d(-1,1,-1,45deg)}.meta5{top:590px;right:80px;transform:rotate3d(-1,-1,-1,45deg)}.lang-toggle-text{cursor:pointer;font-weight:700;text-decoration:underline;transition:color .2s;position:absolute;top:5px;right:10px}.lang-toggle-text:hover{color:var(--red)}@keyframes shake{0%,to{transform:translate(-4px,-4px)rotate(0)}20%{transform:translate(-8px,-4px)rotate(-2deg)}40%{transform:translateY(-4px)rotate(2deg)}60%{transform:translate(-8px,-4px)rotate(-2deg)}80%{transform:translateY(-4px)rotate(2deg)}}@keyframes nod{0%,to{transform:translate(-4px,-4px)translateY(0)}25%{transform:translate(-4px,-4px)translateY(-5px)}50%{transform:translate(-4px,-4px)translateY(2px)}75%{transform:translate(-4px,-4px)translateY(-3px)}}@keyframes confetti-bottom{0%{background-position:50%,50%,50%,50%,50%,50%,50%,50%}to{opacity:0;background-position:-10% 120%,-30% 100%,10% 120%,30% 130%,50% 110%,70% 140%,90% 100%,110% 120%}}@keyframes confetti-top{0%{background-position:50%,50%,50%,50%,50%,50%,50%}to{opacity:0;background-position:-20% -20%,-10% -10%,10% -20%,40% -10%,60% -20%,90% -10%,120% -20%}}