/* 계정 입구. 홈의 우주와 마스코트는 이어가고 로그인 표면은 읽기 쉽게 구분한다. */
body.account-entry{--ink-soft:#596172;--account-lavender:#d1bfff;--account-paper:#f6f2e9;--account-night:#11192d;background:radial-gradient(ellipse at 18% 50%,#53457743,transparent 54%),radial-gradient(ellipse at 85% 18%,#314a692e,transparent 42%),var(--account-night)!important;color:#faf5e8;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
body.account-entry::before{display:none}
body.account-entry .site-header{width:calc(100% - 48px);max-width:1192px;margin:0 auto;padding:22px 0 22px 42px;border:0;border-bottom:1px solid #f5f0de22;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.account-entry .site-header .site-nav a{background:transparent;border:1px solid #d1bfff40;box-shadow:none;color:#eee8f6;padding:8px 17px;font-size:14px}
body.account-entry .site-header .site-nav a:hover{background:#d1bfff;color:#222638;transform:none}
body.account-entry .site-footer{max-width:1192px;width:calc(100% - 48px);margin:0 auto;padding:16px 0 22px;border-radius:0;background:none;border-top:1px solid #f5f0de22;box-shadow:none;color:#bac2d5}
body.account-entry .site-footer a{color:#e3dcef}
body.account-entry .gb-lang{position:absolute}
body.account-entry .account-main{max-width:1160px;width:100%;margin:auto;padding:54px 28px 66px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:76px;align-items:center}
.account-skip{position:fixed;z-index:10001;left:16px;top:12px;padding:12px 16px;border-radius:10px;background:#f6f2e9;color:#222638;transform:translateY(-160%)}
.account-skip:focus{transform:translateY(0)}
.account-welcome{position:relative;min-width:0;padding-left:6px}
.account-eyebrow{color:var(--account-lavender);font:700 14px/1.5 'Malgun Gothic',sans-serif;letter-spacing:.16em;margin:0 0 20px}
.account-intro h1{font:400 clamp(40px,4.6vw,58px)/1.16 'Jua','Malgun Gothic',sans-serif;letter-spacing:-.035em;color:#fcf7eb;margin:0 0 20px;word-break:keep-all}
.account-intro h1 span{color:var(--account-lavender)}
.account-description{font-size:17px;line-height:1.9;color:#c6c7d8;word-break:keep-all;overflow-wrap:anywhere}
.account-universe{position:relative;height:292px;margin:4px 0 0;isolation:isolate}
.account-mascot{position:absolute;width:265px;height:auto;bottom:16px;left:50%;transform:translateX(-50%) rotate(-5deg);filter:drop-shadow(0 24px 24px #0005);animation:account-float 6s ease-in-out infinite}
.account-orbit{position:absolute;inset:57% -1% auto;border:1px solid #c5b4f53b;height:84px;border-radius:50%;transform:rotate(-16deg);z-index:-1}
.account-orbit-two{inset:26% 10% auto;height:188px;border-color:#c5b4f515;transform:rotate(35deg)}
.account-star{position:absolute;color:#d8cafb;font-size:25px;line-height:1}
.account-star-one{top:38px;left:28px}.account-star-two{top:118px;right:9px;font-size:35px;color:#e9d4a0}
.account-planet{position:absolute;top:164px;left:20px;width:16px;height:16px;border-radius:50%;background:#d1bfff;box-shadow:0 0 24px #d1bfff5e}
.account-orbit-note{position:absolute;right:0;bottom:12px;border:1px solid #d0beef3d;border-radius:99px;padding:8px 14px;background:#182239dd;color:#d2c9e1;font-size:12px;letter-spacing:.015em}
.account-worlds{display:flex;gap:0;flex-wrap:wrap;color:#c3bbd4;font-size:13px;line-height:1.8;margin-top:16px}
.account-worlds span+span::before{content:'·';padding:0 14px;color:#82799b}
.account-card{position:relative;min-width:0;padding:32px 34px 26px;border:1px solid #fff9e29e;border-radius:26px;background:var(--account-paper);box-shadow:0 28px 80px #050a175c;color:#282a3e}
.account-card [hidden]{display:none!important}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#e6e1e9;border-radius:12px;margin-bottom:35px}
.account-tabs button{background:none;border:0;border-radius:9px;color:#696279;font-size:16px;font-weight:700;line-height:1.5;padding:10px 8px;min-height:45px;cursor:pointer}
.account-tabs button[aria-selected=true]{background:#fffdf8;color:#342848;box-shadow:0 2px 8px #29223d0d}
.account-card-copy{min-height:152px}
.account-card-kicker{font-size:13px;color:#766480;font-weight:700;line-height:1.6;margin:0 0 10px;letter-spacing:.015em}
.account-card h2{font-family:'Jua','Malgun Gothic',sans-serif;font-size:29px;font-weight:400;line-height:1.35;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 16px;color:#29283c}
.account-card-copy>p:last-child,.account-checking p,.account-reconnect p{font-size:16px;line-height:1.85;color:#666476;word-break:keep-all;overflow-wrap:anywhere}
.account-google{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:78px;width:100%;margin:16px auto 0;text-align:center}
.account-google>p{font-size:15px;line-height:1.8;max-width:320px;word-break:keep-all;overflow-wrap:anywhere}
.account-google .btn-ghost{margin-top:14px;padding:10px 20px;min-height:46px;font-size:15px}
.account-signup-note{font-size:13px;line-height:1.8;text-align:center;color:#716b7c;margin:17px 0 26px;word-break:keep-all;overflow-wrap:anywhere}
.account-demo-note{background:#eae4f1;border-radius:10px;color:#675878;padding:11px 14px;font-size:13px;line-height:1.7;margin:4px 0 16px;word-break:keep-all;overflow-wrap:anywhere}
.account-browse{border-top:1px solid #d7d0db;padding-top:23px;text-align:center}
.account-browse p{font-size:13px;color:#797383;line-height:1.6;margin-bottom:8px}
.account-browse a{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:9px 12px;border:1px solid #c3b8d1;border-radius:11px;color:#554466;font-size:15px;font-weight:700;line-height:1.6;transition:background .2s}
.account-browse a:hover{background:#e9e1f1}
.account-help{display:block;margin:17px auto 0;width:fit-content;max-width:100%;padding:10px 0;text-align:center;font-size:13px;color:#787181;line-height:1.7}
.account-help span{display:inline-block;color:#534660;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.account-checking,.account-connected,.account-reconnect{text-align:center;padding:13px 0 25px}
.account-connection-mark{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#e9dff6;border:1px solid #d6c4eb;border-radius:50%;color:#6b538e;font-size:32px;margin:0 auto 26px}
.account-checking{min-height:302px}
.account-connected h2 span{display:inline;overflow-wrap:anywhere}
.account-user-email{font-size:15px;line-height:1.8;color:#686172;overflow-wrap:anywhere;margin:0 0 26px}
.account-primary,.account-secondary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:49px;padding:13px 17px;border:0;border-radius:11px;font:700 15px/1.5 'Malgun Gothic',sans-serif;text-align:center;cursor:pointer}
.account-primary{background:#594477;color:#fffbf5}
.account-primary:hover{background:#483662}
.account-secondary{margin-top:10px;background:#e8e0f0;color:#594477}
.account-text-button{display:block;width:fit-content;max-width:100%;margin:14px auto 0;background:none;border:0;min-height:44px;padding:8px 3px;font-size:14px;line-height:1.7;color:#6f627b;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.account-reconnect .account-primary{margin-top:22px}
.account-no-script{padding:15px 0;font-size:14px;line-height:1.8;color:#685d71}
body.account-entry :is(a,button,[tabindex]):focus-visible{outline:3px solid #ac8742;outline-offset:4px}
@keyframes account-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(-2deg)}}
@media(min-width:1300px){body.account-entry .account-main{padding-top:68px;padding-bottom:78px}}
@media(max-width:1000px){body.account-entry .account-main{gap:36px;padding-left:28px;padding-right:28px}.account-card{padding:28px 26px 23px}.account-mascot{width:235px}.account-intro h1{font-size:46px}.account-orbit-note{right:-4px}}
@media(max-width:760px){body.account-entry .account-main{display:block;max-width:520px;padding:32px 24px 44px}.account-welcome{padding:0;margin-bottom:28px;min-height:176px}.account-intro{position:relative;z-index:1;max-width:73%}.account-eyebrow{font-size:12px;margin-bottom:12px}.account-intro h1{font-size:35px;line-height:1.2;margin-bottom:12px}.account-description{font-size:14px;line-height:1.8}.account-universe{position:absolute;width:144px;height:166px;right:4px;top:14px;margin:0;pointer-events:none}.account-mascot{width:140px;bottom:14px;left:50%}.account-orbit{height:40px;top:68%;left:-10px;right:-1px}.account-orbit-two,.account-orbit-note,.account-star-two,.account-planet{display:none}.account-star-one{left:10px;top:6px;font-size:17px}.account-worlds{margin-top:18px;font-size:12px}.account-worlds span+span::before{padding:0 11px}.account-card{padding:25px 25px 20px;border-radius:22px}.account-tabs{margin-bottom:27px}.account-card-copy{min-height:143px}.account-card h2{font-size:28px}.account-card-copy>p:last-child{font-size:15px}.account-google{margin-top:9px}.account-signup-note{margin-bottom:23px}body.account-entry .site-header{width:calc(100% - 32px);padding:16px 0 16px 46px;gap:10px}body.account-entry .site-header .logo-img{height:33px}body.account-entry .site-header .site-nav{gap:5px}body.account-entry .site-header .site-nav a{padding:7px 11px;font-size:13px}body.account-entry .site-footer{width:calc(100% - 40px);font-size:12px}}
@media(max-width:380px){body.account-entry .account-main{padding:26px 16px 38px}.account-intro{max-width:78%}.account-intro h1{font-size:31px}.account-description{font-size:13px}.account-universe{width:103px;height:138px;right:4px;top:26px}.account-mascot{width:107px;left:50%;bottom:8px}.account-orbit{left:0;right:-2px}.account-star-one{top:3px;left:20px}.account-card{padding:23px 20px 18px}.account-card h2{font-size:25px}.account-card-copy{min-height:139px}.account-worlds{font-size:11px}.account-help{font-size:12px}.account-signup-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.account-mascot{animation:none}.account-browse a{transition:none}}