@font-face{font-family:Legacy Chungbin;src:url(/fonts/legacy-chungbin-medium.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Legacy Yoon Myungjo\ 140;src:url(/fonts/legacy-yoon-myungjo-140.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Legacy Rix Coffee;src:url(/fonts/legacy-rix-coffee-medium.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Legacy Frutiger\ 77;src:url(/fonts/legacy-frutiger-77-condensed-black.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Legacy Frutiger\ 57;src:url(/fonts/legacy-frutiger-57-condensed.woff2) format("woff2");font-display:block;font-style:normal;font-weight:400}@font-face{font-family:Legacy DIN;src:url(/fonts/legacy-din-medium.woff2) format("woff2");font-display:block;font-style:normal;font-weight:500}@font-face{font-family:Legacy DIN;src:url(/fonts/legacy-din-bold.woff2) format("woff2");font-display:block;font-style:normal;font-weight:700}:root{color-scheme:light;--ink:#25221d;--muted:#756e64;--paper:#f5f1e7;--red:#b7192d;--blue:#175f92;--wood:#3e2215;--font-brush:"Legacy Chungbin",cursive;--font-korean-serif:"Legacy Yoon Myungjo 140",serif;--font-handwritten:"Legacy Rix Coffee",cursive;--font-display:"Legacy Frutiger 77","Arial Narrow",sans-serif;--font-condensed:"Legacy Frutiger 57","Arial Narrow",sans-serif;--font-ui:"Legacy DIN",Arial,sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:#22160f;color:var(--ink);font-family:var(--font-ui);font-synthesis:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #1283cd;outline-offset:3px}.landing{min-height:100vh;display:grid;place-items:center;padding:42px 18px 70px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,rgba(12,8,5,.55),rgba(12,8,5,.05) 50%,rgba(12,8,5,.55)),url(/assets/common/background.jpg) 50% /cover fixed}.landing:after,.landing:before{content:"";position:fixed;inset-block:0;width:clamp(28px,8vw,110px);z-index:-1;background:linear-gradient(90deg,#160c08,#4b271a 54%,#1e110d);box-shadow:0 0 28px #000a}.landing:before{left:0}.landing:after{right:0;transform:scaleX(-1)}.landing-scroll{width:min(590px,calc(100vw - 40px));min-height:660px;padding:62px clamp(28px,8vw,72px) 48px;position:relative;text-align:center;background:radial-gradient(circle at 22% 18%,#fff9 0 1px,transparent 2px),linear-gradient(100deg,#e8e0cd,#faf7ee 14%,#f4f0e5 84%,#ded2bb);border-inline:5px solid #405c70;box-shadow:0 24px 50px #0008,inset 0 0 45px #8c7a5518}.landing-scroll:after,.landing-scroll:before{content:"";position:absolute;left:-18px;right:-18px;height:22px;border-radius:12px;background:linear-gradient(#927a55,#e4d6b2 36%,#77603f 42%,#bca377 72%,#4a3a28);box-shadow:0 3px 6px #0008}.landing-scroll:before{top:-8px}.landing-scroll:after{bottom:-8px}.eyebrow,.step-heading p{margin:0 0 9px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.landing h1{margin:0;font-family:var(--font-brush);font-size:clamp(48px,10vw,76px);line-height:.82;letter-spacing:-.05em;transform:rotate(-2deg)}.landing-copy{max-width:410px;margin:27px auto 24px;color:#554f46;font-family:var(--font-ui);font-size:16px;line-height:1.55}.landing-form{display:grid;grid-gap:17px;gap:17px;text-align:left}.landing-form legend,.landing-form>label{color:#554e44;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-form input:not([type]),.landing-form input[type=text]{width:100%;margin-top:7px;padding:13px 15px;background:#fffefa9c;border:1px solid #bcb09c;border-radius:3px;color:#231e19;font-size:18px;text-transform:none}.landing-form fieldset{display:flex;gap:24px;margin:0;padding:0;border:0}.landing-form legend{width:100%;margin-bottom:10px}.landing-form fieldset label{display:flex;align-items:center;gap:7px;font-size:14px}.landing-form input[type=radio]{accent-color:var(--red)}.family-preview{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:12px;gap:12px;min-height:54px;padding:9px 14px;background:#1d1c19;color:#fff;border-radius:3px}.family-preview span{color:#bcb9b1;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.family-preview strong{color:#e94751;font-size:18px}.family-preview b{display:grid;width:34px;height:34px;place-items:center;background:#faf6eb;color:#151311;font-family:var(--font-korean-serif);font-size:21px}.seal-button{min-width:94px;min-height:48px;justify-self:center;padding:0 25px;background:radial-gradient(circle at 40% 35%,#d92b3d,#9f1025 65%,#6f0715);border:2px solid #ec7a7f;border-radius:50%;box-shadow:0 4px 8px #0005,inset 0 0 7px #5e0615;color:#fff;cursor:pointer;font-weight:900;letter-spacing:.03em}.seal-button:hover{filter:brightness(1.13);transform:translateY(-1px)}.landing-note{position:absolute;bottom:15px;margin:0;color:#eadfcf;font-size:12px;text-shadow:0 1px 3px #000}.experience{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#1c120c}.stage-viewport{position:relative;flex:none}.stage{width:760px;height:600px;inset:0 auto auto 0;transform-origin:top left;background:url(/assets/common/background_2nd.jpg) 0 0/760px 600px no-repeat;box-shadow:0 18px 70px #000c}.sr-only,.stage{position:absolute;overflow:hidden}.sr-only{width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-fade{animation:screen-fade-in .35s ease both}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}.sound-toggle{width:19px;height:19px;position:absolute;z-index:80;left:646px;top:69.5px;display:grid;place-items:center;padding:0;background:transparent;border:0;cursor:pointer}.sound-toggle:hover{opacity:.7}.sound-toggle span{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0)}.introduction-paper,.opening-scene{position:absolute;inset:0;overflow:hidden}.opening-scene{background:url(/assets/common/background.jpg) 50%/cover}.introduction-paper img,.legacy-paper img,.opening-scene img,.stage-decor img,.stage-footer img,.step-flag{position:absolute;display:block;max-width:none}.opening-second-background{position:absolute;inset:0;z-index:0;background:url(/assets/common/background_2nd.jpg) 50%/cover;opacity:0;animation:opening-background-in .4s ease 1.3s forwards}.opening-small-paper{width:198px;height:13px;z-index:3;left:272px;top:424px;animation:opening-small-paper-out 10ms linear 1.3s forwards}.opening-large-paper{width:659px;height:504px;position:absolute;z-index:4;left:272px;top:424px;opacity:0;transform:scale(.33);transform-origin:top left;animation:opening-paper-grow .5s ease 1.3s forwards}.opening-paper-bottom,.opening-paper-middle,.opening-paper-top{width:659px;left:0}.opening-paper-top{height:25px;z-index:3;top:0}.opening-paper-middle{height:456px;z-index:1;top:25px;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);animation:opening-paper-reveal 567ms linear 1.8s forwards}.opening-paper-bottom{height:23px;z-index:2;top:13px;animation:opening-paper-bottom 667ms linear 1.8s forwards}.opening-door{width:388px;height:600px;z-index:20;top:0}.opening-door-left{left:-8px;animation:opening-door-left .5s ease-in .8s forwards}.opening-door-right{left:380px;animation:opening-door-right .5s ease-in .8s forwards}.opening-flag{width:185px;height:330px;z-index:21;left:550px;top:0;animation:opening-flag-out .5s ease-in .3s forwards}.opening-inkstone{width:332px;height:349px;z-index:9;left:-332px;top:364px;animation:opening-inkstone-in .3s ease 2.47s forwards}.opening-brush{width:155px;height:419px;z-index:10;left:790px;top:122px;transform:rotate(30deg);transform-origin:50% 50%;animation:opening-brush-in .5s ease 2.67s forwards}.skip-opening{position:absolute;z-index:70;right:15px;bottom:13px;padding:6px 10px;background:#1d1713b8;border:1px solid #ffffff66;border-radius:2px;color:#fff;cursor:pointer;font-size:10px;letter-spacing:.05em}@keyframes opening-background-in{to{opacity:1}}@keyframes opening-small-paper-out{to{opacity:0}}@keyframes opening-paper-grow{0%{left:272px;top:424px;opacity:1;transform:scale(.33)}to{left:53px;top:47px;opacity:1;transform:scale(1)}}@keyframes opening-paper-reveal{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes opening-paper-bottom{0%{top:13px}84%{top:481px}92%{top:471px}to{top:481px}}@keyframes opening-door-left{to{left:-396px}}@keyframes opening-door-right{to{left:768px}}@keyframes opening-flag-out{to{top:-330px}}@keyframes opening-inkstone-in{to{left:-252px;top:332px}}@keyframes opening-brush-in{to{left:651px;transform:rotate(0)}}.stage-decor{position:absolute;inset:0;z-index:25;overflow:hidden;pointer-events:none}.decor-inkstone{width:332px;height:349px;left:-252px;top:332px}.decor-brush{width:155px;height:419px;left:651px;top:122px}.legacy-paper{position:absolute;z-index:1;left:53px;top:47px;width:659px;height:504px}.legacy-paper-bottom,.legacy-paper-middle,.legacy-paper-top{width:659px;left:0}.legacy-paper-top{height:25px;top:0;z-index:3}.legacy-paper-middle{height:456px;top:25px;z-index:1}.legacy-paper-bottom{height:23px;top:481px;z-index:2}.description-one,.description-two{position:absolute;inset:0;z-index:5}.description-mountain{width:668px;height:524px;left:82px;top:49px}.description-sejong{width:282px;height:390px;left:103px;top:102px;opacity:0;animation:description-art-in 467ms ease-in forwards}.description-copy{position:absolute;left:398px;top:176px;width:270px;height:230px}.description-line{opacity:0;animation:description-line-in .65s ease forwards}.description-line-one{left:0;top:0;animation-delay:0s}.description-line-two{left:0;top:46px;animation-delay:3.47s}.description-line-three{left:0;top:128px;animation-delay:9.97s}.description-line-four{left:-14px;top:178px;animation-delay:17.77s}@keyframes description-art-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes description-line-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.description-two>img{z-index:2}.desc2-title{left:118px;top:109px}.desc2-box{left:120px;top:182px;--desc2-delay:0.47s}.desc2-family{left:222px;top:159px;--desc2-delay:0.8s}.desc2-name{left:419px;top:160px;--desc2-delay:1.13s}.desc2-korean-label{left:125px;top:219px;--desc2-delay:1.8s}.desc2-pure-label{left:115px;top:335px;--desc2-delay:1.8s}.desc2-kim{left:225px;top:198px;--desc2-delay:2.13s}.desc2-yuna{left:359px;top:198px;--desc2-delay:2.47s}.desc2-keum{left:221px;top:324px;--desc2-delay:2.8s}.desc2-garam{left:357px;top:319px;--desc2-delay:3.3s}.desc2-reads-one{left:249px;top:277px;--desc2-delay:3.3s}.desc2-reads-two{left:244px;top:398px;--desc2-delay:3.3s}.desc2-meaning-label{left:566px;top:160px;--desc2-delay:3.97s}.desc2-meaning-one{left:558px;top:204px;--desc2-delay:4.63s}.desc2-meaning-two{left:566px;top:338px;--desc2-delay:4.63s}.desc2-subtitle{left:191px;top:448px}.desc2-reveal{opacity:0;animation:desc2-item-fade-in 467ms ease-in var(--desc2-delay) both}.desc2-garam,.desc2-keum,.desc2-kim,.desc2-yuna{transform-origin:center;animation-name:desc2-character-in}@keyframes desc2-item-fade-in{0%{opacity:0}to{opacity:1}}@keyframes desc2-character-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.legacy-nav{width:74px;height:55px;position:absolute;z-index:20;top:458px;padding:0;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;cursor:pointer}.legacy-nav:hover{filter:brightness(1.15);transform:translateY(-1px)}.legacy-nav-prev{width:70px;left:84px;background-image:url(/assets/common/prevButton.png)}.legacy-nav-next{left:605px;background-image:url(/assets/common/nextButton.png)}.legacy-nav:disabled{visibility:hidden;opacity:0}.stage-frame{position:absolute;inset:0;overflow:visible}.stage-frame-content{width:608px;height:506px;position:absolute;z-index:5;left:76px;top:42px}.step-flag{z-index:20;left:89px;top:31px;height:186px;pointer-events:none}.step-content{position:absolute;inset:78px 30px 24px;padding-left:35px}.step-heading{max-width:470px;margin:9px auto 20px;text-align:center}.step-heading.compact{margin-block:0 12px}.step-heading p{margin-bottom:5px;font-size:9px}.step-heading h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.2}.step1{--step1-choice-delay:1.5s;width:760px;height:600px;inset:-42px auto auto -76px;padding:0}.step1 img{position:absolute;display:block;max-width:none}.step1-identity{position:absolute;inset:0;animation:step1-fade-in 467ms linear 33ms both}.step1-identity-paper{width:400px;height:118px;left:180px;top:103px}.step1-avatar{width:50px;height:50px;position:absolute;left:205px;top:139px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#eee9df 0 10px,transparent 10.5px),radial-gradient(ellipse at 50% 102%,#eee9df 0 24px,transparent 24.5px),#6a7d89;box-shadow:inset 0 0 0 1px #fff9}.step1-avatar-photo{object-fit:cover}.step1-identity-label{width:303.45px;height:33.55px;position:absolute;left:259px;top:152px;margin:0;overflow:hidden;color:#222;font-family:var(--font-display);font-size:28px;font-weight:400;line-height:33.55px;text-align:center;white-space:nowrap}.step1-identity-label strong{font-weight:400}.step1-identity-label b{margin-left:7px;font-family:var(--font-korean-serif);font-size:23px;font-weight:400}.step1-description{width:416px;height:56px;left:162px;top:261px;opacity:0;animation:step1-fade-in 467ms linear var(--step1-choice-delay) forwards}.step1-choice,.step1-choice-art,.step1-options{position:absolute;inset:0}.step1-choice{transition:opacity .5s linear}.step1-options:has(.step1-type-button-kanji:is(:hover,:focus-visible)) .step1-choice-pure,.step1-options:has(.step1-type-button-pure:is(:hover,:focus-visible)) .step1-choice-kanji{opacity:.5}.step1-type-button{position:absolute;z-index:3;padding:0;opacity:0;visibility:hidden;background:transparent;border:0;cursor:pointer;mix-blend-mode:multiply;animation:step1-button-in .2s ease-out var(--step1-choice-delay) both}.step1-type-button:hover{filter:brightness(1.08)}.step1-type-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.step1-type-button-kanji{width:149px;height:130px;left:238.5px;top:324px}.step1-type-button-pure{width:151px;height:134px;left:352.95px;top:320px}.step1-type-button>img:not(.step1-red-title){inset:0}.step1-red-title{width:93px;height:60px;left:30px;top:35px}.step1-choice-art{pointer-events:none}.step1-blue-circle-one{width:140px;height:121px;left:144px;top:354px;mix-blend-mode:multiply;animation:step1-paint-in 633ms ease-in var(--step1-choice-delay) both}.step1-blue-circle-two{width:69px;height:71px;left:115px;top:354.5px;mix-blend-mode:multiply;animation:step1-paint-in 633ms ease-in calc(var(--step1-choice-delay) + 167ms) both}.step1-blue-copy{width:92px;height:70px;left:163.5px;top:379px;animation:step1-copy-in 1ms step-end calc(var(--step1-choice-delay) + 633ms) both}.step1-red-circle-one{width:149px;height:133px;left:470.95px;top:341px;mix-blend-mode:multiply;animation:step1-paint-in 633ms ease-in var(--step1-choice-delay) both}.step1-red-circle-two{width:69px;height:72px;left:587.95px;top:359px;mix-blend-mode:multiply;animation:step1-paint-in 633ms ease-in calc(var(--step1-choice-delay) + 67ms) both}.step1-red-circle-three{width:81px;height:74px;left:453.95px;top:402px;mix-blend-mode:multiply;animation:step1-paint-in 633ms ease-in calc(var(--step1-choice-delay) + 133ms) both}.step1-red-copy{width:157px;height:66px;left:487.95px;top:382px;animation:step1-copy-in 1ms step-end calc(var(--step1-choice-delay) + 633ms) both}@keyframes step1-fade-in{0%{opacity:0}to{opacity:1}}@keyframes step1-button-in{0%{opacity:0;visibility:hidden}1%{visibility:visible}to{opacity:1;visibility:visible}}@keyframes step1-paint-in{0%{opacity:0;transform:scale(.01)}to{opacity:1;transform:scale(1)}}@keyframes step1-copy-in{0%{opacity:0}to{opacity:1}}.step2,.step3{width:760px;height:600px;inset:-42px auto auto -76px;padding:0}.step2-grid-background,.step2-heading img,.step3-grid-background,.step3-heading,.step3-sub-heading{position:absolute;display:block;max-width:none;pointer-events:none}.step2-heading-main,.step2-heading-sub{opacity:0;transform:translateY(-10px);animation:step2-heading-in .3s ease-out forwards}.step2-heading-sub{animation-delay:.3s}.step2-heading-first .step2-heading-main{left:210px;top:81px}.step2-heading-first .step2-heading-sub{left:239px;top:123px}.step2-heading-second .step2-heading-main{left:212px;top:86px}.step2-heading-second .step2-heading-sub{left:236px;top:125px}.step2-heading-pure .step2-heading-main{left:280px;top:86px}.step2-heading-pure .step2-heading-sub{left:296px;top:125px}@keyframes step2-heading-in{to{opacity:1;transform:translateY(0)}}.step2-grid{position:absolute;inset:0}.step2-grid-background{z-index:0;left:84px;top:160px;opacity:0;animation:step2-grid-in .5s ease-out 1.275s forwards}@keyframes step2-grid-in{to{opacity:1}}.meaning-grid{width:460px;position:absolute;z-index:1;left:157px;top:164px;display:grid;grid-template-columns:repeat(3,146px);grid-auto-rows:49px;grid-gap:9px 11px;gap:9px 11px}.meaning-card{width:146px;height:49px;padding:0 7px;background:url(/assets/step_2/block_odd.png) 50%/146px 49px no-repeat;border:0;color:#fff;cursor:pointer;animation-name:meaning-card-drop;animation-timing-function:cubic-bezier(.18,.78,.3,1.2);transform-origin:center;will-change:transform}.meaning-card:nth-child(n+10):nth-child(-n+12),.meaning-card:nth-child(n+4):nth-child(-n+6){background-image:url(/assets/step_2/block_even.png)}@keyframes meaning-card-drop{0%{transform:translateY(var(--meaning-start-y))}to{transform:translateY(0)}}.meaning-card:focus-visible:not(.selected),.meaning-card:hover:not(.selected){transform:rotate(3deg);transition:transform .3s cubic-bezier(.2,1.7,.4,1)}.meaning-card.selected{background-image:url(/assets/step_2/block_selected.png);background-position:bottom;background-size:146px 47px}.meaning-card strong{display:block;overflow:hidden;font-family:var(--font-display);font-size:17px;font-weight:400;line-height:49px;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px #2c130c;white-space:nowrap}.meaning-card.selected strong{font-size:20px;transform:translateY(-2px)}.error-state,.loading-state{width:410px;min-height:210px;margin:35px auto 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#5d554b;text-align:center}.ink-loader{width:80px;height:12px;display:block;background:#211f1c;border-radius:70% 30% 50% 20%;animation:ink-pulse .85s ease-in-out infinite alternate}@keyframes ink-pulse{to{transform:scaleX(1.45);opacity:.45}}.error-state p{margin:0;font-family:var(--font-ui);font-size:16px}.error-state button{padding:7px 16px;background:#fff;border:1px solid #999;cursor:pointer}.step2>.error-state,.step2>.loading-state,.step3>.error-state,.step3>.loading-state{position:absolute;left:175px;top:175px;margin:0}.step3-heading{left:187px;top:94px}.step3-sub-heading{left:276px;top:128px}.step3-candidates{position:absolute;inset:0}.step3-grid-background{z-index:0;left:82px;top:161px}.candidate-list{position:absolute;inset:0;margin:0;padding:0;list-style:none}.candidate{left:96px}.candidate,.candidate-brush{width:563px;height:50px;position:absolute}.candidate-brush{inset:0;z-index:0;display:block;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0;pointer-events:none}.candidate.highlighted .candidate-brush{opacity:1;animation:candidate-brush-in 467ms cubic-bezier(.1,.75,.2,1) forwards}@keyframes candidate-brush-in{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}.candidate-choice,.sound-button{position:absolute;z-index:1;padding:0;background:transparent;border:0;cursor:pointer}.candidate-choice{width:563px;height:50px;inset:0}.candidate-number{position:absolute;left:77px;top:8px;font-family:var(--font-handwritten);font-size:30px;font-weight:400;line-height:36px}.candidate-character{width:43px;height:43px;position:absolute;top:7px;display:grid;place-items:center;font-family:var(--font-korean-serif);font-size:30px;line-height:43px}.candidate-character-first{left:123px}.candidate-character-second{left:202px}.candidate-character img{width:43px;height:43px;position:absolute;inset:0}.candidate-character i{position:relative;z-index:1;font-style:normal}.candidate-equal,.candidate-plus{position:absolute;pointer-events:none}.candidate-plus{width:20px;height:20px;left:174px;top:15px}.candidate-equal{width:21px;height:12px;left:253px;top:19px}.roman-name{width:180px;position:absolute;left:285px;top:16px;overflow:hidden;font-family:var(--font-display);font-size:18px;font-weight:400;line-height:22px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.stamp{width:46px;height:48px;position:absolute;z-index:3;left:25px;top:1px;pointer-events:none;animation:candidate-stamp-in .4s ease-out both}@keyframes candidate-stamp-in{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.candidate.highlighted .candidate-character,.candidate.highlighted .candidate-number,.candidate.highlighted .roman-name{color:#fff}.sound-button{width:28px;height:21px;z-index:4;left:484px;top:17px;background:url(/assets/step_3/button_sound.png) 50%/28px 21px no-repeat}.sound-button:hover{transform:scale(1.08)}.candidate.highlighted .sound-button{filter:brightness(0) invert(1)}.sound-note{position:absolute;left:90px;right:90px;bottom:31px;margin:0;color:#9c2935;font-size:9px;text-align:center}.step4{width:760px;height:600px;inset:-42px auto auto -76px;padding:0}.create-profile-button,.create-profile-button img,.step4-name-part,.step4>img{position:absolute;display:block;max-width:none}.step4-heading{width:333px;height:29px;left:213px;top:95px}.step4-card-background{width:500px;height:209px;left:132px;top:135px}.step4-name-part{width:120px;height:160px;top:153px;text-align:center}.step4-name-part-0{left:192px}.step4-name-part-1{left:333px}.step4-name-part-2{left:463px}.step4-name-part strong{width:120px;height:150px;display:block;overflow:hidden;font-family:var(--font-brush);font-size:120px;font-weight:400;line-height:150px}.step4-name-part-1 strong,.step4-name-part-2 strong{animation:step4-name-in 1s linear .5s both}@keyframes step4-name-in{0%{opacity:0}to{opacity:1}}.step4-name-part span{width:104px;height:20px;position:absolute;left:3px;top:140px;overflow:hidden;color:#0165b1;font-family:var(--font-display);font-size:15px;font-weight:400;line-height:20px;white-space:nowrap}.step4-name-part-1 span{left:3px}.step4-name-part-2 span{left:6px}.step4-meaning{width:488px;height:74px;position:absolute;left:139px;top:352px;overflow:hidden;font-family:var(--font-ui);font-size:14px;font-weight:700;line-height:19px;text-align:center}.step4-meaning p{margin:0}.step4-meaning strong{color:#c50e25}.step4-description{width:346px;height:49px;left:205px;top:437px}.create-profile-button{width:103px;height:107px;left:560.5px;top:396.5px;overflow:visible;padding:0;background:transparent;border:0;cursor:pointer;animation:create-profile-in 467ms cubic-bezier(0,0,.2,1) both;transform-origin:center}.create-profile-button img{width:103px;height:107px;inset:0}.create-profile-text{transition:filter .5s ease}.create-profile-button:hover .create-profile-text{filter:brightness(0) saturate(100%) invert(27%) sepia(91%) saturate(1693%) hue-rotate(183deg) brightness(83%)}@keyframes create-profile-in{0%{opacity:0;transform:scale(.01)}to{opacity:1;transform:scale(1)}}.step5{position:absolute;inset:0;z-index:2}.business-card-shadow-bottom,.business-card-shadow-left{position:absolute;z-index:1;display:block;max-width:none;pointer-events:none}.business-card-shadow-bottom{width:434px;height:16px;left:-65px;top:448px;mix-blend-mode:multiply}.business-card-shadow-left{width:10px;height:488px;left:71px;top:35px;mix-blend-mode:multiply}.business-card{width:268px;height:413px;z-index:2;left:81px;background:url(/assets/step_5/card_background.png) 50%/100% 100% no-repeat}.business-card,.business-card-owner{position:absolute;top:35px;overflow:hidden}.business-card-owner{width:154px;z-index:4;left:14px;font-family:var(--font-display);font-size:12px;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.business-card-photo{width:179px;height:172px;position:absolute;z-index:2;left:0;top:168px;overflow:hidden;background:#d9d7d0;cursor:pointer;mask:url(/assets/step_5/photo_mask.png) center/100% 100% no-repeat;touch-action:none;-webkit-mask:url(/assets/step_5/photo_mask.png) center/100% 100% no-repeat}.business-card-photo.has-photo{cursor:-webkit-grab;cursor:grab}.business-card-photo.has-photo:active{cursor:-webkit-grabbing;cursor:grabbing}.business-card-photo img{position:absolute;display:block;max-width:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photo-replace{position:absolute;z-index:5;right:8px;bottom:8px;padding:4px 7px;background:#151311cc;border:1px solid #fff8;color:#fff;cursor:pointer;font-family:var(--font-ui);font-size:8px;opacity:0;transition:opacity .16s ease}.business-card-photo:hover .photo-replace,.photo-replace:focus-visible{opacity:1}.photo-empty{position:absolute;inset:0;display:grid;place-content:center;grid-gap:2px;gap:2px;background:#f6f3ebbf;border:0;color:#5c5750;cursor:pointer;font-size:10px;text-align:center}.default-portrait{width:68px;height:68px;position:absolute;left:55px;top:25px;background:#aaa69e;border-radius:50%}.default-portrait:after{content:"";width:140px;height:82px;position:absolute;left:-36px;top:80px;background:#aaa69e;border-radius:70px 70px 0 0}.default-portrait+.photo-empty{inset:auto 34px 13px;z-index:2;min-height:38px;border:1px solid #9f9a91}.default-portrait+.photo-empty span{display:none}.photo-empty span{color:var(--blue);font-size:28px;line-height:1}.business-card-name{width:88px;height:363px;position:absolute;z-index:3;left:176px;top:8px;display:grid;grid-template-rows:repeat(3,121px)}.business-card-name-row{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.business-card-name-row b{color:#141311;font-weight:400;line-height:.92}.card-font-brush .business-card-name-row b{font-family:var(--font-brush);font-size:98px}.card-font-serif .business-card-name-row b{font-family:var(--font-korean-serif);font-size:78px;font-weight:400}.business-card-name-row small{position:absolute;bottom:7px;color:var(--blue);font-family:var(--font-condensed);font-size:10px;font-weight:400}.card-editor{width:608px;height:506px;z-index:4;inset:0}.card-editor,.photo-adjustment{position:absolute;pointer-events:none}.photo-adjustment{width:143px;height:74px;left:101px;top:133px;animation:photo-adjustment-pulse 4s linear both}.photo-adjustment img{position:absolute;display:block;max-width:none}.photo-adjustment-copy{width:117px;height:71px;left:26px;top:0}.photo-adjustment-arrow{width:26px;height:40px;left:0;top:34px}@keyframes photo-adjustment-pulse{0%{opacity:0}24.4%{opacity:1}49.6%{opacity:0}74.8%{opacity:1}to{opacity:0}}.font-choices{width:97px;height:144px;position:absolute;left:324px;top:54px;pointer-events:auto}.font-choice{width:96px;height:86px;position:absolute;left:0;overflow:hidden;padding:0;background:transparent;border:0;cursor:pointer;filter:grayscale(1);opacity:.7;transition:filter .5s ease,opacity .5s ease}.font-choice:first-child{top:0}.font-choice:nth-child(2){left:1px;top:58px}.font-choice img{width:96px;height:86px;display:block}.font-choice.active,.font-choice:hover{filter:none;opacity:1}.card-actions{height:191px;left:379px;top:258px;pointer-events:auto}.card-action,.card-actions{width:186px;position:absolute}.card-action{height:45px;left:0;padding:0;background:transparent;border:0;color:#fff;cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:400;text-shadow:0 1px #000}.card-action-share{top:0}.card-action-copy{top:48px}.card-action-x{top:97px}.card-action-download{top:146px}.card-action img{width:186px;height:45px;position:absolute;inset:0;display:block;max-width:none}.card-action span{position:absolute;inset:0 0 0 34px;display:grid;place-items:center;transition:color .5s ease}.card-action:hover:not(:disabled) span{color:#0165b1}.card-action:disabled{cursor:default;opacity:.45}.card-status{width:186px;left:379px;top:451px;margin:0;color:#6d1e2b;font-size:8px;line-height:1.2;text-align:center}.card-status,.stage-footer{position:absolute;pointer-events:none}.stage-footer{inset:0;z-index:2}.stage-footer-credit{width:729px;height:24px;left:17px;top:564px}.stage-footer-facebook,.stage-footer-rss,.stage-footer-twitter{width:14px;height:14px;top:569px}.stage-footer-rss{left:696px}.stage-footer-twitter{left:714px}.stage-footer-facebook{left:732px}.landscape-note{display:none}@media (max-width:620px) and (orientation:portrait){.landscape-note{width:260px;position:fixed;left:50%;bottom:14px;z-index:30;display:block;margin:0;padding:8px 12px;transform:translateX(-50%);background:#1b120de6;border:1px solid #ffffff33;border-radius:99px;color:#fff;font-size:11px;text-align:center}}@media (max-width:560px){.landing{padding-inline:12px}.landing-scroll{min-height:0;padding:47px 25px 38px}.landing-form fieldset{gap:14px}.landing-note{width:calc(100% - 30px);text-align:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-delay:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}