:root{color-scheme:light;font-family:var(--abc-sans);color:#111;font-synthesis:none;-webkit-font-smoothing:antialiased;--paper:#faf9f5}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%;background:#111}
body{position:relative;min-height:100svh;isolation:isolate}
button,input{font:inherit;border-radius:0}
button{cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}
[hidden]{display:none!important}
.broadcast{position:fixed;inset:0;z-index:-2;background:#151515 url('/assets/references/tv-test-pattern.png') center center/cover no-repeat}
.broadcast::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 18%,rgba(0,0,0,.14) 64%,rgba(0,0,0,.5) 100%)}
.entrance{width:100%;min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,1fr) auto;padding:4vh 24px max(11vh,86px);position:relative}
.mark-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.mark-frame{position:relative;width:min(77vw,1050px);height:min(55dvh,590px);min-height:220px;color:#111;--abc-fallback-color:#111}
abc-logo-3d{display:block;width:100%;height:100%}
.static-mark{position:absolute;inset:0;margin:auto;width:78%;height:78%;object-fit:contain;pointer-events:none}
.component-loaded .static-mark{display:none}
.access{width:min(100%,480px);margin:0 auto;text-align:center}
.access-heading{font-family:var(--abc-sans);font-weight:900;font-size:18px;letter-spacing:-.5px;line-height:1.05;color:#fff;text-shadow:0 1px 5px #000;margin:0 0 22px}
.entry-trigger{width:100%;border:1px solid rgba(255,255,255,.75);background:#111;color:var(--paper);padding:19px 24px;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800;font-size:15px;letter-spacing:-.25px;text-align:left}
.entry-trigger:hover,.entry-trigger:focus-visible{background:var(--paper);color:#111}
.entry-trigger span{font-size:21px;line-height:1}
.entry-trigger[aria-expanded="true"]{background:#111;color:var(--paper);border-bottom:0}
.entry-trigger[aria-expanded="true"] span{transform:rotate(90deg)}
.password-row{display:flex;background:var(--paper);border:1px solid var(--paper);min-height:60px}
.password-row input{width:0;flex:1;min-width:0;border:0;background:var(--paper);padding:18px 20px;color:#111;font-family:var(--abc-mono);font-size:16px;outline-offset:-4px}
.password-row input:focus-visible{outline:2px solid #111}
.password-row input::placeholder{color:#63615b;opacity:1}
.password-row button{border:0;border-left:1px solid #111;background:var(--paper);color:#111;min-width:115px;padding:15px 18px;font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:15px;align-items:center}
.password-row button:hover{background:#d9d8d4}
.password-row button:disabled{opacity:.65}
.password-row button:focus-visible{outline-color:#111;outline-offset:-4px}
.password-status{font-size:12px;line-height:1.45;color:#fff;background:#111;text-align:left;margin:0;padding:0 12px;min-height:0}
.password-status:not(:empty){padding:10px 12px;border:1px solid rgba(255,255,255,.65);border-top:0}
.email-note{font-size:11px;line-height:1.4;letter-spacing:.1px;color:#fff;text-shadow:0 1px 5px #000;margin:18px 0 0}
.script-note{background:#111;color:#fff;padding:12px;font-size:12px}
.entrance-footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;pointer-events:none;font-size:10px;line-height:1;letter-spacing:.05em;text-shadow:0 1px 4px #000}
.entrance-footer span{margin-left:auto}
.entrance-footer button{pointer-events:auto;font:inherit;line-height:1.2;color:inherit;text-shadow:inherit;background:none;border:0;padding:9px 0;min-height:30px}
.entrance-footer button:disabled{opacity:.75}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.access{width:560px}.access-heading{font-size:22px}.entry-trigger{min-height:67px;font-size:17px}.email-note{font-size:12px}}
@media(max-width:600px){.entrance{padding:5svh 24px max(15svh,92px);grid-template-rows:minmax(200px,1fr) auto}.mark-frame{width:100vw;height:43dvh;min-height:200px}.access-heading{font-size:16px;margin-bottom:18px}.entry-trigger{min-height:58px;padding:17px 19px;font-size:13px}.password-row{min-height:56px}.password-row input{padding:16px}.password-row button{min-width:100px;padding:14px;font-size:12px}.email-note{font-size:10px;margin-top:16px}.entrance-footer{left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom));font-size:9px}}
@media(max-height:620px) and (min-width:601px){.entrance{padding-top:0;padding-bottom:60px;grid-template-rows:minmax(150px,1fr) auto}.mark-frame{height:42dvh;min-height:150px}.access-heading{font-size:14px;margin-bottom:10px}.entry-trigger{min-height:48px;padding:12px 20px}.password-row{min-height:48px}.password-row input{padding:12px 16px}.email-note{margin-top:9px}.entrance-footer{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}