.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 22px;width:100%;min-width:0;justify-content:flex-start;overflow:hidden;background:transparent;border:0;text-align:left;color:var(--ink)}
.noctra-mascot{display:block;width:68px;height:100px;flex:0 0 68px;object-fit:contain}
.noctra-wordmark{font-size:21px;font-weight:850;letter-spacing:.05em;min-width:0;line-height:1.2}
.noctra-wordmark small{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:6px}
.mode-mark{object-fit:contain}
.noctra-intro{background:radial-gradient(ellipse at 50% 55%,#35202b 0,#151722 66%);color:#f7f4ef;padding:32px 48px;min-width:0}
.noctra-login-brand{font-size:26px;font-weight:800;letter-spacing:.17em;color:#e9d29b;position:relative;z-index:1}
.noctra-login-art{flex:1;min-height:0;display:grid;place-items:center;padding:20px 0;position:relative;background:url('/noctra-bats.svg') center/contain no-repeat}
.noctra-login-art img{width:100%;height:min(72dvh,760px);object-fit:contain;filter:drop-shadow(0 16px 32px #0008)}
.noctra-intro .intro-footer{margin:0;color:#aba9b5;font-size:12px}
.noctra-intro:after{display:none}
.access-shell .form-area{background:#1e1925;color:#f4edf3}
.access-shell .form-area h2,.access-shell .form-area label{color:#f4edf3}
.access-shell .form-area .muted,.access-shell .form-area .field-help,.access-shell .form-area .fine-print{color:#bdb1c3}
.access-shell .form-area .eyebrow{color:#e8c689}
.access-shell .form-area input{background:#282230;border-color:#564659;color:#fff}
.access-shell .form-area input:focus{outline-color:#a9476466;border-color:#f18f9e}
.access-shell .form-area .submit{background:#f18f9e;color:#1e1017}
.access-shell .form-area .access-links button,.access-shell .form-area summary,.access-shell .password-wrap button{color:#f3a2b0}
.access-shell .form-area details{color:#bdb1c3;border-color:#493d50}
.access-shell .form-area .notice{background:#453a23;color:#f8dca2}
body:has(.account-shell){background:#100e16;color:#f4edf3}
.account-shell{--line:#493d50;color:#f4edf3}
.account-shell .account-card{background:#1e1925;border-color:#493d50;color:#f4edf3}
.account-shell h1,.account-shell h2,.account-shell h3,.account-shell label,.account-shell .brand{color:#f4edf3}
.account-shell input,.account-shell select,.account-shell button{background:#282230;color:#f4edf3;border-color:#65526b}
.account-shell .submit{background:#f18f9e;color:#1e1017}
.account-shell a,.account-shell .field-help,.account-shell small{color:#c5b5cb}
.account-shell .user-row,.account-shell .subscription-user{border-color:#493d50}
.noctra-night body{background:radial-gradient(ellipse at 90% 4%,#53213044,transparent 45%),var(--canvas);color:var(--ink)}
.noctra-night .sidebar{background-image:url('/noctra-bats.svg');background-size:280px auto;background-position:center bottom;background-repeat:no-repeat}
.noctra-night .topbar{border-bottom-color:#77354b88}
.noctra-night .noctra-mascot{filter:drop-shadow(0 0 8px #f1355055)}
.noctra-night .noctra-wordmark{color:#e8c689}
.noctra-night .panel-mode-switch button[aria-pressed=true]{box-shadow:inset 0 -2px #ed6882}
.panel-mode-switch button[aria-pressed=false]:not(:hover){background:transparent;border-color:transparent}
@media(max-width:900px){.sidebar .brand{margin-bottom:12px}.noctra-mascot{width:54px;height:76px;flex-basis:54px}.noctra-wordmark{font-size:19px}}
@media(max-width:1000px){.noctra-intro{padding:20px 24px;display:grid;grid-template-columns:1fr 72px;align-items:center;gap:8px}.noctra-login-brand{font-size:24px}.noctra-login-art{padding:0;grid-column:2;grid-row:1}.noctra-login-art img{height:100px;filter:none}.noctra-intro .intro-footer{display:none}.form-area{min-height:calc(100dvh - 140px)}}

.guide-frame{display:block;width:100%;height:calc(100dvh - 160px);min-height:480px;border:0;border-radius:16px;background:var(--canvas)}
@media(max-width:700px){.panel-mode-switch{flex-wrap:wrap;gap:5px}.panel-mode-switch button{font-size:12px;padding:8px}.guide-frame{height:calc(100dvh - 210px);min-height:420px}}

/* Shared access presentation: a full mascot, fire backdrop and readable copy. */
html:has(.access-shell),html:has(.account-shell){background:#100e16;color-scheme:dark}
.access-shell{grid-template-columns:repeat(2,minmax(0,1fr));background:#100e16;min-height:100dvh}
.access-shell .noctra-intro,.subscription-scene{background:#100e16 url('/noctra-fire-v1.webp') center/cover no-repeat;display:flex;flex-direction:column;align-items:stretch;padding:32px clamp(24px,4vw,64px);min-width:0;overflow:hidden}
.noctra-intro .noctra-login-brand,.subscription-scene .noctra-login-brand{display:block;letter-spacing:.16em;font-size:26px;font-weight:800;color:#efd6a3;line-height:1.3;text-decoration:none}
.access-tagline{font-size:14px;line-height:1.6;color:#d9c7c1;margin:10px 0 20px;max-width:none}
.noctra-intro .noctra-login-art{display:grid;place-items:center;flex:1;grid-column:auto;grid-row:auto;background:none;padding:0;min-height:360px}
.noctra-intro .noctra-login-art img{display:block;width:100%;height:min(75dvh,780px);object-fit:contain;filter:drop-shadow(0 12px 20px #0008)}
.access-shell .form-area{padding:clamp(24px,4vw,64px);min-height:100dvh}
.access-shell .form-card{max-width:440px}
.access-shell .form-card .muted{max-width:none}
.subscription-content{min-width:0}
.subscription-eyebrow,.subscription-intro,.subscription-navigation{display:none}
.subscription-required .account-shell{max-width:none;margin:0;padding:0}
.subscription-required .account-heading{display:none}
.subscription-required #subscription-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#1e1925}
.subscription-scene{position:relative;min-height:620px;justify-content:flex-start}
.subscription-scene #subscription-robot{display:block;width:100%;height:min(76dvh,800px);min-height:380px;object-fit:contain;margin:auto 0 0;filter:drop-shadow(0 16px 24px #0009)}
.subscription-required .subscription-content{align-self:center;justify-self:center;width:100%;max-width:580px;padding:clamp(24px,4vw,64px)}
.subscription-required #subscription-title{font-size:clamp(32px,3.5vw,50px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 22px}
.subscription-required .subscription-eyebrow{display:block;color:#e8c689;font-size:12px;letter-spacing:.14em;font-weight:700}
.subscription-required .subscription-intro{display:block;font-size:18px;line-height:1.65;color:#d1c4d7;margin:0 0 28px}
.subscription-required #subscription-status{padding:14px 16px;border:1px solid #8c5063;border-radius:12px;background:#402331;font-size:15px;line-height:1.6;color:#ffc5d1}
.subscription-required .field-help{font-size:14px;line-height:1.65;color:#c5b5cb}
.subscription-required .subscription-navigation{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;border-top:1px solid #493d50;padding-top:20px}
.subscription-navigation button{border:0;padding:8px 0;background:none;color:#f3a2b0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;font:inherit;font-size:14px}
.account-shell .subscription-buttons button{padding:12px 18px;min-height:46px;border:1px solid #806079;border-radius:9px;font:inherit;font-size:14px;cursor:pointer}
.account-shell #billing-buy{background:#f18f9e;color:#23121c;border-color:#f18f9e;font-weight:650}
.subscription-required #account-settings{display:none}
.subscription-required.subscription-settings-open #account-settings{display:block;max-width:980px;padding:28px 24px 64px;margin:auto;scroll-margin-top:24px}
.account-shell .account-card input,.account-shell .account-card select{max-width:100%;min-width:0}
.account-shell .account-card select,.account-shell .account-card input[type=date]{background:#282230;color:#f4edf3;border-color:#65526b}
.account-shell .subscription-buttons{align-items:stretch}
@media(min-width:761px){.access-shell{display:grid}.access-shell .noctra-intro{display:flex}.access-shell .form-area{align-items:center}}
@media(max-width:760px){
 .access-shell{display:block}.access-shell .noctra-intro{display:flex;padding:24px 24px 12px}
 .noctra-intro .noctra-login-art{min-height:0}.noctra-intro .noctra-login-art img{height:280px}
 .noctra-intro .access-tagline{margin-bottom:6px}
 .access-shell .form-area{min-height:0;padding:32px 24px 48px}
 .subscription-required #subscription-card{grid-template-columns:minmax(0,1fr)}
 .subscription-scene{min-height:0;padding:24px 24px 0}
 .subscription-scene .access-tagline{margin-bottom:4px}
 .subscription-scene #subscription-robot{height:340px;min-height:0}
 .subscription-required .subscription-content{max-width:560px;padding:32px 24px 44px}
 .subscription-required .subscription-intro{font-size:16px;margin-bottom:20px}
 .subscription-required #subscription-title{font-size:36px}
}