.member-entry{display:inline-flex;align-items:center;gap:7px}
.member-entry svg{width:20px;height:20px;flex:0 0 20px}
.member-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header nav .member-entry{font:inherit;font-size:14px;color:#513827;background:transparent;border:1px solid #d6c9bc;border-radius:22px;padding:8px 12px;min-height:44px;max-width:160px;cursor:pointer;flex-shrink:0;transition:background .15s}
.site-header nav .member-entry:hover{background:#f1e8dd}
#mobile-menu nav .member-entry{font:inherit;color:#513827;text-align:left;padding:17px 0;background:transparent;border:0;border-bottom:1px solid #e5dcd2;cursor:pointer;min-height:56px}
.header-member{display:none}
@media(max-width:600px){.site-header>.header-member{grid-column:3;grid-row:1;justify-self:end;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52px;min-height:44px;padding:4px 0;border:0;background:transparent;color:#513827;cursor:pointer}.header-member svg{width:20px;height:20px}.header-member .member-label{font:500 11px/1.3 "Microsoft JhengHei",sans-serif;letter-spacing:0}.header-member:hover{color:#876447}}
#member-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;overflow:auto;padding:32px;background:#fcfaf7;color:#513827;border:0;border-radius:16px;box-shadow:0 12px 60px #0003}
#member-dialog::backdrop{background:#2f211b88}
#member-dialog p{line-height:1.8;overflow-wrap:anywhere}
#member-dialog .member-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:inherit;cursor:pointer}
.member-note{font-size:13px;color:#766352}
.member-action{background:#513827;color:white;padding:12px 22px;border:0;border-radius:6px;font:inherit;cursor:pointer;min-height:44px}
.member-action-secondary{background:transparent;color:#513827;border:1px solid #bba58f}
.member-entry:focus-visible,.header-member:focus-visible,.member-action:focus-visible,.member-close:focus-visible{outline:3px solid #857052;outline-offset:3px}
@media(min-width:601px) and (max-width:1000px){.site-header nav{gap:8px}.site-header nav .member-entry{padding:8px;max-width:116px;font-size:12px}.site-header nav a{font-size:13px!important}}

/* Quiet account icon beside the cart. */
.site-header nav .member-entry,.mobile-quick-nav .header-member{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:12px;border:0;border-radius:0;background:transparent;color:#513827}
.site-header nav .member-label,.mobile-quick-nav .member-label{display:none}
.mobile-quick-nav .header-member svg,.site-header nav .member-entry svg{width:18px;height:18px}
.is-signed-in::after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#71825d;box-shadow:0 0 0 2px #f3eee8}
#mobile-menu .member-entry{position:relative}
@media(max-width:600px){.mobile-quick-nav{gap:3px;padding-inline:8px}.mobile-quick-nav a,.mobile-quick-nav>button{font-size:12px}.mobile-quick-nav .header-member{width:32px;min-width:32px;padding:7px}.mobile-quick-nav .is-signed-in::after{right:2px}}

/* Approved MOOMU login layout. */
#member-dialog{width:min(440px,calc(100vw - 32px));padding:48px 36px 28px;border-radius:20px;background:#fcfaf6;text-align:center;box-shadow:0 20px 70px #49332026}
#member-dialog>h2,#member-dialog>h1,#member-dialog>.member-note{display:none}
#member-dialog .member-brand-logo{display:block;width:144px;height:144px;object-fit:contain;margin:0 auto;mix-blend-mode:multiply}
#member-dialog .login-rule{width:28px;height:1px;background:#c8b9a8;margin:18px auto 26px}
#member-dialog .login-title{font-size:24px;letter-spacing:3px;font-weight:500;margin:0 0 14px}
#member-dialog .login-intro{font-size:14px;line-height:1.9;color:#8c7968;margin:0 0 30px}
#member-dialog .login-line{width:100%;border:0;border-radius:7px;background:#06a94f;color:white;font:500 16px "Microsoft JhengHei",sans-serif;padding:17px 12px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer}
#member-dialog .login-line:hover{background:#069947}#member-dialog .login-line svg{width:26px;height:26px}
#member-dialog .login-hint{font-size:12px;color:#a18d7b;margin:13px 0 28px}
#member-dialog .login-fallback{font:13px "Microsoft JhengHei",sans-serif;color:#856e5b;border:0;border-bottom:1px solid #cdbdac;background:none;padding:4px 0;cursor:pointer;border-radius:0}
#member-dialog .login-privacy{margin-top:30px;padding-top:21px;border-top:1px solid #e9e1d7;font-size:11px;line-height:1.9;color:#a28f7e}
#member-dialog .login-privacy a{color:#856e5b;text-decoration:underline;text-underline-offset:3px}
#member-dialog .member-close{font-size:0;right:14px;top:14px;width:40px;height:40px;padding:0;border:0;background:transparent}
#member-dialog .member-close::before,#member-dialog .member-close::after{content:"";position:absolute;width:17px;height:1px;background:#806b58;left:12px;top:19px;transform:rotate(45deg)}
#member-dialog .member-close::after{transform:rotate(-45deg)}
@media(max-width:380px){#member-dialog{padding:44px 24px 24px}}

#member-dialog .member-brand-logo{mix-blend-mode:normal;background:transparent}
#member-dialog .login-browser-help{margin-top:18px;padding:12px;background:#f3eee8;border-radius:6px;text-align:left}
#member-dialog .login-browser-help p{font-size:12px;line-height:1.7;margin:0 0 8px;color:#806b58}
#member-dialog .login-browser-help button{font:inherit;font-size:12px;color:#76523b;background:transparent;border:0;text-decoration:underline;padding:6px 0;cursor:pointer}

.email-alternatives{margin-top:18px;text-align:center}.email-divider{display:flex;align-items:center;gap:12px;color:#998877;font-size:12px;margin-bottom:14px}.email-divider:before,.email-divider:after{content:'';height:1px;background:#dfd1c2;flex:1}#member-dialog .email-register{display:block;border:1px solid #cdb9a5;border-radius:6px;padding:11px;color:#76523b;font-size:14px;text-decoration:none}#member-dialog .email-login{display:block;margin-top:12px;color:#88715c;font-size:12px}

#member-dialog .email-signin-button{display:block;width:100%;padding:12px 16px;border:1px solid #c8ab90;border-radius:7px;color:#76523b;font-size:15px;font-weight:600;text-decoration:none;background:transparent}#member-dialog .email-signin-button:hover{background:#f3e9dd}#member-dialog .email-register-note{margin:12px 0 0;font-size:13px;color:#99816a}#member-dialog .email-register-note a{font-weight:600;color:#76523b;text-underline-offset:3px}#member-dialog .line-login-help{margin:12px 0 0;text-align:center;font-size:12px;color:#88715c}#member-dialog .line-login-help summary{cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}#member-dialog .line-login-help p{font-size:12px;line-height:1.7;margin:10px 0}#member-dialog .line-login-help .login-browser-help{margin-top:10px}

/* Secondary LINE help: compact and unobtrusive. */
#member-dialog details.line-login-help{margin:4px 0 0;padding:0;border:0;min-height:0;text-align:center}
#member-dialog details.line-login-help>summary{display:inline-block;width:auto;min-height:0;margin:0;padding:2px 0;border:0;font-size:11px;font-weight:400;line-height:1.4;color:#998574;list-style:none}
#member-dialog details.line-login-help>summary::before,#member-dialog details.line-login-help>summary::after{content:none;display:none}
#member-dialog details.line-login-help>summary::-webkit-details-marker{display:none}
#member-dialog details.line-login-help>p{margin:6px 0 3px;font-size:11px;line-height:1.5}
#member-dialog details.line-login-help>form{margin:0;padding:0}
#member-dialog details.line-login-help .login-fallback{font-size:11px;padding:2px 0;line-height:1.5}
#member-dialog .email-alternatives{margin-top:10px}

/* Fit the initial mobile login choices without excessive whitespace. */
@media(max-width:600px){
 #member-dialog{padding:20px 24px 16px;max-height:calc(100dvh - 24px);width:min(400px,calc(100vw - 28px));border-radius:16px}
 #member-dialog .member-brand-logo{width:96px;height:96px}
 #member-dialog .login-rule{margin:7px auto 10px;width:24px}
 #member-dialog .login-title{font-size:21px;line-height:1.4;letter-spacing:1.5px;margin:0 0 7px}
 #member-dialog .login-intro{font-size:13px;line-height:1.6;margin:0 0 14px}
 #member-dialog .login-line{min-height:44px;padding:11px 12px;font-size:15px;gap:9px}
 #member-dialog .login-line svg{width:23px;height:23px}
 #member-dialog .login-hint{font-size:11px;line-height:1.5;margin:7px 0 5px}
 #member-dialog .email-alternatives{margin-top:7px}
 #member-dialog .email-divider{margin-bottom:8px;font-size:11px}
 #member-dialog .email-signin-button{min-height:44px;padding:9px 12px;font-size:14px}
 #member-dialog .email-register-note{font-size:12px;line-height:1.5;margin:8px 0 0}
 #member-dialog .login-privacy{margin-top:12px;padding-top:10px;font-size:10px;line-height:1.6}
 #member-dialog .member-close{right:6px;top:6px}
 #member-dialog #member-content>p:last-child:not([class]){font-size:10px;line-height:1.4;margin:8px 0 0}
}
@media(max-width:600px) and (max-height:650px){
 #member-dialog{padding-top:14px;padding-bottom:12px}
 #member-dialog .member-brand-logo{width:76px;height:76px}
 #member-dialog .login-rule{margin:5px auto 7px}
 #member-dialog .login-intro{margin-bottom:10px}
}

#member-dialog .member-close{border:0;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent}
#member-dialog .member-close:focus-visible::before,#member-dialog .member-close:focus-visible::after{height:2px;background:#513827}