:root{font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#151515;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(32px,5vw);border-bottom:1px solid #ececec;background:white}.brand{font-weight:900;letter-spacing:-.07em;font-size:24px;display:flex;align-items:center;gap:4px}.brand span{font-weight:500;letter-spacing:-.05em}.brand i{width:9px;height:9px;border-radius:50%;background:#bbff1f;align-self:flex-start;margin-top:5px}.top-caption{font-size:13px;color:#717171;border-left:1px solid #d8d8d8;padding-left:28px}.top-link{margin-left:auto;font-size:13px;font-weight:700}.top-link:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(320px,43%) 1fr;min-height:calc(100vh - 78px)}.intro{position:relative;background:#0d0303;color:white;padding:clamp(44px,7vw,100px) clamp(32px,6vw,94px);overflow:hidden;display:flex;flex-direction:column}.overline,.step-mark,.progress-heading,.test-note{font-size:12px;font-weight:800;letter-spacing:.14em}.overline{color:#bbff1f}.intro h1{font-size:clamp(42px,5vw,78px);letter-spacing:-.075em;line-height:1.15;margin:30px 0}.intro h1 em{font-style:normal;color:#bbff1f}.intro-copy{font-size:16px;line-height:1.75;color:#d4d0d0;max-width:345px}.decor{position:relative;margin:auto 0;min-height:260px}.shape{position:absolute;display:block;border-radius:100px;transform:rotate(-22deg)}.shape.lime{width:310px;height:82px;background:#bbff1f;top:42px;left:8%;box-shadow:0 0 55px #bbff1f60}.shape.ice{width:320px;height:82px;background:#eff8ff;top:112px;left:21%;transform:rotate(20deg);box-shadow:0 0 50px #eff8ff50}.shape.pink{width:265px;height:80px;background:#ff0055;top:190px;left:3%;transform:rotate(3deg);box-shadow:0 0 55px #ff005570}.test-note{color:#a7a3a3;font-size:10px;letter-spacing:.06em;line-height:1.7}.work{width:min(640px,100%);margin:0 auto;padding:clamp(32px,5vw,70px) clamp(26px,5vw,68px) 24px;display:flex;flex-direction:column}.progress-heading{display:flex;justify-content:space-between;color:#5b5b5b;letter-spacing:.06em}.progress-count{color:#111;font-size:14px}.progress-track{height:5px;background:#ededed;margin:15px 0 24px;border-radius:4px}.progress-track span{height:100%;display:block;width:16.66%;background:#bbff1f;border-radius:4px;transition:width .3s}.steps{padding:0;margin:0 0 clamp(38px,5vw,62px);display:flex;justify-content:space-between;list-style:none;gap:4px}.steps li{font-size:12px;color:#999;white-space:nowrap}.steps li.active{color:#111;font-weight:850}.steps li.done{color:#719a03}.step{animation:fade .25s ease-out}@keyframes fade{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}.step-mark{color:#799e00}.step h2{font-size:clamp(34px,3.4vw,52px);line-height:1.22;letter-spacing:-.065em;margin:18px 0}.lead{font-size:15px;line-height:1.7;color:#696969;margin:0 0 32px}.hint{font-size:12px;line-height:1.6;color:#888}.step form{display:flex;flex-direction:column;gap:10px}.step label,.finish label{font-size:13px;font-weight:750;margin-top:13px}.step label span{color:#a3ce19;font-size:11px}.step input,.step select{border:1px solid #d8d8d8;border-radius:13px;background:white;padding:15px 16px;min-height:51px;width:100%;outline:none}.step input:focus,.step select:focus{border-color:#95bd12;box-shadow:0 0 0 3px #bbff1f30}.action{border:0;border-radius:13px;min-height:54px;padding:13px 23px;text-align:center;font-weight:800;margin-top:21px;width:100%}.action:disabled,.add:disabled{opacity:.55;cursor:wait}.kakao{background:#fee500;color:#201c00}.dark{background:#151515;color:white}.outline{border:1.5px solid #151515;background:white;color:#111}.pink-button{background:#ff0055;color:white}.back{border:0;background:none;font-size:13px;color:#777;font-weight:700;padding:12px 0;white-space:nowrap}.form-actions{display:flex;align-items:center;gap:14px;margin-top:12px}.form-actions .action{margin:0}.inline>div{display:flex;gap:9px}.inline .add{background:#151515;color:white;border:0;border-radius:12px;padding:0 20px;font-weight:800;white-space:nowrap}.item-list{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 13px}.item-list .item{background:#eff8ff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:750}.item-list.menu-items{display:block}.item-list.menu-items .item{display:flex;justify-content:space-between;margin-bottom:8px;background:#f5f5f5}.finish{border-top:1px solid #ececec;margin-top:25px;padding-top:21px;display:flex;flex-direction:column;gap:8px}.suggestions{display:flex;gap:6px}.suggestions button{border:1px solid #ddd;border-radius:20px;background:#fff;padding:7px 11px;font-size:12px}.suggestions button:hover{border-color:#bbff1f;background:#eff8ff}.notice{border:1px solid #ffd2df;background:#fff2f6;padding:13px 16px;border-radius:12px;color:#9d174d;font-size:13px;margin:-18px 0 24px}.notice.success{background:#f5ffe1;border-color:#d4f384;color:#405b00}.foot{margin-top:auto;padding-top:56px;display:flex;justify-content:space-between;gap:14px;color:#999;font-size:11px;font-weight:650}@media(max-width:760px){.topbar{height:65px;padding:0 22px}.top-caption{display:none}.layout{display:block}.intro{padding:37px 27px 30px;min-height:255px}.intro h1{font-size:35px;margin:15px 0}.intro-copy{font-size:13px;margin:0}.decor{position:absolute;right:-105px;top:18px;width:220px;opacity:.55}.shape{transform:scale(.5) rotate(-22deg);transform-origin:left top}.test-note{margin-top:19px}.work{padding:31px 23px}.steps{margin-bottom:38px}.steps li{font-size:10px}.foot span{display:none}}@media(max-width:380px){.top-link{font-size:11px}.steps li{font-size:9px}}

/* Clean white registration screen for the AMZ palette */
.intro{background:#fff;color:#0d0303;border-right:1px solid #e7ecef}.overline,.step-mark{color:#667d00}.intro h1 em{color:#0d0303}.intro-copy{color:#55616a}.test-note{color:#66717a}.decor .shape{box-shadow:none}.work{background:#fff}.kakao{background:#fee500}.progress-track span{background:#bbff1f}.brand i{background:#bbff1f}.step input:focus,.step select:focus{border-color:#0d0303;box-shadow:0 0 0 3px #eff8ff}@media(max-width:760px){.intro{border-right:0;border-bottom:1px solid #e7ecef;background:#eff8ff}.decor{opacity:.45}}

.pairing-options{display:grid;gap:14px;margin:24px 0}.pairing-options details{border:1px solid #dedede;border-radius:16px;padding:18px 20px;background:#fff}.pairing-options summary{cursor:pointer;font-weight:750;list-style:none}.pairing-options summary::-webkit-details-marker{display:none}.pairing-options summary::after{content:'＋';float:right;font-size:20px;line-height:1}.pairing-options details[open] summary::after{content:'−'}.pairing-options form{margin-top:18px}.pairing-step>.hint{margin-top:20px}

.login-tabs{display:flex;gap:0;border-bottom:1px solid #dedede;margin:22px 0}.login-tabs button{flex:1;border:0;background:transparent;color:#777;padding:14px 4px;font-weight:750;font-size:14px;white-space:nowrap}.login-tabs button[aria-selected=true]{color:#111;border-bottom:3px solid #151515}.entry-form{display:flex;flex-direction:column;gap:9px}.entry-form label{font-size:13px;font-weight:750;margin-top:9px}.entry-form input{width:100%;min-height:52px;padding:14px 16px;border:1px solid #d8d8d8;border-radius:12px;outline:none}.entry-form input:focus{border-color:#8fae14;box-shadow:0 0 0 3px #bbff1f44}.entry-form .action{margin-top:18px}.pairing-step .pairing-options{margin-top:20px}


/* Shared, paint-safe login loading screen. */
[hidden]{display:none!important}body[data-pos-loading]>header,body[data-pos-loading]>main,body[data-pos-loading]>footer{display:none!important}#pos-boot{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#fff;color:#191f28;font-family:system-ui,"Apple SD Gothic Neo",sans-serif;text-align:center}#pos-boot .boot-brand{font-size:28px;font-weight:900;letter-spacing:-1.5px}#pos-boot .boot-brand span{font-weight:450}#pos-boot .boot-brand i{display:inline-block;width:7px;height:7px;margin:0 0 18px 3px;border-radius:50%;background:#bbef1f}#pos-boot .boot-spinner{display:block;width:28px;height:28px;margin:30px auto 18px;border:3px solid #edf0f3;border-top-color:#8eb311;border-radius:50%;animation:pos-spin .8s linear infinite}#pos-boot p{font-size:15px;color:#6b7684;line-height:1.6;margin:0}#pos-boot .boot-retry{display:block;margin-top:24px;color:#505b69;font-size:13px;opacity:0;visibility:hidden;animation:pos-retry 0s 12s forwards}#pos-boot.is-error .boot-retry{opacity:1;visibility:visible;animation:none}#pos-boot.is-error .boot-spinner{display:none}#pos-boot.is-error p{max-width:320px;margin:24px auto 0}#pos-boot noscript{display:block;margin-top:24px;font-size:13px}@keyframes pos-spin{to{transform:rotate(360deg)}}@keyframes pos-retry{to{opacity:1;visibility:visible}}@media(prefers-reduced-motion:reduce){#pos-boot .boot-spinner{animation:none}}
