.cm{--ink:#06231e;--ink-2:#06231ed1;--ink-3:#06231e9e;--line:#06231e1a;--brand:#0f9d74;--brand-d:#0b7a5a;--mint:#5be3b0;--deep:#06231e;--mono:var(--font-mono-label), ui-monospace, Menlo, monospace;--cute:var(--font-jua), var(--font-pretendard), "Pretendard Variable", sans-serif;--paper:#fbf5ea;--paper-2:#f3ead8;--paper-3:#f7efe2;--post-red:#e8473a;--post-red-dark:#b3271c;--post-red-rim:#f26450;--kraft:#e9d9bc;--kraft-d:#c9b48e;--nav-h:69px;--head-h:124px;--gap-l:44px;--room:24px;--letter-w:min(480px, 33.4vw, calc((100svh - var(--nav-h) - var(--head-h) - var(--gap-l) - 28px - var(--room)) / 1.276));--u:calc(var(--letter-w) / 100);color:var(--ink);background:var(--paper);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.7}@media (max-width:1199px){.cm{--head-h:116px;--letter-w:min(480px, 58vw, calc((100svh - var(--nav-h) - var(--head-h) - var(--gap-l) - 28px - var(--room)) / 1.276))}}@media (max-width:767px){.cm{--head-h:130px;--gap-l:36px;--letter-w:min(480px, 77vw, calc((100svh - var(--nav-h) - var(--head-h) - var(--gap-l) - 28px - var(--room)) / 1.276))}}@media (max-width:360px){.cm{--head-h:118px}}@media (max-height:500px) and (min-width:600px){.cm{--head-h:70px;--gap-l:24px;--room:8px;--letter-w:min(480px, 40vw, calc((100svh - var(--nav-h) - var(--head-h) - var(--gap-l) - 28px - var(--room)) / 1.276))}}.cm a{color:inherit;text-decoration:none}.cm button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cm h1,.cm h2,.cm h3{letter-spacing:-.035em;margin:0;font-weight:800;line-height:1.25}.cm p{margin:0}.cm .nowrap{white-space:nowrap}.cm .m-br{display:none}@media (max-width:767px){.cm .m-br{display:inline}}.cm .stage{height:100svh;min-height:520px;max-height:1080px;padding-top:var(--nav-h);background:radial-gradient(ellipse calc(var(--u) * 120) calc(var(--u) * 90) at 50% 72%, #e8473a1a, #e8473a00 70%), linear-gradient(180deg, var(--paper) 0%, #faf1e2 100%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden clip}.cm .stage:after{content:"";background:var(--paper-2);z-index:7;border-top:1px solid #c9b48e8c;height:28px;position:absolute;bottom:0;left:0;right:0}.cm .stage-head{z-index:6;text-align:center;height:var(--head-h);flex-direction:column;align-items:center;padding:44px 20px 0;display:flex;position:relative}.cm .stage-head .li-1{color:#06231e9e;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600;line-height:1.45}.cm .stage-head .li-2{font-family:var(--cute);color:var(--ink);letter-spacing:-.01em;margin-top:6px;font-size:38px;font-weight:400;line-height:1.3}.cm .letter:focus-visible{outline:3px solid var(--brand);outline-offset:4px}@media (max-width:1199px){.cm .stage-head{padding-top:40px}.cm .stage-head .li-2{font-size:34px}}@media (max-width:767px){.cm .stage-head{padding-top:32px}.cm .stage-head .li-1{font-size:15px}.cm .stage-head .li-2{margin-top:4px;font-size:26px}}@media (max-width:360px){.cm .stage-head .li-1{font-size:14px}.cm .stage-head .li-2{font-size:22px}}@media (max-height:500px) and (min-width:600px){.cm .stage-head{padding-top:14px}.cm .stage-head .li-1{font-size:14px}.cm .stage-head .li-2{margin-top:2px;font-size:20px}}.cm .mb{z-index:1;width:min(100%, calc(var(--u) * 180));height:calc(var(--u) * 260);margin-top:calc(var(--u) * 34.6 + var(--gap-l));flex:none;position:relative}.cm .mb-back,.cm .mb-front svg{width:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.cm .mb-back{z-index:1;height:100%}.cm .mb-front{left:0;right:0;top:calc(var(--u) * 54);height:calc(var(--u) * 206);z-index:3;position:absolute}.cm .mb-front svg{height:100%}.cm .letter{z-index:2;left:calc(50% - var(--u) * 52.2);top:calc(var(--u) * -34.6);width:calc(var(--u) * 104.4);padding:calc(var(--u) * 2.2);border-radius:calc(var(--u) * 1.6);box-shadow:0 calc(var(--u) * 1.2) calc(var(--u) * 3) #50140a2e, 0 calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * -4) #50140a47;background:#fff;transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s;display:block;position:absolute}.cm .letter img{width:var(--letter-w);height:var(--letter-w);object-fit:cover;border-radius:calc(var(--u) * .8)}.cm .letter:hover,.cm .letter:focus-visible{transform:translateY(-16px)}.cm .letter:active{transform:translateY(-10px)scale(.98)}.cm .letter-cta{z-index:2;left:50%;top:calc(var(--u) * 2.2 + var(--letter-w) * .07);background:var(--mint);height:50px;color:var(--deep);letter-spacing:-.02em;white-space:nowrap;isolation:isolate;border:3px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:17px;font-weight:800;transition:background .2s;display:inline-flex;position:absolute;overflow:hidden;translate:-50%;box-shadow:0 12px 24px -10px #0009,0 2px #06231e40}.cm .letter-cta svg{flex:none;width:20px;height:20px}.cm .letter-cta .arr{transition:translate .25s cubic-bezier(.3,1.6,.5,1);display:inline-block}.cm .letter:hover .letter-cta,.cm .letter:focus-visible .letter-cta{background:#74edbf}.cm .letter:hover .letter-cta .arr,.cm .letter:focus-visible .letter-cta .arr{translate:4px}.cm .letter-cta:after{content:"";z-index:-1;background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:45%;animation:5s ease-in-out 2.4s infinite cm-shine;position:absolute;top:0;bottom:0;left:-60%;translate:0}@keyframes cm-shine{0%,80%{translate:0}98%,to{translate:420%}}@media (max-width:767px){.cm .letter-cta{height:46px;padding:0 18px 0 15px;font-size:15.5px}.cm .letter-cta svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.cm .letter-cta:after{animation:none;display:none}}.cm .stamp{right:calc(var(--u) * -4.5);top:calc(var(--u) * 1.5);width:calc(var(--u) * 17);height:calc(var(--u) * 20);align-content:center;place-items:center;gap:calc(var(--u) * .6);color:var(--post-red-dark);padding:calc(var(--u) * 1.2);background:linear-gradient(#fff7e8, #fff7e8) content-box, radial-gradient(circle at 50% 50%, #0000 0 34%, #fff7e8 38%) calc(var(--u) * -.1) calc(var(--u) * -.1) / calc(var(--u) * 2.4) calc(var(--u) * 2.4);filter:drop-shadow(0 calc(var(--u) * .6) calc(var(--u) * .8) #50140a47);display:grid;position:absolute;rotate:7deg}.cm .stamp:before{content:"";inset:calc(var(--u) * 2.2);border:calc(var(--u) * .35) solid #b3271c73;border-radius:calc(var(--u) * .6);position:absolute}.cm .stamp b{font-family:var(--mono);font-weight:600;font-size:calc(var(--u) * 3.4);letter-spacing:.02em;line-height:1;position:relative}.cm .stamp i{font-style:normal;font-family:var(--mono);font-size:calc(var(--u) * 1.7);letter-spacing:.12em;opacity:.8;line-height:1;position:relative}.cm .bubble{z-index:5;left:calc(50% - var(--u) * 60);top:calc(var(--u) * -30);padding:calc(var(--u) * 1.4) calc(var(--u) * 3.2) calc(var(--u) * 1.1);font-family:var(--cute);font-size:max(15px, calc(var(--u) * 4.6));color:var(--post-red);border:2px solid var(--post-red);white-space:nowrap;background:#fff7e8;border-radius:999px;line-height:1.1;position:absolute;rotate:-9deg;box-shadow:0 4px #b3271ce6}.cm .bubble:after{content:"";border-right:2px solid var(--post-red);border-bottom:2px solid var(--post-red);background:#fff7e8;width:12px;height:12px;position:absolute;bottom:-9px;right:18%;translate:0 -1px;rotate:45deg}.cm .mb-eyes{z-index:4;left:calc(50% - var(--u) * 26);top:calc(var(--u) * 63);width:calc(var(--u) * 52);height:calc(var(--u) * 30);pointer-events:none;position:absolute}.cm .eye{width:calc(var(--u) * 28);height:calc(var(--u) * 30);box-shadow:0 calc(var(--u) * 2.2) calc(var(--u) * 2.4) #4608046b, inset 0 calc(var(--u) * -1.6) calc(var(--u) * 2) #788caa59;background:radial-gradient(70% 62% at 38% 30%,#fff 0 38%,#f2f5f9 58%,#c9d4e2 88%,#aebbce 100%);border-radius:50%;transition:scale .18s;position:absolute;top:0;overflow:hidden}.cm .eye.l{left:0}.cm .eye.r{z-index:1;right:0}.cm .pupil{z-index:1;width:calc(var(--u) * 17.4);height:calc(var(--u) * 17.4);margin:calc(var(--u) * -8.7) 0 0 calc(var(--u) * -8.7);will-change:translate;background:radial-gradient(circle at 42% 38%,#2a3445 0,#0b1018 55%,#04060a 100%);border-radius:50%;position:absolute;top:50%;left:50%}.cm .pupil:before{content:"";opacity:.95;background:#fff;border-radius:50%;width:30%;height:26%;position:absolute;top:16%;left:24%;rotate:-20deg}.cm .pupil:after{content:"";opacity:.75;background:#fff;border-radius:50%;width:12%;height:12%;position:absolute;top:52%;left:58%}.cm .mb.wide .eye{scale:1.07}.cm .eye:after{content:"";z-index:2;background:linear-gradient(#e9493b,#c53528);border-radius:50%;position:absolute;inset:-1px;translate:0 -102%}.cm .mb-eyes.blink .eye:after{animation:.2s ease-in-out cm-lid}@keyframes cm-lid{50%{translate:0}}.cm .mb-hint{z-index:5;right:calc(50% + var(--u) * 29);top:calc(var(--u) * 78);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;background:#fff7e8;border-radius:99px;align-items:center;gap:8px;padding:10px 16px 10px 14px;font-size:14px;font-weight:600;transition:opacity .25s,scale .3s cubic-bezier(.3,1.5,.5,1);display:flex;position:absolute;translate:0 -50%;scale:.85;box-shadow:0 10px 22px -12px #3c0a0599,0 0 0 1px #b3271c2e}.cm .mb-hint.show{opacity:1;scale:1}.cm .mb-hint:before{content:"";background:#fff7e8;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-6px;rotate:45deg;box-shadow:1px -1px #b3271c2e}.cm .mb-hint:after{content:"";border:1.8px solid var(--ink);box-sizing:border-box;background:linear-gradient(var(--ink), var(--ink)) 50% 2.5px / 1.8px 4px no-repeat;border-radius:6px;flex:none;width:11px;height:16px;animation:1.4s ease-in-out infinite cm-sway;display:inline-block}.cm .mb-hint>span{position:relative}.cm .mb-hint .h-touch,.cm .mb-hint .h-found,.cm .mb-hint.touch .h-mouse{display:none}.cm .mb-hint.touch .h-touch{display:inline}.cm .mb-hint.found .h-mouse,.cm .mb-hint.found .h-touch{display:none}.cm .mb-hint.found .h-found{display:inline}.cm .mb-hint.touch:after{content:"👆";background:0 0;border:0;width:auto;height:auto;font-size:15px;animation:1.1s ease-in-out infinite cm-tap}.cm .mb-hint.found:after{content:none}@keyframes cm-sway{0%,to{translate:-3px}50%{translate:3px}}@keyframes cm-tap{0%,to{translate:0}40%{translate:0 -3px}60%{translate:0 1px}}.cm .mb-hint.touch{left:50%;right:auto;top:calc(var(--u) * 97);translate:-50%}.cm .mb-hint.touch:before{margin:0 0 0 -6px;top:-6px;left:50%;right:auto;box-shadow:-1px -1px #b3271c2e}@media (max-width:767px){.cm .mb-hint{left:50%;right:auto;top:calc(var(--u) * 97);translate:-50%}.cm .mb-hint:before{margin:0 0 0 -6px;top:-6px;left:50%;right:auto;box-shadow:-1px -1px #b3271c2e}}@media (prefers-reduced-motion:no-preference){.cm .mb.anim .letter{translate:0 calc(var(--u) * 88.6)}.cm .mb.anim .bubble,.cm .mb.anim .stamp,.cm .mb.anim .letter-cta{scale:0}}.cm .archive{background:var(--paper-2);padding:clamp(40px,5vw,64px) 0 clamp(72px,9vw,112px)}.cm .wrap{max-width:1160px;margin:0 auto;padding-inline:24px}.cm .arch-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:24px;display:flex}.cm .arch-head h2{font-size:clamp(24px,2.6vw,30px)}.cm .arch-list{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.cm .arch-item a{background:#fffcf6;border:1px solid #c9b48e99;border-radius:16px;height:100%;padding:12px 12px 18px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:0 1px #c9b48e99,0 18px 30px -24px #50320a73}.cm .arch-item a:before{content:"";pointer-events:none;opacity:.9;background:repeating-linear-gradient(135deg,#e8473ad9 0 10px,#0000 10px 20px,#0f9d74bf 20px 30px,#0000 30px 40px);border-radius:16px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) top/100% 5px no-repeat;mask:linear-gradient(#000 0 0) top/100% 5px no-repeat}.cm .arch-item a:hover{transform:translateY(-3px);box-shadow:0 1px #c9b48e99,0 24px 34px -22px #50320a80}.cm .arch-item img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;height:auto;margin-top:6px}.cm .arch-item .meta{align-items:center;gap:8px;margin-top:14px;display:flex}.cm .arch-item .vol{font-family:var(--mono);color:var(--post-red-dark);background:#fff0e6;border:1px dashed #b3271c73;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600}.cm .arch-item h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:18px;line-height:1.4;display:-webkit-box;overflow:hidden}.cm .arch-item time{color:var(--ink-3);margin-top:6px;font-size:13.5px;display:block}.cm .arch-more{grid-column:1/-1;justify-content:center;margin-top:28px;display:flex}.cm .arch-more button{background:#fffcf6;border:1.5px solid #06231e33;border-radius:99px;height:46px;padding:0 22px;font-size:15px;font-weight:700}.cm .arch-empty{text-align:center;font-family:var(--cute);color:var(--ink-2);background:#fffcf6;border:2px dashed #c9b48ee6;border-radius:18px;padding:36px 16px;font-size:24px}@media (max-width:1000px){.cm .arch-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.cm .arch-list{grid-template-columns:1fr;gap:12px}.cm .arch-item a{grid-template-columns:96px 1fr;align-items:center;gap:4px 14px;padding:12px;display:grid}.cm .arch-item img{grid-row:1/4;width:96px;margin:0}.cm .arch-item .meta{align-self:end;margin:0}.cm .arch-item h3{margin:0;font-size:16px}.cm .arch-item time{align-self:start;margin:0;font-size:13px}.cm .arch-empty{font-size:20px}}.cm .yk-home .community{background:var(--paper-3)}.cm .cta{background:radial-gradient(ellipse at 50% 0%, #0d3b31 0%, var(--deep) 60%);color:#f4f7f2;text-align:center;padding:clamp(80px,10vw,120px) 20px}.cm .cta h2{letter-spacing:-.04em;font-size:clamp(28px,3.6vw,44px)}.cm .cta p{color:#eaf0ecc7;margin-top:14px;font-size:clamp(17px,1.6vw,19px)}.cm .cta .btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.cm .cta .btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;height:54px;padding:0 26px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.cm .cta .btn:hover{transform:translateY(-1px)}.cm .cta .btn-mint{background:var(--mint);color:var(--deep);box-shadow:0 12px 26px -14px #5be3b0cc}@media (max-width:480px){.cm .cta .btns{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}.cm .cta .btn{width:100%;height:52px;padding:0 16px}}
