*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,sans-serif;font-size:clamp(1rem,.5vw + .9rem,1.125rem);line-height:1.5}img,video,svg,canvas{max-width:100%;height:auto}h1{font-size:clamp(1.5rem,3vw + 1rem,2.25rem)}:focus-visible{outline-offset:2px;outline:3px solid #2563eb}input,select,textarea,button{font:inherit;font-size:16px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.5rem 1rem;text-decoration:none;display:inline-block}.button--secondary{color:#2563eb;background:#fff}.button--danger{background:#dc2626;border-color:#dc2626}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.my-list-screen__actions{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.search-filter-bar{flex-direction:column;gap:.5rem;margin-block-end:1rem;display:flex}.search-filter-bar,.search-filter-bar>*{min-width:0}.search-filter-bar input,.search-filter-bar select{border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem}@media (width>=32rem){.search-filter-bar{flex-direction:row}.search-filter-bar input{flex:1}}.book-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.book-list-item__link{min-width:0;color:inherit;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.15rem;padding:.75rem;text-decoration:none;display:flex}.book-list-item__title{overflow-wrap:break-word;font-weight:600}.book-list-item__author{color:#475569}.book-list-item__status{background:#e2e8f0;border-radius:999px;width:fit-content;padding:.1rem .5rem;font-size:.85rem;display:inline-block}.book-list-item__status--reading{background:#dbeafe}.book-list-item__status--read{background:#dcfce7}.empty-state,.error-state{text-align:center;border:1px dashed #cbd5e1;border-radius:.5rem;padding:1.5rem}.back-link{color:#2563eb;margin-block-end:.5rem;display:inline-block}.add-book-form{flex-direction:column;gap:1rem;max-width:32rem;display:flex}.field-group{flex-direction:column;gap:.25rem;min-width:0;display:flex}.field-group input,.field-group select,.field-group textarea{border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.5rem}.field-error,.form-error{color:#dc2626;min-height:1.1em;margin:0;font-size:.85rem}.toast-region{color:#fff;text-align:center;z-index:100;background:#1e293b;border-radius:.5rem;max-width:min(90vw,24rem);padding:.75rem 1rem;transition:transform .2s;position:fixed;bottom:1rem;left:50%;transform:translate(-50%,150%)}.toast-region--visible{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast-region{transition:none}}.book-detail-screen{flex-direction:column;gap:1rem;display:flex}.progress-control{flex-direction:column;gap:.5rem;max-width:20rem;display:flex}.progress-control__percent{margin:0;font-weight:600}.rating-control{gap:.25rem;display:flex}.rating-control__star{cursor:pointer;color:#ca8a04;background:0 0;border:none;padding:.15rem;font-size:1.75rem;line-height:1}.modal{border:none;border-radius:.5rem;width:100%;max-width:min(90vw,28rem);padding:1.25rem}.modal::backdrop{background:#00000080}.modal h2{margin-top:0;font-size:1.25rem}.modal__body{flex-direction:column;gap:1rem;display:flex}.modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.settings-screen section{border-top:1px solid #e2e8f0;margin-block:1.5rem;padding-block-start:1rem}.import-status{font-weight:600}.import-status--error{color:#dc2626}