:root{--color-bg:#37374c;--color-text:#eff2fb;--color-muted:#a9a9bd;--color-hover:#3f3f54;--color-border:#cba6f7;--font-sans:"Noto Sans", sans-serif;--radius:9px;--space-1:1rem;--space-2:1.5rem;--space-3:2.5rem}*,:before,:after{box-sizing:border-box}*{margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}ul,ol{list-style:none}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);flex-direction:column;margin:0;line-height:1.5;display:flex}header{z-index:999999;background-color:var(--color-bg);align-items:center;width:100%;height:5rem;display:flex;position:fixed;top:0;left:0}nav{font-family:var(--font-serif);font-size:var(--space-3);padding-left:var(--space-3);color:var(--color-text);flex-direction:row;font-weight:700;display:flex}nav a:focus-visible{outline:3px solid var(--color-text);outline-offset:-2px;border-radius:4px}.app{min-width:18.75rem;max-width:40rem;padding:calc(var(--space-3) * 2) var(--space-1);flex:1 0 auto;margin:0 auto}.form-title{font-family:var(--font-serif);margin-top:calc(var(--space-3) * 2);font-size:1.8rem;font-weight:500}.form{margin-top:3.4rem}.search-box{border:3px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);transition:border-color .15s;display:flex;overflow:hidden}.search-box:focus-within{border-color:var(--color-text)}.form-input{font-family:var(--font-sans);min-width:0;padding:var(--space-1);color:var(--color-text);background:0 0;border:none;flex:1;font-size:1rem}.form-input::placeholder{white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted)}.form-input:focus{outline:none}.form-input::-webkit-search-cancel-button{display:none}.search-btn{font-family:var(--font-sans);padding:0 var(--space-3);cursor:pointer;color:var(--color-bg);background:var(--color-border);border:none;font-size:.9rem;font-weight:600;transition:background-color .15s}.search-btn:hover{background-color:var(--color-text)}.search-btn:focus-visible{outline:2px solid var(--color-bg);outline-offset:-4px;border-radius:calc(var(--radius) - 3px)}.results-container{margin-top:var(--space-3)}.results-msg,.no-results-msg{font-family:var(--font-sans);margin-bottom:var(--space-3)}.book-card{margin-bottom:var(--space-1);padding:var(--space-3) var(--space-1);border:3px solid var(--color-border);border-radius:var(--radius);overflow-wrap:anywhere}.book-card[data-key]{cursor:pointer;transition:border-color .15s,background-color .15s}.book-card[data-key]:hover{background-color:var(--color-hover)}.book-card[data-key]:focus-visible{border-color:var(--color-text);outline:none}.book-info{flex-direction:column;gap:.25rem;display:flex}.book-title{font-family:var(--font-sans);margin:0;font-size:1.2rem;font-weight:500}.book-authors{color:var(--color-muted);margin:0;font-size:.9rem}.book-description{margin:var(--space-1) 0 0;cursor:text}.no-results{padding:var(--space-3) 0;text-align:center;color:var(--color-muted)}footer{width:100%;padding:var(--space-3) var(--space-2);background-color:var(--color-bg);margin-top:6rem}footer .footer-container{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;max-width:120rem;margin:0 auto;display:flex}footer .footer-social-links ul{justify-content:center;align-items:center;gap:var(--space-1);margin:0;padding:0;display:flex}footer .footer-social-links li{display:flex}footer .footer-social-links a{opacity:.8;color:var(--color-text);justify-content:center;align-items:center;font-size:1.5rem;transition:transform .25s,opacity .25s;display:inline-flex}footer .footer-social-links a:hover{opacity:1;transform:scale(1.15)}footer .footer-social-links .fa-brands{color:var(--color-text)}footer .copyright{text-align:center;opacity:.7;color:var(--color-text);margin:0;font-size:1rem;font-weight:300}@media (width<=480px){.app{padding:var(--space-3) var(--space-1)}.form-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.search-box,.search-btn,.book-card[data-key]{transition:none}}