*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}.logo[data-v-f63e8592]{cursor:pointer;align-items:center;text-decoration:none;display:flex}.logo-text[data-v-f63e8592]{color:var(--color-text-primary,#1a1a1a);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700}.wrap[data-v-a333fc37]{justify-content:space-between;padding:0 12px;display:flex}.btn-wrap[data-v-a333fc37]{align-items:center;gap:20px;display:flex}.logo-link[data-v-a333fc37]{text-decoration:none}.btn[data-v-a333fc37]{cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;font-size:14px;transition:border-color .2s,color .2s,background .2s}.btn--primary[data-v-a333fc37]{color:#4a90d9;border:1px solid #4a90d9}.btn--primary[data-v-a333fc37]:hover{background:#4a90d90f}.btn--secondary[data-v-a333fc37]{color:#666;border:1px solid #ddd}.btn--secondary[data-v-a333fc37]:hover{color:#4a90d9;background:#4a90d90a;border-color:#4a90d9}.sidebar[data-v-d7ecf5f0]{padding:0 12px}.sidebar__text[data-v-d7ecf5f0]{text-transform:uppercase;letter-spacing:.5px;color:#999;padding:10px 0;font-size:12px;font-weight:600;display:block}.sidebar__genres[data-v-d7ecf5f0]{flex-direction:column;gap:6px;padding-bottom:16px;display:flex}.sidebar__genre[data-v-d7ecf5f0]{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .2s,background .2s;display:block}.sidebar__genre[data-v-d7ecf5f0]:hover{background:#4a90d90a;border-color:#4a90d9}.sidebar__genre--checked[data-v-d7ecf5f0]{color:#4a90d9;background:#4a90d90f;border-color:#4a90d9;font-weight:500}.sidebar__checkbox[data-v-d7ecf5f0]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar__wrap-btn[data-v-d7ecf5f0]{border-bottom:1px solid #ddd;flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.sidebar__search[data-v-d7ecf5f0]{display:flex}.sidebar__input[data-v-d7ecf5f0]{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.sidebar__input[data-v-d7ecf5f0]::placeholder{color:#aaa}.sidebar__input[data-v-d7ecf5f0]:focus{border-color:#4a90d9}.sidebar__input[data-v-d7ecf5f0]::-webkit-search-cancel-button{cursor:pointer}.sidebar__my-book[data-v-d7ecf5f0]{color:#4a90d9;text-align:center;background:0 0;border:1px solid #4a90d9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar__my-book[data-v-d7ecf5f0]:hover{background:#4a90d90f}.sidebar__clear[data-v-d7ecf5f0]{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s,background .2s,color .2s;display:block}.sidebar__clear[data-v-d7ecf5f0]:hover{color:#4a90d9;background:#4a90d90a;border-color:#4a90d9}.app[data-v-9dc69450]{flex-direction:column;height:100vh;padding:0 30px;display:flex}.app__header[data-v-9dc69450]{flex-shrink:0;height:64px;padding:20px 0 0}.app__body[data-v-9dc69450]{flex:1;display:flex;overflow:hidden}.app__sidebar[data-v-9dc69450]{flex-shrink:0;width:240px;overflow-y:auto}.app__main[data-v-9dc69450]{flex:1;padding:24px 32px;overflow-y:auto}