.member-page{max-width:520px;margin:0 auto;padding:40px 24px 150px;color:#e5d6be}.member-back{font-size:13px;color:#b9a385}.member-mark{font-size:12px;letter-spacing:.08em;color:#c1a16f;margin-top:34px}.member-page h1{font:500 32px/1.4 var(--serif,Georgia,serif);margin:12px 0}.member-lead{font-size:14px;line-height:1.8;color:#bfb09e}.member-tabs{display:flex;gap:8px;margin:25px 0 0;border-bottom:1px solid #b7966540}.member-tabs button{padding:12px 22px;color:#b8a68d;border-bottom:2px solid transparent}.member-tabs button[aria-pressed=true]{color:#edcf9d;border-color:#c1a16f}.member-card{display:grid;gap:14px;padding:22px 0}.member-card label{font-size:14px;line-height:1.6}.member-card input:not([type=checkbox]){display:block;width:100%;background:#211b17;border:1px solid #9d805560;color:#f1e3cf;border-radius:5px;padding:12px;font:16px/1.5 var(--sans,system-ui);margin-top:7px;box-sizing:border-box}.member-card input:focus{outline:2px solid #c1a16f;outline-offset:2px}.member-page .member-note{font-size:12px;line-height:1.8;color:#af9e88;margin:0}.member-check{display:flex;gap:10px;align-items:flex-start}.member-check input{margin-top:5px;width:17px;height:17px;flex:none;accent-color:#c1a16f}.member-primary{background:#c1a16f;color:#20150e;padding:14px 18px;min-height:48px;border-radius:5px;font-size:15px;font-weight:600}.member-primary:disabled{opacity:.5}.member-card a,.member-help button{color:#ddbd87;text-decoration:underline;font-size:13px}.member-quiet{justify-self:start;color:#bba88e;padding:8px 0}.member-error{color:#efa998;font-size:13px;line-height:1.7;margin:0}.member-help{font-size:13px;line-height:1.8;color:#bbaa93;margin:8px 0 28px}.member-footer{border-top:1px solid #b7966533;padding-top:22px;display:grid;gap:8px;font-size:13px}.member-footer span{font-size:11px;color:#9f927f}.member-footer a{color:#c5b397}.member-nav{font-size:13px;color:#ddc39c;padding:8px 12px;white-space:nowrap}.member-page button:focus-visible,.member-page a:focus-visible{outline:2px solid #c1a16f;outline-offset:3px}@media(max-width:600px){.member-page{padding-top:24px}.member-page h1{font-size:27px}.member-nav{font-size:12px;padding:6px}}

@media(max-width:600px){.header nav a[data-nav="report"]{display:none}.header nav{overflow-x:auto;justify-content:flex-start!important;gap:14px!important}.header nav a{flex-shrink:0}.header .member-nav{margin-left:auto}.language-switch{bottom:auto}#customer-orders{bottom:calc(16px + env(safe-area-inset-bottom,0px))}}

/* Language belongs to the header; orders belong to the customer account. */
.header-language{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}
.header-language .language-switch,.journey-language .language-switch{position:static;inset:auto;box-shadow:none;flex-shrink:0;width:max-content}
.journey-language{display:flex;justify-content:flex-end;max-width:640px;margin:0 auto 8px;padding:0 8px}
.member-guest-orders{padding:18px 0 24px;border-top:1px solid #b7966533}.member-guest-orders button{padding:10px 16px;min-height:44px;border:1px solid #b7966566;border-radius:5px;color:#ddc39c}.member-guest-orders p{font-size:12px;line-height:1.7;color:#af9e88}
@media(min-width:601px) and (max-width:1100px){.header{gap:18px;padding-inline:24px}.header nav{gap:16px}.header-language .language-switch button{padding-inline:8px}}
@media(max-width:600px){.header{grid-template-columns:1fr auto!important;grid-template-rows:52px 48px!important}.header .brand{grid-column:1;grid-row:1}.header-language{grid-column:2;grid-row:1}.header nav,html[lang=vi] .header nav{grid-column:1/-1}.header-language .language-switch{position:static;inset:auto}.journey-language{padding-inline:0;margin-bottom:8px}}
/* Reserve actual header space when navigation needs a second row. */
@media(min-width:601px) and (max-width:1100px){
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:58px 44px;height:auto;min-height:102px;gap:0;padding:0 24px;align-content:start}
 .header>.brand{grid-column:1;grid-row:1}
 .header>.header-language{grid-column:2;grid-row:1}
 .header>nav,html[lang=vi] .header>nav{grid-column:1/-1;grid-row:2;width:100%;height:44px;min-width:0;justify-content:center;gap:24px}
 .header nav a.active:after{bottom:2px}
}
@media(min-width:1101px){.header{flex-wrap:nowrap}}

/* Scene toolbar: keep navigation, controls and status aligned with the film. */
body[data-page=journey] .journey-top{
 box-sizing:border-box;position:relative;top:auto;width:100%;max-width:540px;height:auto;
 display:grid;grid-template-columns:minmax(0,1fr) auto;
 grid-template-areas:"back title" "tools language";
 grid-template-rows:auto;align-items:center;gap:4px 16px;
 padding:8px 18px 12px;background:#100b08;font-size:12px;
}
body[data-page=journey] .journey-top>a{grid-area:back;display:flex;align-items:center;min-height:44px;max-width:none;font-size:12px}
body[data-page=journey] .journey-top>span{grid-area:title;justify-self:end;font-size:12px;letter-spacing:1px}
body[data-page=journey] .journey-tools{grid-area:tools;display:flex;align-items:center;gap:16px!important;min-width:0}
body[data-page=journey] .journey-tools button{min-height:44px;padding:8px 0;font-size:12px!important;white-space:nowrap}
body[data-page=journey] .journey-language{grid-area:language;justify-self:end;max-width:none;margin:0;padding:0}
body[data-page=journey] .language-switch button{min-height:38px;padding:7px 10px;font-size:12px}
body[data-page=journey] .journey-sound-hint{
 grid-area:status;position:static;transform:none;max-width:none;width:auto;
 margin:0;padding:4px 0 0;background:none;border-radius:0;
 font-size:11px;line-height:1.5;color:#baa58e;text-align:left;
}
body[data-page=journey] .journey-top :is(a,button):focus-visible{outline:2px solid #f1d2a3;outline-offset:3px}
body[data-page=journey] .journey-stage{height:calc(100svh - 112px)}
@media(max-width:380px){
 body[data-page=journey] .journey-top{padding-inline:12px;column-gap:8px}
 body[data-page=journey] .journey-tools{gap:10px!important}
 body[data-page=journey] .journey-tools button{font-size:11px!important}
 body[data-page=journey] .language-switch button{padding-inline:7px;font-size:11px}
}

body[data-page=journey] .journey-tools [data-jmusic]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px 10px;border:1px solid #b7966566;border-radius:8px;background:#21190f;color:#dcc9ae}
body[data-page=journey] .journey-tools [data-jmusic][aria-pressed=true]{background:#b7966526;border-color:#b79665;color:#f2d6a7}
body[data-page=journey] .journey-tools [data-jmusic]:hover{border-color:#dfc398}
body[data-page=journey] .journey-tools [data-jmusic] svg{flex-shrink:0}
@media(max-width:380px){body[data-page=journey] .journey-tools [data-jmusic]{padding-inline:7px;gap:4px}}