@font-face{font-family:'Google Sans';src:url('vendor/google-sans-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.account-link{display:grid;place-items:center;position:relative;flex:none;min-width:40px;min-height:44px;padding:6px;color:var(--oyne-text)}
.account-link svg{width:21px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-link[data-signed-in=true]::after{content:'';position:absolute;top:6px;right:4px;width:7px;height:7px;border-radius:50%;background:#d4ff26;box-shadow:0 0 0 2px var(--oyne-bg)}
.account-link:hover{background:var(--oyne-soft);border-radius:50%}
.account-main{padding-top:60px;padding-bottom:84px;min-height:65vh}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);gap:clamp(50px,10vw,170px);align-items:start;max-width:1200px;margin:0 auto}
.account-intro{position:sticky;top:60px;padding-top:14px}
.account-kicker{margin:0 0 28px;color:var(--oyne-muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.account-intro h1{margin:0;font-size:clamp(52px,6.4vw,88px);font-weight:800;line-height:.95;letter-spacing:-.075em;text-transform:uppercase}
.account-intro>p:not(.account-kicker){max-width:330px;margin:24px 0 0;color:var(--oyne-muted);font-size:14px;line-height:1.7}
.account-brand-art{display:block;position:relative;width:120px;height:127px;margin-top:52px;overflow:hidden}
.account-panel{min-width:0;border-top:1px solid var(--oyne-text);padding-top:24px}
.account-loading{display:flex;align-items:center;gap:14px;min-height:300px;color:var(--oyne-muted);font-size:13px;line-height:1.7}
.account-loading .auth-spinner{flex:none;margin:0}
[data-auth-guest][hidden],[data-auth-profile][hidden],[data-auth-loading][hidden]{display:none}
.auth-tabs{display:flex;gap:28px;margin:0 0 28px;border-bottom:1px solid var(--oyne-line)}
.auth-tabs button{position:relative;min-height:44px;margin-bottom:-1px;padding:0 0 16px;border:0;border-bottom:1px solid transparent;background:none;color:var(--oyne-muted);font:13px/1.5 Arial,'Malgun Gothic',sans-serif;cursor:pointer}
.auth-tabs button[aria-selected=true]{border-bottom-color:var(--oyne-text);color:var(--oyne-text)}
.auth-socials{display:grid;gap:12px}
.auth-social{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px;border-radius:4px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;letter-spacing:.01em}
.auth-social svg{display:block;flex:none;width:20px;height:20px}
.auth-google{background:#fff;color:#1f1f1f;border:1px solid #747775;font-family:'Google Sans',Arial,sans-serif}
.auth-kakao{background:#fee500;color:rgba(0,0,0,.85);border:1px solid #fee500;border-radius:12px;font-family:Arial,'Malgun Gothic',sans-serif}
.auth-social:hover{filter:brightness(.96)}
.auth-social:disabled{cursor:wait;opacity:.65}
.auth-divider{display:flex;align-items:center;gap:18px;margin:26px 0;color:var(--oyne-muted);font-size:11px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;border-top:1px solid var(--oyne-line)}
.auth-field{display:block;margin:0 0 18px}
.auth-field>span,.auth-field-label{display:block;margin-bottom:9px;font-size:11px;line-height:1.4;letter-spacing:.05em}
.auth-field input{display:block;width:100%;min-width:0;min-height:48px;border:1px solid var(--oyne-line);border-radius:0;padding:12px 14px;background:var(--oyne-bg);color:var(--oyne-text);font:14px/1.5 Arial,'Malgun Gothic',sans-serif;appearance:none}
.auth-field input::placeholder{color:var(--oyne-muted);opacity:.6}
.auth-field input.auth-code{font-size:24px;letter-spacing:.3em;font-variant-numeric:tabular-nums}
.auth-back.auth-resend{display:flex;margin-top:12px}
.auth-field input[aria-invalid=true]{border-color:var(--oyne-text);outline:1px solid var(--oyne-text)}
.auth-password-wrap{position:relative}
.auth-password-wrap input{padding-right:54px}
.auth-password-toggle{position:absolute;right:1px;top:1px;bottom:1px;display:grid;place-items:center;width:46px;min-height:44px;border:0;background:transparent;color:var(--oyne-muted);cursor:pointer}
.auth-password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.auth-password-hint{margin:-6px 0 18px;font-size:11px;line-height:1.65;color:var(--oyne-muted)}
.auth-forgot{display:block;margin:-3px 0 22px auto;width:fit-content;padding:5px 0;border:0;background:none;color:var(--oyne-muted);font:12px/1.5 Arial,'Malgun Gothic',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.auth-submit{width:100%;margin-top:3px}
.auth-submit:disabled{cursor:wait;opacity:.6}
.auth-status{margin:18px 0 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.auth-status:empty{display:none}
.auth-status[data-error=true]{font-weight:600}
.auth-preview{margin-top:24px;border-top:1px solid var(--oyne-line);padding-top:16px;font-size:11px;line-height:1.7;color:var(--oyne-muted)}
.auth-back{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;padding:6px 0;border:0;background:none;color:var(--oyne-muted);font:12px/1.5 Arial,'Malgun Gothic',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.auth-privacy{margin-top:20px;font-size:11px;line-height:1.65;color:var(--oyne-muted)}
.auth-privacy a{text-decoration:underline;text-underline-offset:3px}
.account-profile h2{margin:0 0 24px;font-size:25px;letter-spacing:-.04em;font-weight:500}
.account-identity{display:flex;align-items:center;gap:16px;padding:0 0 26px;border-bottom:1px solid var(--oyne-line);margin-bottom:25px}
.account-avatar{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:var(--oyne-soft);color:var(--oyne-text);font-size:23px}
.account-name{margin:0 0 5px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.account-email{margin:0;color:var(--oyne-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.account-profile .bag-primary,.account-profile .bag-secondary{width:100%;margin-bottom:10px}
.account-signout{display:inline-block;margin-top:20px;padding:7px 0;border:0;background:none;color:var(--oyne-muted);font:12px/1.5 Arial,'Malgun Gothic',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.auth-callback{max-width:480px;margin:50px auto;text-align:center;min-height:260px}
.auth-callback h1{margin:25px 0 20px;font-size:36px;line-height:1.15;letter-spacing:-.05em;text-transform:uppercase}
.auth-callback .account-brand-art{margin:0 auto;width:88px;height:94px}
.auth-callback p{color:var(--oyne-muted);font-size:13px;line-height:1.7}
.auth-callback a{margin-top:22px}
.auth-spinner{display:block;width:24px;height:24px;margin:25px auto;border:1px solid var(--oyne-line);border-top-color:var(--oyne-text);border-radius:50%;animation:auth-spin 850ms linear infinite}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.account-layout{gap:60px;grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.account-intro h1{font-size:60px}}
@media(max-width:780px){.account-main{padding-top:35px;padding-bottom:52px}.account-layout{grid-template-columns:1fr;gap:30px;max-width:480px}.account-intro{position:static;padding:0}.account-kicker{margin-bottom:17px}.account-intro h1{font-size:48px}.account-intro>p:not(.account-kicker){margin-top:18px;font-size:13px;max-width:none}.account-brand-art{display:none}.account-panel{padding-top:22px}}
@media(max-width:560px){.site-header .bar,.site-header .topbar-inner{min-height:122px}.site-header .bar>nav:not(.language-switch),.site-header .site-nav{bottom:1px;gap:12px;font-size:9px}.site-header .header-actions{bottom:-7px;gap:3px}.account-link{min-width:32px;width:32px;padding:5px;min-height:44px}.account-link svg{width:19px}.bag-link{min-width:37px;gap:3px}.bag-count{min-width:15px;height:15px;font-size:9px}.site-header .header-actions .language-switch{gap:5px;font-size:9px}.theme-toggle{width:30px;height:32px}.account-intro h1{font-size:44px}.auth-tabs{margin-bottom:24px}.account-main{padding-top:30px}}
@media(max-width:360px){.site-header .header-actions{gap:2px}.site-header .bar>nav:not(.language-switch),.site-header .site-nav{font-size:8px;gap:9px}.account-link{min-width:28px;width:28px}.bag-link{min-width:34px}.site-header .header-actions .language-switch{font-size:8px;gap:4px}.theme-toggle{width:27px}.account-intro h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}