:root{--bg:#f5f1e8;--surface:#fffdf8;--surface-2:#f0eadc;--text:#1e2832;--muted:#6e7882;--accent:#183b56;--accent-2:#2d617f;--border:#dcd4c5;--danger:#9a3131;--shadow:0 18px 50px #183b5614}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #fffc, transparent 42%), var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.container{width:min(1120px,100% - 32px);margin:0 auto}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f1e8d9;border-bottom:1px solid #dcd4c5b3;padding:22px 0}.nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:800;display:flex}.logo{color:#fff;background:var(--accent);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.muted{color:var(--muted)}.hero{padding:70px 0 34px}.hero h1{letter-spacing:-.055em;max-width:850px;margin:0 0 16px;font-size:clamp(38px,6vw,68px);line-height:.98}.hero p{max-width:720px;color:var(--muted);font-size:20px;line-height:1.55}.grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.col-7{grid-column:span 7}.col-5{grid-column:span 5}@media (max-width:800px){.col-7,.col-5{grid-column:1/-1}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:24px}.card h2{margin:0 0 6px;font-size:23px}.card h3{margin:0 0 6px;font-size:18px}.field{gap:7px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.input{border:1px solid var(--border);background:#fffefa;border-radius:12px;outline:none;width:100%;padding:12px 13px}.input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #2d617f1f}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:750}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.ghost{border:1px solid var(--border);background:0 0}.btn.danger{color:#fff;background:var(--danger)}.notice{color:var(--accent);background:#edf4f8;border-radius:14px;margin-bottom:14px;padding:12px 14px}.error{color:var(--danger);background:#fbedeb;border-radius:14px;margin-bottom:14px;padding:12px 14px}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin-bottom:10px;font-size:12px;font-weight:800}.stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;display:flex}.stat:last-child{border-bottom:0}.badge{background:var(--surface-2);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.page{padding:38px 0 80px}.section{margin-top:28px}.library-card{transition:transform .18s,box-shadow .18s;display:block}.library-card:hover{transform:translateY(-2px);box-shadow:0 20px 55px #183b561f}.book-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.book-row:first-child{border-top:0}.qr-wrap{border:1px solid var(--border);background:#fff;border-radius:20px;place-items:center;gap:18px;padding:24px;display:grid}.qr-caption{text-align:center}.footer{color:var(--muted);padding:34px 0 60px;font-size:13px}.small{font-size:13px}.title-link{color:var(--accent);font-weight:800}.empty{color:var(--muted);text-align:center;padding:32px 0}