/* The member entrance: warm brass, ink navy, and an illustrated Tokyo night.
   Scope the entrance separately so signed-in account settings keep their layout. */
body:has(.account-access){background:#070c16}
body:has(.account-access) :is(.desktop-chrome,.sidebar,.topbar,.mobile-tabbar){display:none}
body:has(.account-access) .app-body{margin:0;min-height:100svh}
body:has(.account-access) .content{max-width:1184px;padding:0 32px 24px}
.account-access{--entry-gold:#e8c59a;--entry-ink:#f3eee5;--entry-muted:#a8b3c7;color:var(--entry-ink)}
.account-access-bar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.account-access-brand{display:flex;align-items:center;gap:12px;font:600 21px/1.15 Georgia,serif;letter-spacing:1px}
.account-access-brand>span:first-child{font-size:37px;line-height:1;color:var(--entry-gold)}
.account-access-brand small{display:block;margin-top:6px;font:11px/1.4 var(--sans);letter-spacing:2.8px;color:var(--entry-muted)}
.account-home-link{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--entry-muted)}
.account-home-link .icon{width:15px;height:15px}
.account-door{display:grid;grid-template-columns:1fr 1fr;min-height:700px;border:1px solid #303749;border-radius:12px;background:#0d1421;overflow:hidden}
.account-scene{position:relative;isolation:isolate;min-width:0;background:#111c2a;overflow:hidden}
.account-scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2}
.account-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#040a1655 0%,transparent 35%,#070c1630 48%,#070c16e8 84%,#070c16 100%)}
.account-scene-edition{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;font:11px/1.4 var(--sans);letter-spacing:2px;color:#ebe4d5}
.account-scene-edition>span{color:var(--entry-gold)}
.account-scene-copy{position:absolute;bottom:38px;left:38px;right:28px}
.account-scene-kicker{font:11px/1.4 var(--sans);letter-spacing:3px;color:var(--entry-gold);margin-bottom:14px}
.account-scene-copy h2{font-family:'Shippori Mincho B1','Yu Mincho',serif;font-size:clamp(32px,3.7vw,47px);font-weight:700;line-height:1.5;letter-spacing:.08em;color:#fff2df}
.account-scene-description{margin-top:17px;font-size:12px;line-height:1.9;color:#c9cdd5}
.account-scene-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;padding-top:18px;border-top:1px solid #b6a18440;font-size:11px;letter-spacing:.06em;color:#d7bea0}
.account-scene-meta span+span:before{content:'◆';font-size:10px;vertical-align:middle;margin-right:18px;color:#aa9073}
.account-access .account-entry{min-width:0;align-self:center;padding:42px clamp(26px,4vw,56px)}
.account-entry-kicker{font:11px/1.4 var(--sans);letter-spacing:2px;color:var(--entry-gold);margin-bottom:13px}
.account-entry-heading h1{font:700 clamp(24px,2.4vw,30px)/1.6 'Shippori Mincho B1','Yu Mincho',serif;letter-spacing:.035em}
.account-entry-heading>p:last-child{font-size:12px;line-height:1.8;color:var(--entry-muted);margin-top:6px}
.account-access .account-tabs{margin:25px 0 22px;gap:16px;border-color:#2a3445}
.account-access .account-tabs button{min-height:44px;padding:0 8px 11px;color:var(--entry-muted);font-size:13px}
.account-access .account-tabs button.active{color:var(--entry-gold);border-color:var(--entry-gold)}
.account-providers:empty{display:none}
.account-access .apple-signin,.account-access .google-signin{margin:0 0 16px;gap:8px;justify-items:center}
.account-access .apple-signin-button{width:100%;max-width:360px;min-height:46px;border-color:#657084;background:#000}
.account-access .google-signin>div{width:100%;max-width:360px}
.account-access .hint{font-size:11px;line-height:1.8;color:var(--entry-muted);margin-top:10px}
.account-access .apple-signin .hint,.account-access .google-signin .hint{margin:0;font-size:11px;text-align:center}
.account-divider{display:flex;align-items:center;gap:13px;margin:20px 0;color:var(--entry-muted);font-size:11px;white-space:nowrap}
.account-divider:before,.account-divider:after{content:'';height:1px;background:#2a3445;flex:1}
.account-access .account-form{gap:8px;margin-top:0}
.account-access .account-form label{color:#d8deea;font-size:12px;margin-top:7px}
.account-access .account-form input:is([type=email],[type=password],[type=text]){min-height:48px;background:#111d2c;border:1px solid #39465a;border-radius:6px;padding:11px 14px;color:#f3eee5;font-size:16px}
.account-access .account-form input:focus{border-color:var(--entry-gold);outline:2px solid #e8c59a55;outline-offset:2px}
.account-access :is(button,a):focus-visible{outline:2px solid var(--entry-gold);outline-offset:4px}
.account-access .account-form .btn{font-size:14px;min-height:49px;border-radius:6px;margin-top:15px}
.account-access .btn.red{background:var(--entry-gold);border-color:var(--entry-gold);color:#192130;box-shadow:none;text-shadow:none}
.account-access .btn.red:hover{background:#f1d5b3;transform:none}
.account-access .btn.outline{background:transparent;border-color:#526079;color:#d8deea;border-radius:6px;min-height:46px}
.account-access .btn.full{width:100%;margin-top:14px}
.account-access .account-link{color:#c8d1e0;font-size:11px;margin-top:11px;min-height:36px;text-underline-offset:4px}
.account-access .account-entry>h2{font-size:17px;margin:24px 0 14px}
.account-access .online-consent{margin-top:10px;line-height:1.8;font-size:11px}
.account-access .online-consent input{accent-color:var(--entry-gold)}
.account-access .online-consent a{color:var(--entry-gold)}
.account-access .online-register-face{font-size:11px;line-height:1.7;margin-bottom:3px;color:var(--entry-muted)}
.account-access .online-register-face .avatar{width:36px;height:36px}
.account-access .online-error,.account-access .online-info{overflow-wrap:anywhere}
.account-guest{border-top:1px solid #2a3445;margin-top:24px;padding-top:20px;text-align:center}
.account-guest>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:32px;color:var(--entry-gold);font-size:12px}
.account-guest .icon{width:15px;height:15px}
.account-guest>p{font-size:11px;line-height:1.8;margin-top:3px;color:var(--entry-muted)}
.account-access-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:18px 2px 0;font-size:11px;line-height:1.8;color:var(--entry-muted)}
.account-access .footer{border-color:#263143;margin-top:23px;color:var(--entry-muted)}
@media(max-width:760px){
 body:has(.account-access) .content{padding:0 16px 22px}
 .account-access-bar{height:75px}
 .account-access-brand{font-size:17px;gap:8px}
 .account-access-brand>span:first-child{font-size:30px}
 .account-access-brand small{font-size:10px;letter-spacing:2.2px;margin-top:4px}
 .account-home-link{font-size:11px;gap:5px}
 .account-door{grid-template-columns:1fr;min-height:0;border-radius:10px}
 .account-scene{height:216px}
 .account-scene-art{object-position:50% 50%}
 .account-scene:after{background:linear-gradient(90deg,#070c1666,transparent 80%),linear-gradient(0deg,#0d1421,transparent 65%)}
 .account-scene-edition{top:17px;left:22px;right:22px;font-size:10px;letter-spacing:1.4px}
 .account-scene-copy{bottom:21px;left:22px;right:20px}
 .account-scene-kicker{font-size:10px;letter-spacing:2px;margin-bottom:8px}
 .account-scene-copy h2{font-size:29px;line-height:1.5;letter-spacing:.06em}
 .account-scene-description,.account-scene-meta{display:none}
 .account-access .account-entry{padding:22px 24px 28px}
 .account-entry-kicker{display:none}
 .account-entry-heading h1{font-size:23px;line-height:1.5}
 .account-entry-heading>p:last-child{font-size:11px}
 .account-access .account-tabs{margin:18px 0}
 .account-access .account-tabs button{font-size:12px;min-height:42px;padding-bottom:9px}
 .account-access .account-form input:is([type=email],[type=password],[type=text]){min-height:46px}
 .account-divider{margin:16px 0}
 .account-access-note{display:block;padding-top:15px;font-size:10.5px;text-align:center}
 .account-access-note span{display:block}
 .account-access .footer{margin-top:18px;gap:12px;font-size:10.5px}
}
@media(max-width:360px){.account-access .account-entry{padding:20px 18px 25px}.account-access-brand{font-size:15px}.account-scene{height:195px}}
@media(prefers-reduced-motion:reduce){.account-access :is(button,.btn){transition:none;transform:none}}

.account-scene-meta a{color:#e8ca94;text-underline-offset:4px}.account-scene-meta a:hover{text-decoration:underline}
/* The human check (Cloudflare Turnstile, in a frame from this site: core/human-check.js). */
.human-check{display:block;width:100%;height:68px;margin-top:12px;border:0;background:transparent;color-scheme:dark}