/* M3LY owner reference boards · final presentation cascade · 2026-10-05.
   Presentation only: security, consent, authentication and transport boundaries
   keep their existing behaviour. */
:root{--m3ly-reference-art:url('./m3ly-hero-scene-v1.webp');--m3ly-reference-glass:color-mix(in srgb,var(--m3ly-surface,#100c13) 88%,transparent);--m3ly-reference-line:rgba(var(--m3ly-accent-rgb,255,22,135),.34);--m3ly-reference-glow:0 0 0 1px rgba(var(--m3ly-accent-rgb,255,22,135),.08),0 22px 72px rgba(0,0,0,.38),0 0 46px rgba(var(--m3ly-accent-rgb,255,22,135),.09)}
html{background:var(--m3ly-bg,#050307)}
body:not(.settings-page){position:relative;isolation:isolate;background-color:var(--m3ly-bg,#050307)}
body:not(.settings-page)::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(90deg,rgba(3,1,5,.96),rgba(4,2,7,.82) 42%,rgba(3,1,5,.92)),var(--m3ly-reference-art);background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.14) contrast(1.05)}
body:not(.settings-page)::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 78% 10%,rgba(var(--m3ly-accent-rgb,255,22,135),.18),transparent 28%),radial-gradient(circle at 12% 76%,rgba(var(--m3ly-accent-rgb,255,22,135),.12),transparent 31%),linear-gradient(180deg,transparent 0 70%,rgba(0,0,0,.34))}
body>.ambient{position:fixed!important;inset:0!important;z-index:-1!important;opacity:.72!important;pointer-events:none!important}
.topbar{border:1px solid var(--m3ly-reference-line)!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(15,10,18,.84),rgba(5,3,8,.80))!important;box-shadow:0 12px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:blur(22px) saturate(1.18)}
.brand .wordmark,.settings-brand span{letter-spacing:.12em}
.primary-action,.primary-button,button[type='submit']:not(.text-button){background:linear-gradient(180deg,color-mix(in srgb,var(--m3ly-accent,#ff1687) 90%,white),color-mix(in srgb,var(--m3ly-accent,#ff1687) 82%,#73002f))!important;border-color:color-mix(in srgb,var(--m3ly-accent,#ff1687) 64%,white)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 24px rgba(var(--m3ly-accent-rgb,255,22,135),.25)!important}
.secondary-action,.nav-link,.theme,.text-button{border-color:rgba(var(--m3ly-accent-rgb,255,22,135),.24)!important}
.form-card,.auth-card,.signup-panel,.account-type-card,.card,.m3ly-dialog,.admin-panel,.admin-lock-card,.admin-verdict{border-color:var(--m3ly-reference-line)!important;background:linear-gradient(145deg,var(--m3ly-reference-glass),color-mix(in srgb,var(--m3ly-bg,#050307) 94%,transparent))!important;box-shadow:var(--m3ly-reference-glow)!important;backdrop-filter:blur(22px) saturate(1.12)}
.auth-redesign{min-height:100dvh}.auth-redesign .auth-stage{position:relative;max-width:570px;padding-top:52px}.auth-redesign .auth-stage::before{content:"";position:absolute;inset:0 -34vw -8vh;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(var(--m3ly-accent-rgb,255,22,135),.17),transparent 23%),linear-gradient(180deg,transparent,rgba(0,0,0,.16))}.auth-lockup img:first-child{filter:drop-shadow(0 0 18px rgba(var(--m3ly-accent-rgb,255,22,135),.42))}.auth-card{border-radius:18px!important}.auth-method{border-color:rgba(var(--m3ly-accent-rgb,255,22,135),.24)!important;background:rgba(8,6,10,.74)!important}.auth-method.primary{border-color:rgba(var(--m3ly-accent-rgb,255,22,135),.62)!important;background:linear-gradient(90deg,rgba(var(--m3ly-accent-rgb,255,22,135),.25),rgba(var(--m3ly-accent-rgb,255,22,135),.07))!important;box-shadow:inset 3px 0 0 var(--m3ly-accent,#ff1687),0 0 26px rgba(var(--m3ly-accent-rgb,255,22,135),.10)!important}
.home-page::before{opacity:.38}.home-page .brand-showcase{border:1px solid var(--m3ly-reference-line)!important;border-radius:22px!important;box-shadow:var(--m3ly-reference-glow)!important}.home-page .feature-strip,.home-page .privacy-note,.download-band,.identity-card{backdrop-filter:blur(18px);border-color:var(--m3ly-reference-line)!important}
.messenger-page::before{opacity:.32}.messenger-page .messenger-grid{border-color:var(--m3ly-reference-line)!important;box-shadow:var(--m3ly-reference-glow)!important;backdrop-filter:blur(18px)}.messenger-page .conversation-rail{background:linear-gradient(180deg,rgba(14,9,17,.94),rgba(6,4,9,.96))!important}.messenger-page .conversation-item.active{box-shadow:inset 3px 0 0 var(--m3ly-accent,#ff1687)!important}.messenger-page .chat-heading{border-bottom:1px solid rgba(var(--m3ly-accent-rgb,255,22,135),.20)!important}.messenger-page .message-bubble{box-shadow:0 7px 22px rgba(0,0,0,.18)}.messenger-page .message-bubble.out{box-shadow:0 9px 28px rgba(var(--m3ly-accent-rgb,255,22,135),.13)}
.settings-page .settings-wallpaper{background-image:linear-gradient(180deg,rgba(4,1,7,.36),rgba(5,3,9,.90)),var(--m3ly-reference-art)!important;background-position:center!important;background-size:cover!important}.settings-page .settings-app{border-color:var(--m3ly-reference-line)!important;box-shadow:var(--m3ly-reference-glow)!important}.settings-page .settings-section{border-color:rgba(var(--settings-accent-rgb),.20)!important}
#owner-console .admin-lock-card{position:relative;overflow:hidden}#owner-console .admin-lock-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,4,9,.88),rgba(7,4,9,.58)),var(--m3ly-reference-art) 70% center/cover no-repeat;opacity:.72}#owner-console .admin-sidebar,#owner-console .admin-panel,#owner-console .admin-verdict{border-color:var(--m3ly-reference-line)!important;background:linear-gradient(145deg,rgba(16,11,19,.93),rgba(6,4,9,.95))!important}#panel-numbers .form-card{min-height:220px}#admin-number-results .admin-row{border-color:rgba(var(--m3ly-accent-rgb,255,22,135),.22);background:linear-gradient(100deg,rgba(var(--m3ly-accent-rgb,255,22,135),.08),rgba(255,255,255,.018))}
:root[data-theme='day'] body:not(.settings-page)::before{background-image:linear-gradient(90deg,rgba(255,252,254,.97),rgba(255,249,253,.88),rgba(255,252,254,.94)),var(--m3ly-reference-art);filter:saturate(.72) brightness(1.2);opacity:.72}:root[data-theme='day'] body:not(.settings-page)::after{background:radial-gradient(circle at 78% 10%,rgba(var(--m3ly-accent-rgb,172,22,84),.10),transparent 30%),linear-gradient(180deg,transparent,rgba(255,255,255,.38))}:root[data-theme='day'] .topbar{background:rgba(255,255,255,.84)!important}:root[data-theme='day'] :is(.form-card,.auth-card,.signup-panel,.account-type-card,.card,.m3ly-dialog,.admin-panel,.admin-lock-card,.admin-verdict){background:rgba(255,255,255,.89)!important;box-shadow:0 20px 62px rgba(74,38,65,.12),0 0 28px rgba(var(--m3ly-accent-rgb,172,22,84),.06)!important}:root[data-theme='day'] .auth-method{background:rgba(255,255,255,.86)!important}:root[data-theme='day'] #owner-console :is(.admin-sidebar,.admin-panel,.admin-verdict){background:rgba(255,255,255,.91)!important}
@media(max-width:760px){body:not(.settings-page)::before{background-position:60% top;opacity:.25}.topbar{border-right:0!important;border-left:0!important;border-radius:0!important}.auth-redesign .auth-stage{padding-top:20px}.auth-redesign .auth-card{margin-inline:8px;width:calc(100% - 16px);padding:20px!important}.messenger-page::before{display:none}.messenger-page .messenger-grid{box-shadow:none!important;backdrop-filter:none}.messenger-page .conversation-rail{background:var(--m3ly-bg,#050307)!important}.settings-page .settings-wallpaper{background-position:64% top!important;opacity:.58}#owner-console{padding-inline:10px}#owner-console .admin-sidebar{background:rgba(8,5,11,.96)!important}#panel-numbers .form-card{min-height:0}}
@media(prefers-reduced-motion:reduce){body>.ambient{display:none!important}}
@media(prefers-contrast:more){.topbar,.form-card,.auth-card,.signup-panel,.account-type-card,.card,.m3ly-dialog,.admin-panel{border-width:2px!important;backdrop-filter:none}}


/* The sign-in board is deliberately wider than legacy auth forms. Keep this
   last so the final presentation cascade cannot squeeze it back to 570px. */
.signin-reference-page .auth-redesign .auth-stage{
  max-width:1100px;
  min-height:660px;
  padding:0;
  grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr)
}
.signin-reference-page .auth-redesign .auth-stage::before{display:none}
@media(max-width:880px){
  .signin-reference-page .auth-redesign .auth-stage{
    max-width:680px;
    min-height:0;
    padding:0;
    grid-template-columns:minmax(0,1fr)
  }
}
@media(max-width:560px){
  .signin-reference-page .auth-redesign .auth-stage{margin-top:10px;padding:0}
  .signin-reference-page .auth-redesign .auth-card{width:100%;margin-inline:0;padding:22px 15px!important}
}