:root{--bg:#0d0b0c;--panel:#151215;--text:#e7dfd6;--muted:#978e88;--line:#e7dfd624;--accent:#a94360;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 4vw;font-size:11px;display:grid}header a{color:inherit;text-decoration:none}header span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em}header button{color:var(--muted);background:0 0;border:0;justify-self:end}main{width:min(1180px,100% - 40px);margin:auto;padding-bottom:100px}.admin-hero{padding:90px 0}.admin-hero p,.create-reader>div>p,.list-heading p{color:#a46b79;text-transform:uppercase;letter-spacing:.17em;font-size:10px}.admin-hero h1{font:400 clamp(70px,11vw,145px)/.76 var(--serif);letter-spacing:-.055em;margin:20px 0 0}.admin-hero em{color:#a9a09b;margin-left:12vw;font-weight:400}.login-panel,.denied-panel{border:1px solid var(--line);background:var(--panel);max-width:650px;padding:40px}h2{font:400 42px/1 var(--serif);margin:0 0 18px}.login-panel p,.denied-panel p{color:var(--muted)}.login-panel form{grid-template-columns:1fr auto;margin-top:28px;display:grid}.login-panel input,.create-reader input{min-width:0;color:var(--text);background:#0b090a;border:1px solid #52454a;padding:15px}.login-panel button,.create-reader button{color:var(--text);background:#4d1829;border:1px solid #714054;padding:0 20px}.metrics{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metrics div{border-right:1px solid var(--line);padding:28px}.metrics div:last-child{border:0}.metrics span{color:var(--muted);font-size:11px;display:block}.metrics strong{font:400 54px var(--serif);margin-top:15px;display:block}.create-reader{color:#1b1719;background:#ded5ca;grid-template-columns:1fr 1fr;gap:50px;margin:70px 0;padding:45px;display:grid}.create-reader>div>p{color:#7b394c}.create-reader form{align-items:end;display:flex}.create-reader label{text-transform:uppercase;letter-spacing:.14em;flex:1;font-size:10px}.create-reader input{width:100%;margin-top:9px;display:block}.created-code{border-top:1px solid #1b171933;grid-column:1/-1;padding-top:30px}.created-code span{font-size:11px}.created-code strong{font:400 52px var(--serif);letter-spacing:.12em;color:#72243b;margin:10px 0;display:block}.created-code p{color:#655c59;font-size:11px}.list-heading{border-bottom:1px solid var(--line);justify-content:space-between;display:flex}.list-heading button{color:var(--muted);background:0 0;border:0}.reader-card{border-bottom:1px solid var(--line);padding:30px 0}.reader-top{justify-content:space-between;gap:20px;display:flex}.reader-name{font:400 30px var(--serif)}.reader-state{color:var(--muted);font-size:11px}.reader-state.active{color:#bb7890}.book-progress{grid-template-columns:180px 1fr 55px;align-items:center;gap:20px;margin-top:20px;font-size:12px;display:grid}.bar{background:#302a2d;height:3px}.bar i{background:var(--accent);height:100%;display:block}.reader-actions{margin-top:22px}.reader-actions button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #70404f;font-size:11px}.empty{color:var(--muted);padding:50px 0}@media (width<=700px){header{grid-template-columns:1fr auto}header span{display:none}.admin-hero{padding:65px 0}.admin-hero h1{font-size:21vw}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.create-reader{padding:28px;display:block}.create-reader form{margin-top:35px;display:block}.create-reader button{min-height:48px;margin-top:10px}.created-code{margin-top:30px}.book-progress{grid-template-columns:1fr 45px}.book-progress .bar{grid-area:2/1/auto/-1}.login-panel{padding:28px}.login-panel form{grid-template-columns:1fr;gap:10px}.login-panel button{min-height:48px}}