:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#181817;color:#f3f0e8}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:560px;margin:3vh auto;padding:32px;background:#222221e6;border:1px solid #ffffff20;border-radius:18px;backdrop-filter:blur(16px)}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{color:#b65338}.label{font-size:.8rem;color:#c0b8a8;margin-top:32px}h1{font-size:2.4rem;margin:12px 0}p{line-height:1.6}a{color:#f3f0e8}fieldset{border:1px solid #ffffff26;border-radius:10px;padding:20px;margin:24px 0}label{display:block;margin:16px 0 6px}input{width:100%;padding:12px;background:#181817;border:1px solid #746c60;color:inherit;border-radius:5px;font:inherit}button{padding:12px 16px;border:1px solid #bca78d;border-radius:6px;background:#f3f0e8;color:#181817;font:inherit;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #b65338;outline-offset:4px}[role=status]{padding:12px;border-left:3px solid #b65338;background:#ffffff06}@media(max-width:480px){main{padding:22px}.actions button{width:100%}}

.library-card{margin:24px 0;padding:20px;border:1px solid #ffffff26;border-radius:12px;overflow-wrap:anywhere}.library-card h3{font:28px Georgia;margin-top:0}.library-card details{border-top:1px solid #ffffff26;padding:14px 0}.library-card summary{cursor:pointer;line-height:1.6}.library-card a{display:block;min-height:44px;padding:10px 0}