.af-stage{--fg:#efe9dc;--muted:#aaa497;--fire:#e8973f;--fire2:#ffc27a;--sans:ui-sans-serif,system-ui,"Apple SD Gothic Neo",sans-serif;--brush:var(--font-east-sea),"Kortress Brush KR","East Sea Dokdo",cursive;--serif:"Noto Serif KR","Kortress Serif KR",serif;width:100%;height:calc(100svh - var(--kbar-h,48px));min-height:600px;color:var(--fg);font-family:var(--sans);background:#0b0d12;position:relative;overflow:hidden}.af-stage a{color:inherit;text-decoration:none}.af-three{background:#0b0d12 url(/apps-factory/factory_back.webp) no-repeat;background-size:var(--bg-w,161.6cqh) auto;background-position:var(--bg-x,50%) 50%;position:absolute;inset:0}.af-three canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .5s ease-out;display:block;position:absolute;inset:0}.af-three,.af-talk{--rw:calc(97.8cqw - min(43.7838cqh, 40cqw) - 32px);--ppm:min(58cqw, var(--rw) / 1.45);--ax:calc(16px + var(--rw) / 2);--ay:calc(50cqh + .42 * var(--ppm));--hc:var(--ax);--x:calc(var(--rw) + 32px)}.af-kosi{--kw:.8596;--kh:1.926;--kax:.4363;--kay:.7612;left:calc(var(--ax) - var(--kax) * var(--ppm));top:calc(var(--ay) - var(--kay) * var(--ppm));width:calc(var(--kw) * var(--ppm));height:calc(var(--kh) * var(--ppm));pointer-events:none;background:url(/apps-factory/kosi_hold_t.webp) 0 0/100% 100% no-repeat;transition:opacity 0s .5s;position:absolute}.af-ready .af-kosi{opacity:0}.af-talk{--bw:min(560px, var(--x) - 32px);--l:clamp(16px, var(--hc) - var(--bw) / 2, var(--x) - 16px - var(--bw));z-index:4;left:var(--l);width:var(--bw);box-sizing:border-box;color:#f3ecdf;min-height:68px;font:500 17px/1.55 var(--serif);word-break:keep-all;background:#12100ee6;border:2px solid #c9a46a;border-radius:14px;align-items:center;gap:16px;padding:18px 22px 14px;display:flex;position:absolute;bottom:20px;box-shadow:0 12px 40px #0000008c}.af-talk:before{content:"";top:-11px;left:calc(clamp(24px, var(--hc) - var(--l), var(--bw) - 24px) - 9px);background:inherit;border:inherit;border-bottom:0;border-right:0;border-radius:3px 0 0;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.af-nm{color:#1a120a;font:400 26px/1.1 var(--brush);background:#c9a46a;border-radius:8px;padding:2px 14px 0;position:absolute;top:-18px;left:18px}.af-talk-p{flex:1;min-width:0;margin:0}.af-talk-p b{color:#ffd79a;font-weight:700}.af-hi-m{display:none}.af-stage .af-go{color:#1a120a;font:700 15px/1 var(--serif);background:#c9a46a;border-radius:10px;flex:none;padding:8px 16px;transition:background .15s}.af-go:after{content:"";border-radius:12px;position:absolute;inset:0}.af-stage .af-go:hover{background:#e3c088}.af-go:focus-visible{outline:none}.af-go:focus-visible:after{outline:2px solid var(--fire2);outline-offset:3px}.af-greet .af-go,.af-soon-on .af-go{display:none}.af-ic.af-nudge .af-sq{animation:1.1s ease-in-out 2 af-nudge}@keyframes af-nudge{50%{box-shadow:0 0 0 3px var(--fire2),0 0 26px #ffb45ad9;transform:scale(1.08)}}.af-ready .af-three canvas{opacity:1}.af-load{z-index:2;left:var(--hc,50%);color:var(--fg);background:#080a10b8;border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;display:none;position:absolute;bottom:24px;transform:translate(-50%)}.af-fail .af-load{display:flex}.af-ttl{z-index:3;text-shadow:0 2px 12px #000;pointer-events:none;position:absolute;top:16px;left:clamp(16px,3vw,40px)}.af-ttl h1{font:400 58px/1 var(--brush);margin:0}.af-ttl p{font:500 13px var(--sans);color:#d9d2c4;margin:4px 0 0}.af-home{z-index:2;aspect-ratio:9/18.5;background:linear-gradient(145deg,#3a3d44,#15161a 40%,#2a2c31);border-radius:48px;max-width:40%;height:90%;padding:12px;position:absolute;top:50%;right:2.2%;transform:translateY(-50%);box-shadow:0 0 0 2px #0b0c0e,0 30px 70px #000000bf}.af-scr{background:#0e1424 url(/apps-factory/wall.jpg) bottom/cover;border-radius:38px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.af-bar{font:600 12px var(--sans);color:#eef;justify-content:space-between;align-items:center;padding:12px 24px 0;display:flex}.af-bar .af-isl{background:#000;border-radius:12px;width:84px;height:22px}.af-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px 2px;padding:8px 8px 0;display:grid}.af-cap{font:700 12px var(--sans);letter-spacing:.04em;color:#ffffffb8;text-shadow:0 1px 3px #000;grid-column:1/-1;margin:6px 2px -2px}.af-ic{color:#fff;font:600 13px/1.15 var(--sans);text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;transition:transform .18s;display:flex}.af-ic .af-sq{aspect-ratio:1;border-radius:24%;width:100%;max-width:74px;position:relative;box-shadow:0 4px 10px #00000073}.af-ic .af-sq img{border-radius:24%;width:100%;height:100%;display:block}.af-ic .af-lb{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;text-shadow:0 1px 3px #000000e6;max-width:100%;overflow:hidden}button.af-ic{cursor:pointer;background:0 0;border:0;padding:0}.af-fail button.af-ic{cursor:default}.af-fail button.af-ic:hover{transform:none}.af-ic.af-soon .af-sq img{filter:grayscale(.55)brightness(.6)}.af-ic .af-tag{color:#e6c27f;font:700 11px/1.4 var(--sans);white-space:nowrap;background:#0a0c12d9;border:1px solid #e6c27f8c;border-radius:9px;padding:1px 7px;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.af-ic .af-badge{color:#fff;min-width:18px;height:18px;font:700 12px/18px var(--sans);z-index:1;text-align:center;background:#e0412b;border-radius:9px;padding:0 5px;position:absolute;top:-4px;right:-4px}.af-ic:hover{transform:translateY(-2px)}.af-ic[aria-current] .af-sq{box-shadow:0 0 0 2.5px var(--fire2),0 0 22px #ffb45ab3}.af-ic[aria-current]{transform:scale(1.06)}.af-ic:focus-visible{outline:2px solid var(--fire2);outline-offset:3px;border-radius:12px}.af-dock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:28px;margin:8px 10px 12px;padding:6px 8px 8px}.af-dock .af-dh{font:700 12px var(--sans);color:#fffc;justify-content:space-between;align-items:center;padding:2px 8px 6px;display:flex}.af-dock .af-dh a{color:var(--fire2);font-weight:600}.af-dock .af-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.af-fail .af-talk{display:none}@media (min-width:761px){.af-stage{container:af-stage/size}.af-three{--bg-w:161.6cqh;--bg-x:min(50cqw - .28 * 161.6cqh, 0px)}}@container af-stage (min-aspect-ratio:6/5){.af-three,.af-home,.af-talk{--P:calc((96cqh - 76px) / 1.406);--pw:39.892cqh;--m:calc((100cqw - .914 * var(--P) - var(--pw)) / 2);--hc:calc(var(--m) + .342 * var(--P));--x:calc(var(--m) + .914 * var(--P));--iw:max(161.6cqh, 106.383cqw - 14.894px)}.af-three{--bg-w:var(--iw);--bg-x:calc(14px - .06 * var(--iw))}.af-kosi{--ppm:var(--P);--ax:calc(var(--hc) - .025 * var(--P));--ay:calc(4cqh + .912 * var(--P));--kw:.8696;--kh:2.075;--kax:.4437;--kay:.7676;background-image:url(/apps-factory/kosi_hold_d.webp)}.af-home{max-width:none;height:82cqh;width:var(--pw);aspect-ratio:auto;right:auto;left:var(--x)}}@media (min-width:761px){.af-home{container-type:size}.af-ic .af-sq{max-width:min(74px,20cqh - 62px)}.af-grid{gap:min(8px,1cqh) 2px}}@media (max-width:760px){.af-stage{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.af-ttl{top:12px;left:16px}.af-ttl h1{font-size:46px}.af-ttl p{display:none}.af-three{height:680px;scroll-margin-top:var(--kbar-h,52px);--bg-w:1098.88px;--bg-x:min(50% + 241.75px, 0px);background-image:url(/apps-factory/factory_back_m.webp);order:1;position:relative;overflow:hidden;container-type:inline-size}.af-load{bottom:44px;left:50%}.af-kosi{--ppm:min(320px, (100cqw - 24px) / .91);--ax:50cqw;--ay:calc(170px + var(--ppm));--kw:.8625;--kh:2.0374;--kax:.4312;--kay:.77;background-image:url(/apps-factory/kosi_hold_m.webp)}.af-talk{flex-wrap:wrap;gap:0;width:auto;min-height:92px;padding:20px 16px 12px;font-size:16px;inset:80px 16px auto}.af-talk:before{border:inherit;border-top:0;border-left:0;border-radius:0 0 3px;top:auto;bottom:-11px;left:calc(50% - 9px)}.af-talk-p{flex-basis:100%}.af-hi-a{display:block}.af-hi-d{display:none}.af-hi-m{display:inline}.af-stage .af-go{color:#e6c27f;background:0 0;margin:2px 0 0 auto;padding:4px 0;font-size:14px}.af-stage .af-go:hover{background:0 0}.af-ic{font-size:12.5px}.af-home{aspect-ratio:auto;max-width:none;height:auto;box-shadow:none;background:0 0;border-radius:28px 28px 0 0;order:3;margin:-28px 0 0;padding:0;position:relative;inset:auto;transform:none}.af-bar{display:none}.af-scr{border-radius:28px 28px 0 0;padding:6px 0 10px}.af-grid{gap:12px 4px;padding:10px 12px 0}.af-ic .af-sq{max-width:60px}}@media (prefers-reduced-motion:reduce){.af-ic,.af-stage .af-go{transition:none}.af-ic.af-nudge .af-sq{animation:none}}.af-stage{--kbar-h:48px}@media (max-width:760px){.af-stage{--kbar-h:52px}}
