:root{--background:#f9fafe;--searchBackground:#b8d5f9;--uploadBackground:#c2b9f9;--profileBackground:#ffad99;--tabsBackground:white;--secondaryBackground:#e0e0e0;--progressBackground:#dee2ed;--modalBackground:white;--searchText:#092d5d;--uploadText:#15085e;--profileText:#661400;--tabText:#121417;--searchSelected:#5396ee;--uploadSelected:#6851f0;--profileSelected:#ff6842;--primary:#092d5d;--invertedText:white;--secondary:#787d87;--search:#8c93a3;--input:white;--deleteButton:#9ba8ca;--success:#48b755;--error:#fd4463}@media (prefers-color-scheme:dark){:root{--background:#1f1d2b;--searchBackground:#525298;--uploadBackground:#805da7;--profileBackground:#d95333;--tabsBackground:#212230;--secondaryBackground:#e0e0e0;--progressBackground:#dee2ed;--modalBackground:#212230;--searchText:#fefefe;--uploadText:#fefefe;--profileText:#fefefe;--tabText:#7b7c89;--searchSelected:#525298;--uploadSelected:#9c4ec2;--profileSelected:#ff7128;--primary:#fefefe;--invertedText:white;--secondary:#92949b;--search:#8c93a3;--input:#252836;--deleteButton:#9ba8ca;--success:#22b07d;--error:#d8125d}}.text-secondary{color:var(--secondary)}.text-primary{color:var(--primary)}button,input{all:unset}button:focus{outline:none}body{background-color:var(--background);font-family:sans-serif}#app{flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;overflow:hidden}h1{color:var(--profileText);font-size:24px}a{text-decoration:none}.input{background:#fff;border-radius:10px;padding-left:4px;box-shadow:0 1px 3px #00000040}.book-image{background-color:var(--searchSelected);border-radius:4px;min-height:40px;margin-right:2px;position:relative;overflow:hidden}.book-image>img{width:38px}.book-ext{color:#fff;text-align:center;background-color:#0005;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.circle[data-v-79fc6747]{border-color:var(--searchSelected) transparent var(--searchSelected) var(--searchSelected);border-style:solid;border-width:2px;border-radius:50%;align-self:center;width:32px;height:32px;margin-top:32px;animation:.75s linear infinite rotate-79fc6747}@keyframes rotate-79fc6747{0%{transform:rotate(0)}to{transform:rotate(360deg)}}