[hidden]{display:none!important}
body[data-auth=out] .sidebar,body[data-auth=out] .workspace,body[data-auth=out] #logout,body[data-auth=out] #owner-name{display:none}
body[data-auth=in] .login-panel{display:none}
.login-panel{grid-column:1/-1;width:min(500px,calc(100% - 32px));margin:60px auto;padding:30px;align-self:start}
.login-panel h1{font-size:36px;margin:10px 0}.login-panel p{line-height:1.5}
#login-form{display:grid;gap:16px;margin:24px 0}#login-form label{display:grid;gap:8px;font-size:14px}
#login-form input{width:100%;min-height:44px;padding:10px;border:1px solid #ac8c50;background:#091e2a;color:#fff0cf;border-radius:5px;font:inherit}
#login-message{min-height:22px;margin:0;color:#f3cb7c}
#owner-name{font-size:12px;color:#ecd8b1}#logout,#refresh{min-height:44px;white-space:nowrap}
.page-footer{align-items:center;gap:16px}.page-footer>span{max-width:75%;font-size:11px;line-height:1.4}
.real-timeline{display:grid;grid-template-columns:repeat(48,minmax(2px,1fr));gap:3px}.real-timeline span{height:12px}
.board-preview .table-wrap{max-height:none}.table-wrap td:first-child{overflow-wrap:anywhere}
.login-panel input:focus-visible{outline:2px solid #f3cb7c;outline-offset:3px}
@media(min-width:601px) and (max-height:600px){.sidebar{position:relative;height:auto;min-height:0;align-self:start}}
@media(max-width:600px){.masthead-controls{flex-wrap:wrap}.login-panel{margin:24px auto;padding:22px}.page-footer{align-items:flex-start}.page-footer>span{max-width:65%}.real-timeline{grid-template-columns:repeat(24,minmax(2px,1fr))}}