:root{--bg-main: #0a090e;--bg-surface: #121118;--bg-surface-elevated: #1c1a24;--border-subtle: #262433;--purple-primary: #9d4edd;--purple-glow: #7b2cbf;--purple-muted: #3c165a;--text-primary: #e2e0e7;--text-secondary: #938f9f;--success-bg: #0b2f1d;--success-fg: #39e393;--error-bg: #3a1015;--error-fg: #ff5a60;--warning-bg: #341f05;--warning-fg: #ffb74d;--info-bg: #16223f;--info-fg: #5294ff;--radius: 12px;--radius-sm: 8px;--gap: clamp(12px, 2vw, 20px);--shadow-glow: 0 0 0 1px var(--purple-muted), 0 8px 30px -12px var(--purple-glow);color-scheme:dark}[data-status=read],[data-status=rereading]{--chip-bg: var(--success-bg);--chip-fg: var(--success-fg)}[data-status=reading]{--chip-bg: var(--purple-muted);--chip-fg: var(--text-primary)}[data-status=abandoned]{--chip-bg: var(--error-bg);--chip-fg: var(--error-fg)}[data-status=paused]{--chip-bg: var(--warning-bg);--chip-fg: var(--warning-fg)}[data-status=want_to_read],[data-status=want_to_reread],[data-status=not_acquired],[data-status=unread]{--chip-bg: var(--bg-surface-elevated);--chip-fg: var(--text-secondary)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(15px,1.4vw,16px);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--purple-primary);text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3{line-height:1.2;margin:0}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple-primary);box-shadow:0 0 0 2px var(--purple-muted)}.app{min-height:100dvh}.app__main{width:min(1600px,100%);margin:0 auto;padding:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--gap);padding:12px var(--gap);background:color-mix(in srgb,var(--bg-main) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.topbar__brand{font-weight:800;letter-spacing:.3px;background:linear-gradient(90deg,var(--purple-primary),var(--info-fg));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__nav{display:flex;gap:6px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__nav a{white-space:nowrap}@media(max-width:560px){.topbar{gap:8px;padding:10px 12px}.topbar__brand{font-size:.9rem}}.topbar__nav a{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-secondary)}.topbar__nav a.active{color:var(--text-primary);background:var(--bg-surface-elevated)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-primary);transition:border-color .15s,box-shadow .15s,transform .05s}.btn:hover{border-color:var(--purple-glow)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--purple-primary);border-color:var(--purple-primary);color:#fff;font-weight:600}.btn--primary:hover{box-shadow:var(--shadow-glow)}.btn--ghost{background:transparent}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.8em;font-weight:600;background:var(--chip-bg, var(--bg-surface-elevated));color:var(--chip-fg, var(--text-secondary))}.muted{color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--gap);background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--purple-glow) 22%,transparent),transparent),var(--bg-main)}.login__card{width:min(420px,100%);padding:clamp(24px,5vw,40px);text-align:center;box-shadow:var(--shadow-glow)}.login__brand{font-size:clamp(28px,6vw,40px);letter-spacing:2px;background:linear-gradient(90deg,var(--purple-primary),var(--info-fg));-webkit-background-clip:text;background-clip:text;color:transparent}.login__form{margin-top:24px;display:grid;gap:10px;text-align:left}.login__form input{width:100%;padding:12px}.login__error{color:var(--error-fg);font-size:.85rem}.login__divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--text-secondary);font-size:.8rem}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.login__providers{display:grid;gap:12px}.login__btn{justify-content:center;width:100%;padding:12px}.login__hint{font-size:.85em;line-height:1.6}.login__hint code{color:var(--purple-primary)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.drawer__panel{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--bg-surface);border-left:1px solid var(--border-subtle);padding:var(--gap);animation:slideIn .18s ease}@keyframes slideIn{0%{transform:translate(20px);opacity:.6}}.drawer__head{display:flex;justify-content:flex-end}.drawer__close{padding:6px 10px}.drawer__hero{display:flex;gap:16px;margin-bottom:16px}.drawer__cover,.drawer__nocover{width:120px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);object-fit:cover;flex:none;box-shadow:var(--shadow-glow)}.drawer__nocover{display:grid;place-items:center;font-size:2.5rem;font-weight:800;color:var(--purple-muted);background:var(--bg-surface-elevated)}.drawer__coverwrap{display:flex;flex-direction:column;gap:8px;flex:none}.drawer__coveractions{display:flex;flex-direction:column;gap:4px}.drawer__covbtn{padding:4px 8px;font-size:.75rem;justify-content:center}.drawer__heroinfo h2{font-size:1.3rem}.editions__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.editions__head h3{margin-bottom:0}.edition-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.edition-form button{grid-column:1 / -1}.edition-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.edition-item__main{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.drawer__meta{font-size:.85rem;margin:4px 0}.drawer__statusrow{display:flex;align-items:center;gap:10px;margin-top:8px}.drawer__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.drawer__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-height:8.5em;overflow-y:auto}.drawer__section{margin-top:22px;border-top:1px solid var(--border-subtle);padding-top:16px}.drawer__section h3{font-size:1rem;margin-bottom:10px}.session-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.session-form__comment{grid-column:1 / -1}.session-list,.cycle-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.session-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:.85rem;padding:8px 10px;background:var(--bg-surface-elevated);border-radius:var(--radius-sm)}.session-item__del{background:none;border:none;color:var(--text-secondary)}.session-item__del:hover{color:var(--error-fg)}.cycle-item{display:flex;align-items:center;gap:10px;font-size:.85rem}.drawer__addtolist{display:flex;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.note-form{display:grid;gap:8px;margin-bottom:12px}.note-form__row{display:flex;align-items:center;gap:10px}.note-form__page{width:90px}.note-form__hint{font-size:.75rem}.note-form textarea{resize:vertical;min-height:60px}.study-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.study-item{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px}.study-item__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.study-item__head .chip{border:none;cursor:pointer}.study-item__del{background:none;border:none;color:var(--text-secondary)}.study-item__del:hover{color:var(--error-fg)}.markdown{font-size:.9rem;line-height:1.6;color:var(--text-primary);word-break:break-word}.markdown :first-child{margin-top:0}.markdown :last-child{margin-bottom:0}.markdown p{margin:.5em 0}.markdown code{background:var(--bg-main);padding:1px 5px;border-radius:4px;font-size:.85em}.markdown pre{background:var(--bg-main);padding:10px;border-radius:var(--radius-sm);overflow-x:auto}.markdown a{color:var(--purple-primary)}.markdown blockquote{margin:.5em 0;padding-left:12px;border-left:3px solid var(--purple-muted);color:var(--text-secondary)}.markdown ul,.markdown ol{padding-left:1.4em;margin:.5em 0}.drawer__delete{margin-top:24px;width:100%;justify-content:center;color:var(--error-fg);border-color:var(--error-bg)}.drawer__delete:hover{border-color:var(--error-fg)}@media(max-width:600px){.drawer{align-items:flex-end}.drawer__panel{width:100%;height:92dvh;border-left:none;border-top:1px solid var(--border-subtle);border-radius:16px 16px 0 0;animation:sheetUp .2s ease}@keyframes sheetUp{0%{transform:translateY(24px);opacity:.6}}.session-form{grid-template-columns:1fr}}.library{container-type:inline-size}.library__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:var(--gap)}.library__search{flex:1 1 220px}.library__count{margin-left:auto;font-size:.85em}.library__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@container (max-width: 540px){.library__grid{grid-template-columns:1fr}}@container (min-width: 1400px){.library__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.library__empty{padding:40px;text-align:center;display:grid;gap:16px;place-items:center}.bookcard{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;color:inherit;transition:border-color .15s,transform .1s,box-shadow .15s}.bookcard:hover{border-color:var(--purple-glow);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.bookcard__cover{position:relative;aspect-ratio:2 / 3;background:var(--bg-surface-elevated)}.bookcard__cover img{width:100%;height:100%;object-fit:cover;display:block}.bookcard__nocover{width:100%;height:100%;display:grid;place-items:center;font-size:3rem;font-weight:800;color:var(--purple-muted)}.bookcard__reread{position:absolute;top:8px;right:8px;background:var(--purple-primary);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px}.bookcard__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.bookcard__title{font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookcard__authors{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookcard__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.bookcard__meta{font-size:.75rem}.bookcard__progress{height:4px;border-radius:999px;background:var(--bg-surface-elevated);overflow:hidden}.bookcard__progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-glow),var(--purple-primary))}@container (max-width: 540px){.bookcard{flex-direction:row}.bookcard__cover{width:84px;flex:none;aspect-ratio:2 / 3}.bookcard__body{flex:1}}.importdlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--gap)}.importdlg__panel{width:min(560px,100%);max-height:90dvh;overflow-y:auto;padding:var(--gap);box-shadow:var(--shadow-glow)}.importdlg__head{display:flex;gap:14px;align-items:flex-start}.importdlg__cover{width:64px;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-sm);flex:none}.importdlg__head h2{font-size:1.1rem}.importdlg__close{margin-left:auto;padding:4px 8px}.importdlg__hint{margin:16px 0 8px;font-size:.85rem}.importdlg__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;padding:8px 10px;background:var(--bg-surface-elevated);border-radius:var(--radius-sm)}.toggle--input input{flex:1;min-width:0}.importdlg__genres{display:flex;flex-wrap:wrap;gap:6px}.genre-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}.genre-pill--on{background:var(--purple-muted);border-color:var(--purple-primary);color:var(--text-primary)}.importdlg__save{margin-top:20px;width:100%;justify-content:center}@media(max-width:600px){.importdlg__fields{grid-template-columns:1fr}}.search__bar{display:flex;gap:10px;margin-bottom:var(--gap)}.search__input{flex:1}.search__count{font-size:.85em;margin-bottom:10px}.search__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.search-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.search-row:hover{border-color:var(--purple-glow)}.search-row__cover,.search-row__nocover{width:40px;height:60px;object-fit:cover;border-radius:4px;flex:none}.search-row__nocover{display:grid;place-items:center;background:var(--bg-surface-elevated);color:var(--purple-muted);font-weight:800}.search-row__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.search-row__info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row__info span{font-size:.8rem}.lists{display:grid;grid-template-columns:260px 1fr;gap:var(--gap);align-items:start}.lists__side{position:sticky;top:76px;display:flex;flex-direction:column;gap:10px}.lists__new{display:flex;gap:6px}.lists__new input{flex:1;min-width:0}.lists__menu{list-style:none;margin:0;padding:0;display:grid;gap:4px}.lists__menuitem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer}.lists__menuitem--active{border-color:var(--purple-primary);background:var(--bg-surface-elevated)}.lists__menuname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lists__detailhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lists__detailhead h1{font-size:clamp(1.3rem,4vw,1.8rem)}.lists__stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--gap)}.lists__items{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lists__item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.lists__cover,.lists__nocover{width:36px;height:54px;object-fit:cover;border-radius:4px;flex:none}.lists__nocover{display:grid;place-items:center;background:var(--bg-surface-elevated);color:var(--purple-muted);font-weight:800}.lists__iteminfo{flex:1;display:flex;flex-direction:column;min-width:0}.lists__iteminfo strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.lists{grid-template-columns:1fr}.lists__side{position:static}}.taxonomy__tabs{display:flex;gap:6px;margin-bottom:var(--gap)}.taxonomy__tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary)}.taxonomy__tab--active{border-color:var(--purple-primary);background:var(--bg-surface-elevated);color:var(--text-primary)}.taxonomy__chips{display:flex;flex-wrap:wrap;gap:8px}.taxonomy__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary)}.taxonomy__chip--active{border-color:var(--purple-primary);box-shadow:var(--shadow-glow)}.taxonomy__count{font-size:.75rem;font-weight:700;color:#fff;background:var(--purple-muted);padding:1px 8px;border-radius:999px}.taxonomy__heading{margin:var(--gap) 0 12px}.taxonomy__books{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.taxonomy__book{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.85rem}.taxonomy__book img,.taxonomy__nocover{width:32px;height:48px;object-fit:cover;border-radius:4px;flex:none}.taxonomy__nocover{display:grid;place-items:center;background:var(--bg-surface-elevated);color:var(--purple-muted);font-weight:800}.timeline__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--gap)}.timeline__head h1{font-size:clamp(1.4rem,4vw,2rem)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap);margin-bottom:var(--gap)}.stat{padding:16px;display:flex;flex-direction:column;gap:4px}.stat__value{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--purple-primary)}.stat__label{font-size:.8rem}.timeline__chart{padding:16px;margin-bottom:var(--gap)}.timeline__chart h3{margin-bottom:12px;font-size:1rem}.timeline__canvas{height:clamp(220px,38vh,360px)}.podiums{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}.podium{padding:16px}.podium h3{font-size:1rem;margin-bottom:12px}.podium__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.podium__list li{display:flex;align-items:center;gap:10px}.podium__rank{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:999px;background:var(--purple-muted);color:var(--text-primary);font-weight:700;font-size:.8rem}.podium__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config{max-width:640px}.config h1{margin-bottom:var(--gap);font-size:clamp(1.4rem,4vw,2rem)}.config__card{padding:18px;margin-bottom:var(--gap);display:grid;gap:10px}.config__card h3{font-size:1rem}.config__stat{font-size:1.1rem}.config__row{display:flex;align-items:center;gap:12px}.config__card .btn{justify-self:start}