.preparation-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(135deg,#f5f7f9 0%,#fffaf7 52%,#f5f7f9 100%);color:#252936;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}
.preparation-screen.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preparation-card{width:min(654px,calc(100vw - 40px));min-height:680px;padding:57px 58px 48px;border:1px solid #eadfd8;border-radius:27px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(49,55,71,.1);display:flex;flex-direction:column;align-items:center;text-align:center}
.preparation-brand{display:flex;align-items:center;gap:11px;font:700 20px "Space Grotesk",sans-serif;letter-spacing:.1em}
.preparation-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f26347;color:#fff;font-size:25px;transform:rotate(-6deg);box-shadow:0 8px 18px rgba(242,99,71,.22)}
.preparation-orbit{width:190px;height:190px;margin:51px 0 42px;border:1.5px solid #f7cbbd;border-radius:50%;position:relative;display:grid;place-items:center}
.preparation-orbit:before,.preparation-orbit:after{content:"";position:absolute;border:1.5px solid #dfe7f2;border-radius:50%}
.preparation-orbit:before{inset:13px}.preparation-orbit:after{inset:37px;border-color:#fee6dc;background:#fff9f6}
.orbit-core{z-index:1;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#ffeadf;color:#ef684c;font:700 22px "Space Grotesk";box-shadow:0 0 0 13px rgba(255,234,223,.65)}
.orbit-symbol{position:absolute;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #f0e5de;border-radius:10px;background:#fff;color:#ef684c;font:600 17px "DM Mono";box-shadow:0 7px 18px rgba(55,65,81,.08)}
.orbit-symbol-top{top:-19px}.orbit-symbol-left{left:-18px;color:#6f9a79}.orbit-symbol-right{right:-18px;color:#738fc6}
.preparation-eyebrow{margin:0 0 17px;color:#ec765c;font:500 13px "DM Mono",monospace;letter-spacing:.16em}
.preparation-card h1{margin:0;color:#252936;font:800 clamp(31px,4vw,46px)/1.25 "Noto Sans KR",sans-serif;letter-spacing:-.07em}
.preparation-card>p:not(.preparation-eyebrow){margin:22px 0 0;color:#9aa1b3;font-size:15px}
.preparation-progress{width:100%;height:8px;margin-top:45px;border-radius:99px;background:#f1e8e3;overflow:hidden}
.preparation-progress i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f26c4d,#ffad8e);transition:width .42s ease}
.preparation-steps{width:100%;display:flex;justify-content:space-between;gap:14px;margin-top:24px;color:#aab0bc;font-size:12px}
.preparation-step{display:flex;align-items:center;gap:7px;white-space:nowrap;transition:color .25s ease}.preparation-step i{width:11px;height:11px;border-radius:50%;background:#dfe3ea;box-shadow:0 0 0 4px rgba(223,227,234,.28);transition:background .25s ease,box-shadow .25s ease}.preparation-step.is-active,.preparation-step.is-complete{color:#ed795e}.preparation-step.is-active i,.preparation-step.is-complete i{background:#f47a5d;box-shadow:0 0 0 4px rgba(244,122,93,.14)}
@media(max-width:600px){.preparation-card{min-height:570px;padding:39px 25px 32px;border-radius:23px}.preparation-orbit{width:156px;height:156px;margin:38px 0 34px}.orbit-core{width:52px;height:52px}.preparation-card h1{font-size:30px}.preparation-card>p:not(.preparation-eyebrow){font-size:13px}.preparation-progress{margin-top:38px}.preparation-steps{gap:5px;font-size:10px}.preparation-step{gap:5px}.preparation-step i{width:9px;height:9px}}