.access-panel{min-height:calc(100vh - 100px);padding:44px max(34px,5vw);background:#f6f7f3}.access-form{max-width:620px;display:grid;gap:15px;margin:30px 0;padding:27px;border:1px solid var(--line);border-radius:8px;background:#fff}.access-form h3{margin:0;font-size:20px}.access-form p{margin:-5px 0 4px;color:#6e756b;font-size:13px;line-height:1.55}.access-form label,.login-card label{display:grid;gap:7px;color:#596257;font:10px var(--mono);letter-spacing:.05em}.access-form input,.login-card input{width:100%;height:42px;padding:0 11px;border:1px solid #dfe3dc;border-radius:5px;background:#fff;color:#263d2a;font:13px var(--sans);outline:none}.access-form input:focus,.login-card input:focus{border-color:#aab964;box-shadow:0 0 0 3px #edf1d8}.access-form .publish{justify-self:start}.access-list{max-width:820px;display:grid;gap:10px}.access-user{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#fff}.access-user div{display:grid;gap:5px}.access-user b{font-size:13px}.access-user small{color:#768072;font-size:11px}.access-owner{padding:6px 9px;border-radius:999px;background:#edf1d8;color:#5c6f31;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.login-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(20,29,21,.78);backdrop-filter:blur(4px)}.login-overlay[hidden]{display:none!important}.login-card{width:min(100%,390px);display:grid;gap:16px;padding:32px;border-radius:10px;background:#fff;box-shadow:0 25px 70px #0005}.login-card img{width:170px;height:56px;object-fit:contain;object-position:left;padding:7px 10px;border-radius:5px;background:#5b0a12}.login-card p{margin:4px 0 -7px;color:#7f887a;font:10px var(--mono);letter-spacing:.13em}.login-card h2{margin:0;font-size:28px;letter-spacing:-.05em}.login-card small{color:#758073;font-size:11px;line-height:1.5}.login-card .publish{margin-top:2px}.login-card .publish:disabled{opacity:.6;cursor:wait}.login-required .app,.login-required .sidebar{filter:blur(3px);pointer-events:none;user-select:none}@media(max-width:800px){.access-panel{padding:28px 18px}.access-user{align-items:flex-start;flex-direction:column}.access-form .publish{width:100%}}
