:root{color-scheme:light dark;font-family:system-ui,Pretendard,sans-serif}body{margin:0}.shell{max-width:40rem;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:baseline}.login form{display:grid;gap:.75rem;max-width:20rem;margin:4rem auto}.login label{display:grid;gap:.25rem}.library{list-style:none;padding:0;display:grid;gap:.5rem}.library a{display:block;padding:.75rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:6px;text-decoration:none;color:inherit}.library a[data-locked=true]{opacity:.6;border-style:dashed}.promo{display:grid;gap:.5rem;max-width:20rem;margin:1rem 0}.promo label{display:grid;gap:.25rem}.badge{font-size:.75rem;border:1px solid currentColor;border-radius:3px;padding:0 .3rem;margin-left:.5rem}.error{color:#c0392b}.muted{opacity:.65}.link{background:none;border:none;text-decoration:underline;padding:0}input{padding:.4rem}button{cursor:pointer;padding:.4rem}.catalog{list-style:none;padding:0;display:grid;gap:.75rem}.catalog a{display:block;padding:.75rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;text-decoration:none;color:inherit}.catalog p{margin:.25rem 0 0}.meta{font-size:.85rem;opacity:.7}.rating button{margin-right:.25rem}.rating button[data-active=true]{font-weight:700;text-decoration:underline}.comments{list-style:none;padding:0;display:grid;gap:.5rem}.comments li{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);padding-bottom:.5rem}.comments p{margin:.25rem 0 0}.inline{display:flex;align-items:center;gap:.35rem}textarea{width:100%;font:inherit;padding:.4rem}h2{font-size:1rem;margin-top:1.5rem}.social{display:block;text-align:center;padding:.5rem;border:1px solid currentColor;border-radius:6px;text-decoration:none;color:inherit}.center{text-align:center;margin:0}