:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee9e2;background:#191714;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline-offset:-3px;outline:3px solid #f3b653}.shell{grid-template-rows:auto 1fr;grid-template-columns:11rem minmax(0,1fr);min-height:100dvh;display:grid}.primary-navigation{background:#24211c;flex-direction:column;grid-area:1/1/3;gap:.5rem;padding:1rem;display:flex}.primary-navigation a,.watch-navigation a{white-space:nowrap;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1rem;text-decoration:none;display:flex}nav a:hover{background:#353027}nav a[aria-current=page]{color:#f3b653;text-underline-offset:.4em;font-weight:700;text-decoration:underline}.watch-navigation{grid-area:1/2;min-width:0;display:flex;overflow-x:auto}.watch-navigation a{flex-shrink:0}.shell-body{grid-area:2/2;min-width:0;padding:1.5rem}.brand{margin-bottom:2rem;font-size:1.125rem;font-weight:700}main{max-width:48rem}h1{margin:0 0 1rem;font-size:2rem}p{margin:0 0 1rem;font-size:1rem}aside{border:1px solid #f3b653;margin-top:2rem;padding:1rem}button{min-height:44px;font:inherit;cursor:pointer;padding:.5rem 1rem}.login-surface{width:min(100%,26rem);margin:max(2rem,15dvh) auto 2rem;padding:1.5rem}.login-surface form{flex-direction:column;gap:.75rem;display:flex}.login-surface input{color:#eee9e2;width:100%;min-height:48px;font:inherit;background:#24211c;border:1px solid #aaa297;border-radius:.25rem;padding:.75rem}.login-surface input:focus-visible{outline-offset:2px;outline:3px solid #f3b653}.login-surface button{color:#191714;background:#f3b653;border:1px solid #0000;border-radius:.25rem;min-height:48px;font-weight:700}.login-surface button:hover:not(:disabled){background:#ffd18b}.login-surface button:focus-visible{outline-offset:3px}.login-surface button:disabled{cursor:not-allowed;background:#aaa297}#login-feedback{min-height:4.5rem;margin:0}@media (width<48rem){.shell{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));flex-direction:column;display:flex}.primary-navigation{z-index:1;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));flex-direction:row;gap:0;position:fixed;bottom:0;left:0;right:0}.primary-navigation a{flex:1;padding-inline:.5rem}.watch-navigation{width:100%}.shell-body{padding:1.5rem 1rem}}
