@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600;7..72,700&display=swap";html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-BAQZSB8G.otf)format("opentype");font-weight:700;font-style:normal}@media (width<=600px){.page__content{padding:0 var(--padding-page-mobile)}.page_reader .header{padding-left:var(--padding-page-mobile);padding-right:var(--padding-page-mobile)}}:root{--color-bg:#fbf8f1;--color-surface:#fffdf8;--color-panel:#f3efe7;--color-reading-surface:#fffefa;--color-black:#171717;--color-white:#fff;--color-accent:#b66a50;--color-accent-hover:#944d38;--color-secondary:#496a81;--color-secondary-hover:#355369;--color-muted:#747066;--color-overlay:#1717177a;--color-border:#e8e5de;--color-black-60:#1717179e;--color-black-40:#1717176b;--color-black-30:#17171747;--color-black-20:#17171729;--color-black-10:#1717171a;--color-black-50:#17171780;--color-error:#b23a34;--font-family:"Cabinet Grotesk", "Arial", sans-serif;--font-family-heading:"Literata", "Georgia", serif;--font-family-mono:"DM Mono", "Courier New", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:38px;--line-height-base:20px;--line-height-lg:24px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-round:50%;--shadow-card:0 1px 2px #1717170f, 0 12px 30px #17171714;--shadow-reader:0 20px 70px #17171729;--shadow-modal:0 20px 70px #17171738;--max-width:1360px;--padding-page:40px;--padding-page-mobile:16px;--header-height:80px}.page{background-color:var(--color-bg);color:var(--color-black);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);min-height:100vh}.page__content{max-width:var(--max-width);padding:0 var(--padding-page);margin:0 auto}.page_reader .page__content{max-width:none;padding:0}.page_reader .header{padding-left:var(--padding-page);padding-right:var(--padding-page)}.page_reader .footer{display:none}@media (width<=600px){.page__content{padding:0 var(--padding-page-mobile)}.page_reader .header{padding-left:var(--padding-page-mobile);padding-right:var(--padding-page-mobile)}}.page__session-banner{color:#5c4412;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:#fff4d8;border:1px solid #ead39a;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;padding:10px 16px;display:flex}.page__session-banner-close{color:#5c4412;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.header{min-height:var(--header-height);border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-bg) 92%, white);align-items:center;gap:18px;padding:20px 0 18px;display:flex;position:relative}.header__logo{border-radius:6px;flex-shrink:0;width:36px;height:36px;display:block}.header__date-and-location{color:var(--color-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;padding-top:2px}.header__search-form{align-items:center;gap:8px;margin:0 4px 0 auto;display:flex}.header__search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);width:clamp(210px,22vw,320px);height:38px;color:var(--color-black);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.header__search-input::placeholder{color:var(--color-muted)}.header__search-input:focus{border-color:var(--color-secondary);background:var(--color-white);box-shadow:0 0 0 4px #496a811f}.header__search-btn{border-radius:var(--radius-md);background:var(--color-black);height:38px;color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;border:none;padding:0 18px;transition:background-color .2s,transform .2s}.header__search-btn:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.header__toggler-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);width:38px;height:38px;color:var(--color-black);cursor:pointer;justify-content:center;align-items:center;font-size:20px;transition:border-color .2s,color .2s;display:none;position:absolute;right:0}.header__toggler-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.header__toggler{align-items:center;gap:22px;display:flex}.header__auth-btn{cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:6px 0;transition:background-color .2s,color .2s}.header__register-btn{color:var(--color-white);background-color:var(--color-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);padding:8px 16px}.header__register-btn:hover{background-color:var(--color-secondary-hover)}.header__login-btn{color:var(--color-black)}.header__login-btn:hover{color:var(--color-secondary)}.header__nav-link{color:var(--color-black);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-bottom:2px solid #0000;padding:8px 0;text-decoration:none;transition:color .2s,border-color .2s}.header__nav-link:hover,.header__nav-link.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.header__avatar-menu{position:relative}.header__avatar-trigger{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .15s;display:flex}.header__username{color:var(--color-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;line-height:1}.header__avatar{border-radius:var(--radius-round);border:2px solid var(--color-border);width:38px;height:38px;transition:border-color .2s}.header__avatar.user-avatar__placeholder{width:38px;height:38px;font-size:15px}.header__avatar-trigger:hover{opacity:.82}.header__avatar-trigger:hover .header__avatar{border-color:var(--color-secondary)}.header__avatar-trigger:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px;border-radius:var(--radius-round)}.header__dropdown{z-index:200;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);min-width:168px;box-shadow:var(--shadow-modal);flex-direction:column;animation:.15s dropdown-in;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.header__dropdown-item{width:100%;color:var(--color-black);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;background:0 0;border:none;padding:12px 18px;transition:background-color .15s;display:block}.header__dropdown-item:hover{background-color:var(--color-panel)}.header__dropdown-item_danger{color:var(--color-error)}.header__dropdown-item_danger:hover{background-color:#b23a3412}.header__add-clothes-btn{cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-medium);background:0 0;border:none;margin:0 0 0 auto;padding:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.header{flex-wrap:wrap}.header__search-form{order:2;width:100%;margin:0}.header__search-input{flex:1;width:auto}.header__toggler{margin-left:auto}}@media (width<=600px){.header{gap:8px;padding:10px 0}.header__search-input{font-size:var(--font-size-xs)}.header__toggler_is-active{gap:14px;padding:16px 0}}@media (width<=500px){.header{align-items:center;gap:10px;padding:14px 0 12px}.header__date-and-location{padding:0}.header__toggler-btn{right:unset;z-index:2;margin-left:auto;display:flex;position:static}.header__toggler{display:none}.header__toggler_is-active{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-reading-surface);width:100%;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0}}@media (width<=420px){.header{padding:8px 0}.header__search-btn{font-size:var(--font-size-xs);padding:0 12px}.header__toggler-btn{width:34px;height:34px;font-size:17px}.header__register-btn{padding:6px 12px}}.user-avatar{border-radius:var(--radius-round);object-fit:cover;display:block}.user-avatar__placeholder{border-radius:var(--radius-round);background-color:var(--color-secondary);color:var(--color-white);font-family:var(--font-family);font-weight:var(--font-weight-bold);width:40px;height:40px;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.book-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-reading-surface);flex-direction:column;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1717170a}.book-card:hover{box-shadow:var(--shadow-card);border-color:#496a8152;transform:translateY(-3px)}.book-card__cover{aspect-ratio:2/3;object-fit:cover;background:var(--color-panel);width:100%;display:block}.book-card__cover-placeholder{aspect-ratio:2/3;box-sizing:border-box;background:linear-gradient(145deg, #496a811a, transparent 55%), var(--color-panel);justify-content:center;align-items:center;width:100%;padding:18px;display:flex}.book-card__cover-placeholder-text{color:var(--color-black-60);font-family:var(--font-family-heading);font-size:var(--font-size-base);text-align:center;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.book-card__body{flex-direction:column;flex-grow:1;gap:6px;padding:14px;display:flex}.book-card__title{color:var(--color-black);font-family:var(--font-family-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.32;display:-webkit-box;overflow:hidden}.book-card__authors{color:var(--color-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.book-card__availability{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:fit-content;color:var(--color-black-60);font-family:var(--font-family-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;padding:2px 7px;font-size:10px}.book-card__actions{flex-direction:column;gap:7px;margin-top:auto;padding-top:10px;display:flex}.book-card__btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;min-height:36px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:none;padding:8px 10px;transition:background-color .2s,border-color .2s,color .2s}.book-card__btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.book-card__btn_secondary{color:var(--color-black);border:1px solid var(--color-border);background-color:#0000}.book-card__btn_secondary:hover{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#496a810f}.book-card__btn_primary{background-color:var(--color-accent);color:var(--color-white)}.book-card__btn_primary:hover{background-color:var(--color-accent-hover)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.book-grid__item{min-width:0;display:flex}@media (width>=700px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}}.loading-compact{color:var(--color-muted);font-size:2rem;position:absolute;top:20px;left:16px}.loading-inline{color:var(--color-accent);margin:0 0 34px 20px;padding-top:4px;font-size:2rem}.loading-items-main{color:var(--color-accent);text-align:center;font-size:2rem}.loading__drop{opacity:.6;background-color:currentColor;border-radius:999px;width:4px;height:12px;margin:0 4px;animation:1.1s ease-in-out infinite rain;display:inline-block}.loading__drop:nth-child(2){animation-delay:.15s}.loading__drop:nth-child(3){animation-delay:.3s}@keyframes rain{0%{opacity:.3;transform:translateY(-6px)}60%{opacity:1}to{opacity:.3;transform:translateY(6px)}}.book-section{margin-bottom:48px}.book-section__title{border-bottom:2px solid var(--color-accent);color:var(--color-black);font-family:var(--font-family-heading);letter-spacing:0;margin:0 0 22px;padding-bottom:10px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.18;display:inline-block}.book-section__loading{min-height:220px;color:var(--color-black);justify-content:center;align-items:center;display:flex}.book-section__error{min-height:120px;color:var(--color-error);font-size:var(--font-size-sm);justify-content:center;align-items:center;margin:0;display:flex}.book-section__empty{min-height:120px;color:var(--color-black-60);font-size:var(--font-size-sm);justify-content:center;align-items:center;margin:0;display:flex}.continue-reading{padding:0 var(--padding-page) 0;margin-bottom:36px}.continue-reading__label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin:0 0 14px}.continue-reading__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:28px;padding:28px;display:flex}.continue-reading__cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);width:120px;min-width:120px;box-shadow:0 4px 16px #17171724}.continue-reading__cover-placeholder{aspect-ratio:2/3;background:var(--color-panel);border-radius:var(--radius-md);justify-content:center;align-items:center;width:120px;min-width:120px;padding:12px;display:flex}.continue-reading__placeholder-text{font-size:var(--font-size-sm);color:var(--color-muted);text-align:center;line-height:1.4}.continue-reading__meta{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.continue-reading__title{font-family:var(--font-family-heading);font-size:clamp(22px,3vw,30px);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1.2}.continue-reading__authors{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.continue-reading__description{font-size:var(--font-size-sm);color:var(--color-black-60);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0 0;line-height:1.65;display:-webkit-box;overflow:hidden}.continue-reading__page{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-accent);margin:4px 0 0}.continue-reading__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.continue-reading__btn{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:2px solid #0000;padding:10px 22px;transition:background .15s,color .15s,border-color .15s}.continue-reading__btn_primary{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.continue-reading__btn_primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.continue-reading__btn_secondary{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.continue-reading__btn_secondary:hover{background:var(--color-accent);color:var(--color-white)}@media (width<=600px){.continue-reading{padding-inline:var(--padding-page-mobile)}.continue-reading__card{flex-direction:column;gap:18px;padding:20px}.continue-reading__cover{width:90px;min-width:90px}.continue-reading__title{font-size:var(--font-size-lg)}}.recently-saved{padding:0 var(--padding-page);margin-bottom:36px}.recently-saved__header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.recently-saved__label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin:0}.recently-saved__view-all{font-size:var(--font-size-sm);color:var(--color-muted);text-decoration:none;transition:color .15s}.recently-saved__view-all:hover{color:var(--color-accent)}.recently-saved__list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;margin:0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.recently-saved__list::-webkit-scrollbar{display:none}.recently-saved__item{scroll-snap-align:start;flex:none;width:110px}.recently-saved__btn{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:6px;width:100%;padding:0;display:flex}.recently-saved__cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s}.recently-saved__btn:hover .recently-saved__cover{transform:translateY(-4px);box-shadow:0 8px 24px #17171729}.recently-saved__cover-placeholder{aspect-ratio:2/3;background:var(--color-panel);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex}.recently-saved__placeholder-initial{font-family:var(--font-family-heading);color:var(--color-muted);font-size:30px}.recently-saved__title{font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.recently-saved__author{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}@media (width<=600px){.recently-saved{padding-inline:var(--padding-page-mobile)}}.main{flex-grow:1;padding:36px 0 56px}.main__discovery{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px}.main__guest-hero{padding:56px var(--padding-page) 52px;text-align:center;margin-bottom:16px}.main__guest-heading{font-family:var(--font-family-heading);font-size:clamp(32px,5vw,56px);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0 0 16px;line-height:1.1}.main__guest-sub{font-size:var(--font-size-base);color:var(--color-muted);max-width:520px;margin:0 auto 32px;line-height:1.65}.main__guest-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.main__guest-btn{border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;border:2px solid #0000;padding:12px 28px;transition:background .15s,color .15s,border-color .15s}.main__guest-btn_primary{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.main__guest-btn_primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.main__guest-btn_secondary{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.main__guest-btn_secondary:hover{background:var(--color-accent);color:var(--color-white)}@media (width<=600px){.main__guest-hero{padding-inline:var(--padding-page-mobile)}}.footer{border-top:1px solid var(--color-border);justify-content:space-between;margin-top:40px;padding:48px 2px 24px 0;display:flex}.footer__text{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-muted);margin:0}.modal{background-color:var(--color-overlay);visibility:hidden;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal_opened{visibility:visible}.modal__container{background-color:var(--color-surface);box-sizing:border-box;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:496px;box-shadow:var(--shadow-modal);padding:32px 32px 40px;position:relative}.modal__title{font-family:var(--font-family-heading);color:var(--color-black);margin:0;font-size:22px;font-weight:600;line-height:1.3}.modal__close-btn{opacity:.3;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.7023%203.70711C18.0929%203.31658%2018.0929%202.68342%2017.7023%202.29289C17.3118%201.90237%2016.6787%201.90237%2016.2881%202.29289L9.99805%208.58298L3.70796%202.29289C3.31744%201.90237%202.68427%201.90237%202.29375%202.29289C1.90322%202.68342%201.90322%203.31658%202.29375%203.70711L8.58383%209.99719L2.29289%2016.2881C1.90237%2016.6787%201.90237%2017.3118%202.29289%2017.7023C2.68342%2018.0929%203.31658%2018.0929%203.70711%2017.7023L9.99805%2011.4114L16.289%2017.7023C16.6795%2018.0929%2017.3127%2018.0929%2017.7032%2017.7023C18.0937%2017.3118%2018.0937%2016.6787%2017.7032%2016.2881L11.4123%209.99719L17.7023%203.70711Z'%20fill='black'%20fill-opacity='0.3'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-color:var(--color-white);cursor:pointer;border:none;width:20px;height:20px;padding:0;transition:opacity .2s;position:absolute;top:20px;right:28px}.modal__close-btn:hover{opacity:1}.modal__form{flex-direction:column;display:flex}.modal__label{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-black);margin:24px 0}.modal__label_type_error{color:var(--color-error)}.modal__input{border:none;border-bottom:1.5px solid var(--color-border);box-sizing:border-box;text-overflow:ellipsis;width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-black);background:0 0;margin:8px 0 0;padding:6px 0;transition:border-color .2s;display:block}.modal__input:focus{border-bottom-color:var(--color-accent);outline:none}.modal__input_type_error{border-color:var(--color-error);color:var(--color-error)}.modal__input::placeholder{font-weight:var(--font-weight-regular);font-size:var(--font-size-base);color:var(--color-muted)}.modal__button-container{align-items:center;margin-top:32px;display:flex}.modal__server-error{font-size:var(--font-size-sm);color:var(--color-error);margin:12px 0 0}.modal__submit-btn{box-sizing:border-box;background-color:var(--color-accent);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-white);cursor:pointer;border:none;margin:0;padding:10px 24px;transition:background-color .2s}.modal__submit-btn:hover{background-color:var(--color-accent-hover)}.modal__submit-btn_disabled{background-color:var(--color-black-30);cursor:default;pointer-events:none}.modal__link-text{font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-black-50);margin:0 0 0 12px;display:inline}.modal__link-button{font-weight:var(--font-weight-regular);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-black-50);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.modal__link-button:hover{color:var(--color-black)}@media (width<=830px){.modal{z-index:400;align-items:flex-end}.modal__container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;padding:24px 24px 36px}}.book-preview-modal__container{max-width:760px;padding:32px}.book-preview-modal__layout{gap:28px;margin-top:10px;display:flex}.book-preview-modal__cover-col{flex-shrink:0}.book-preview-modal__cover{border-radius:var(--radius-sm);width:148px;height:auto;display:block;box-shadow:0 14px 34px #17171729}.book-preview-modal__cover-placeholder{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-panel);justify-content:center;align-items:center;width:148px;height:220px;padding:14px;display:flex}.book-preview-modal__cover-placeholder-text{color:var(--color-black);font-family:var(--font-family-heading);font-size:var(--font-size-sm);text-align:center;-webkit-line-clamp:6;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.book-preview-modal__details{flex-direction:column;flex:1;gap:8px;display:flex}.book-preview-modal__title{color:var(--color-black);font-family:var(--font-family-heading);font-size:var(--font-size-xl);margin:0;font-weight:600;line-height:1.25}.book-preview-modal__authors{color:var(--color-black);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.book-preview-modal__categories{color:var(--color-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;margin:0}.book-preview-modal__published{color:var(--color-black-60);font-size:var(--font-size-sm);margin:0}.book-preview-modal__availability{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:fit-content;color:var(--color-black-60);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:3px 8px;display:inline-block}.book-preview-modal__description{color:var(--color-black);font-size:var(--font-size-base);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:4px 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.book-preview-modal__actions{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;display:flex}.book-preview-modal__btn{border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;height:40px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);padding:0 20px;transition:background-color .2s,border-color .2s,color .2s}.book-preview-modal__btn_primary{background:var(--color-accent);color:var(--color-white)}.book-preview-modal__btn_primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.book-preview-modal__btn_secondary{background:var(--color-surface);color:var(--color-accent)}.book-preview-modal__btn_secondary:hover{background:#b66a5014}@media (width<=600px){.book-preview-modal__container{padding:20px}.book-preview-modal__layout{flex-direction:column}.book-preview-modal__cover,.book-preview-modal__cover-placeholder{width:100%;max-width:180px;height:auto}}.note-form{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);flex-direction:column;gap:10px;padding:12px;display:flex}.note-form__row{align-items:flex-end;gap:10px;display:flex}.note-form__label{color:var(--color-black-60);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-direction:column;gap:5px;display:flex}.note-form__label_grow{flex:1}.note-form__input,.note-form__textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-black);font-family:inherit;font-size:var(--font-size-sm);padding:7px 9px;transition:border-color .2s,box-shadow .2s}.note-form__input:focus,.note-form__textarea:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #496a811a}.note-form__input_page{width:64px}.note-form__textarea{resize:vertical;line-height:1.5}.note-form__textarea_error{border-color:var(--color-error)}.note-form__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.note-form__actions{gap:8px;display:flex}.note-form__btn{border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:none;min-height:34px;padding:7px 14px}.note-form__btn:disabled{opacity:.5;cursor:not-allowed}.note-form__btn_primary{background-color:var(--color-secondary);color:var(--color-white)}.note-form__btn_secondary{color:var(--color-black);border:1px solid var(--color-border);background-color:#0000}.note-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);flex-direction:column;gap:8px;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex}.note-card_editing{border-color:var(--color-secondary);box-shadow:0 0 0 3px #496a811a}.note-card__header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note-card__page{color:var(--color-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;font-weight:500}.note-card__title{color:var(--color-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex:1;margin:0;line-height:1.35}.note-card__actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.note-card__btn{border-radius:var(--radius-sm);color:var(--color-black-60);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:2px 6px}.note-card__btn:hover{color:var(--color-secondary)}.note-card__btn_danger:hover{color:var(--color-error)}.note-card__content{color:var(--color-black);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.note-card__toggle{color:var(--color-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.notes-panel{flex-direction:column;gap:12px;height:100%;padding:18px;display:flex;overflow-y:auto}.notes-panel__login-prompt{color:var(--color-black-60);font-size:var(--font-size-sm);text-align:center;margin:0;padding:18px 0;line-height:1.5}.notes-panel__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.notes-panel__empty{color:var(--color-black-60);font-size:var(--font-size-sm);margin:0;line-height:1.5}.notes-panel__sort{gap:6px;display:flex}.notes-panel__sort-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-black-60);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;padding:5px 10px}.notes-panel__sort-btn_active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.notes-panel__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notes-panel__item{min-width:0}.ai-panel{flex-direction:column;gap:12px;padding:18px;display:flex}.ai-panel__login-prompt{color:var(--color-black-60);font-size:var(--font-size-sm);text-align:center;margin:0;padding:18px 0;line-height:1.5}.ai-panel__presets{flex-wrap:wrap;gap:6px;display:flex}.ai-panel__preset-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);color:var(--color-black);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 11px;transition:background-color .15s,border-color .15s,color .15s}.ai-panel__preset-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#496a8114}.ai-panel__ask-form{flex-direction:column;gap:8px;display:flex}.ai-panel__ask-label{color:var(--color-black-60);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-direction:column;gap:5px;display:flex}.ai-panel__ask-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-black);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;padding:8px 9px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.ai-panel__ask-input:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #496a811a}.ai-panel__submit-btn{border-radius:var(--radius-sm);background-color:var(--color-secondary);color:var(--color-white);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:none;align-self:flex-start;padding:8px 16px;transition:background-color .2s}.ai-panel__submit-btn:hover:not(:disabled){background-color:var(--color-secondary-hover)}.ai-panel__submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-panel__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.ai-panel__response{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 1px 2px #1717170a}.ai-panel__response-text{font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.ai-panel__clear-btn{border-radius:var(--radius-sm);color:var(--color-black-60);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-underline-offset:2px;background:0 0;border:none;align-self:flex-end;padding:2px 8px;text-decoration:underline}.ai-panel__clear-btn:hover{color:var(--color-secondary)}.ai-panel__hint{color:var(--color-black-60);font-size:var(--font-size-sm);margin:0;line-height:1.5}.reader{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));background:radial-gradient(circle at top left, #496a811a, transparent 34%), var(--color-bg);flex-direction:column;padding:0;display:flex}.reader>[role=status]{margin:auto;padding:40px 24px}.reader__header{background:var(--color-black);color:var(--color-white);border-bottom:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex}.reader__cover{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:54px;height:78px;box-shadow:0 8px 24px #00000047}.reader__meta{flex-direction:column;gap:5px;min-width:0;display:flex}.reader__title{color:var(--color-white);font-family:var(--font-family-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:28px;font-weight:600;line-height:1.18;display:-webkit-box;overflow:hidden}.reader__authors{color:#ffffffc7;font-size:var(--font-size-sm);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.reader__published{color:#ffffff85;font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin:0}.reader__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.reader__viewer-col{background:linear-gradient(180deg, #ffffff7a, transparent 180px), var(--color-bg);flex-direction:column;flex:1;min-width:0;min-height:0;padding:clamp(18px,4vw,48px);display:flex;overflow:hidden}.reader__viewer{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-reading-surface);width:100%;min-height:clamp(420px,62dvh,760px);box-shadow:var(--shadow-reader);flex:auto;display:block}.reader__viewer-message{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);width:min(100%,520px);color:var(--color-black);font-size:var(--font-size-base);text-align:center;box-shadow:var(--shadow-card);margin:auto;padding:clamp(28px,6vw,48px) clamp(20px,4vw,32px);line-height:1.6}.reader__viewer-message a{color:var(--color-secondary);font-weight:var(--font-weight-bold)}.reader__controls{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffdf8f0;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px;padding:12px;display:flex;box-shadow:0 8px 24px #17171714}.reader__control-group{align-items:center;gap:8px;min-width:0;display:flex}.reader__control-group_jump{margin-left:auto}.reader__control-btn,.reader__panel-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-reading-surface);min-height:36px;color:var(--color-black);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;padding:7px 14px;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s}.reader__control-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#496a810f}.reader__control-btn_saved{border-color:var(--color-secondary);color:var(--color-secondary);cursor:default;background-color:#496a811f}.reader__control-btn_saved:hover{color:var(--color-secondary);background-color:#496a811f}.reader__control-btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.reader__page-indicator{min-width:82px;color:var(--color-black-60);font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-align:center;white-space:nowrap}.reader__progress-indicator{color:var(--color-black-40);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader__go-to-form{align-items:center;gap:6px;min-width:0;display:flex}.reader__go-to-label{color:var(--color-black-60);font-size:var(--font-size-sm);white-space:nowrap}.reader__go-to-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);width:62px;min-height:20px;color:var(--color-black);font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-align:center;padding:6px 8px}.reader__go-to-input:focus{outline:2px solid var(--color-secondary);outline-offset:1px}.reader__panel-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#b66a500f}.reader__panel-toggle_active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.reader__panel-toggle_active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-white)}.reader__panel-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reader__overlay{top:var(--header-height);background:var(--color-surface);border-left:1px solid var(--color-border);z-index:300;will-change:transform;flex-direction:column;width:min(420px,100vw);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #1717171f}.reader__overlay_open{transform:translate(0)}.reader__overlay-header{background:var(--color-panel);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.reader__overlay-title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-black);margin:0;font-weight:500}.reader__overlay-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-black-60);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background-color .15s,color .15s;display:flex}.reader__overlay-close:hover{background-color:var(--color-black-10);color:var(--color-black)}.reader__overlay-close:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.reader__fallback,.reader__error{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);max-width:560px;color:var(--color-black);font-size:var(--font-size-base);text-align:center;box-shadow:var(--shadow-card);margin:64px auto;padding:40px 32px;line-height:1.6}@media (width<=1115px){.reader{min-height:auto}.reader__header{padding:14px 16px}.reader__title{font-size:24px}.reader__body{overflow:visible}.reader__viewer-col{padding:30px;overflow:visible}.reader__viewer{flex:none;height:clamp(460px,68dvh,680px);min-height:0}.reader__control-group_jump{margin-left:0}.reader__control-group_progress{margin-left:auto}}@media (width<=900px){.reader__header{gap:12px;padding:14px 20px}.reader__title{font-size:22px}.reader__body{overflow:visible}.reader__viewer-col{padding:clamp(22px,3vw,24px)}.reader__viewer{min-height:clamp(360px,55dvh,640px)}.reader__overlay{width:min(380px,82vw)}}@media (width<=768px){.reader__header{align-items:flex-start;gap:12px;padding:12px 16px}.reader__cover{width:46px;height:68px}.reader__title{font-size:22px}.reader__authors{-webkit-line-clamp:2}.reader__viewer-col{padding:25px}.reader__viewer{height:clamp(360px,64dvh,560px)}.reader__controls{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.reader__control-group,.reader__go-to-form{width:100%}.reader__control-group_nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.reader__control-group_nav .reader__control-btn:last-child{justify-self:end}.reader__panel-toggles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reader__control-btn,.reader__panel-toggle{width:100%}.reader__overlay{border-left:none;border-top:1px solid var(--color-border);border-radius:12px 12px 0 0;width:100vw;max-height:min(82dvh,720px);inset:auto 0 0;transform:translateY(100%);box-shadow:0 -12px 36px #17171729}.reader__overlay_open{transform:translateY(0)}.reader__overlay-header{padding:12px 16px}}@media (width<=600px){.reader__header{gap:10px;padding:10px 14px}.reader__cover{width:40px;height:58px}.reader__title{font-size:18px}.reader__published{display:none}.reader__viewer-col{padding:20px}.reader__viewer{min-height:clamp(300px,52dvh,520px)}.reader__controls{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:10px;padding:10px}.reader__control-group_nav{justify-content:center}.reader__control-group_jump,.reader__control-group_progress,.reader__panel-toggles{width:100%;margin-left:0}.reader__go-to-form{justify-content:flex-start;width:100%}.reader__control-group_progress .reader__control-btn,.reader__panel-toggles .reader__panel-toggle{flex:1;justify-content:center}.reader__panel-toggles{gap:8px;display:flex}}@media (width<=480px){.reader__header{padding:10px 12px}.reader__title{font-size:20px}.reader__viewer-col{padding:15px}.reader__viewer{height:clamp(300px,58dvh,460px)}.reader__controls{border-radius:var(--radius-sm)}.reader__control-btn,.reader__panel-toggle{padding:7px 10px}.reader__page-indicator{min-width:72px}.reader__control-group_progress{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.reader__header{padding:10px 12px}.reader__control-btn,.reader__panel-toggle{min-height:32px;padding:6px 10px;font-size:12px}}.reader__overlay-body{flex:1;min-height:0;overflow-y:auto}.reader__backdrop{z-index:299;background:#17171747;animation:.2s forwards reader-backdrop-in;position:fixed;inset:0}@keyframes reader-backdrop-in{0%{opacity:0}to{opacity:1}}.reader__fallback,.reader__error{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);width:min(100% - 32px,560px);color:var(--color-black);font-size:var(--font-size-base);text-align:center;box-shadow:var(--shadow-card);margin:clamp(36px,10vh,72px) auto;padding:clamp(28px,6vw,40px) clamp(20px,5vw,32px);line-height:1.6}.reader__error{color:var(--color-error)}.library{max-width:var(--max-width);margin:0 auto;padding:40px 0 80px}.library__heading{color:var(--color-black);font-family:var(--font-family-heading);margin:0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.16}.library__toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px;padding-bottom:18px;display:flex}.library__heading-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.library__stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;min-width:110px;padding:12px 20px;display:flex}.library__stat-value{font-family:var(--font-family-heading);color:var(--color-accent);margin:0;font-size:26px;font-weight:700;line-height:1}.library__stat-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.library__sort-label{color:var(--color-black-60);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:8px;display:flex}.library__sort-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-reading-surface);color:var(--color-black);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color .2s,box-shadow .2s}.library__sort-select:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #496a811a}.library__empty,.library__error{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);font-size:var(--font-size-base);text-align:center;margin:40px 0 0;padding:40px 24px;line-height:1.6}.library__empty{color:var(--color-black-60)}.library__error{color:var(--color-error)}@media (width<=600px){.library{padding:24px 0 48px}}.search-results{flex-grow:1;padding:36px 0 56px}.search-results__heading{border-bottom:1px solid var(--color-border);color:var(--color-black);font-family:var(--font-family-heading);margin:0 0 28px;padding-bottom:16px;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.16}.search-results__message{color:var(--color-black);font-size:var(--font-size-base);margin:40px 0 0}.search-results__message_error{color:var(--color-error)}.search-results__load-more{justify-content:center;padding:36px 0 0;display:flex}.search-results__load-more-btn{border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border:none;padding:12px 32px;transition:background-color .2s,transform .2s}.search-results__load-more-btn:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px)}.search-results__load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.search-results{padding:24px 0 40px}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:40px 24px;display:flex}.not-found__code{font-size:96px;font-weight:var(--font-weight-bold);color:var(--color-black);margin:0;line-height:1}.not-found__message{font-size:var(--font-size-lg);color:var(--color-black-60);margin:0}.not-found__home-link{background-color:var(--color-black);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:8px;padding:12px 28px;text-decoration:none;transition:opacity .15s;display:inline-block}.not-found__home-link:hover{opacity:.8}.all-notes{flex-grow:1;padding:36px 0 56px}.all-notes__header-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:16px;display:flex}.all-notes__heading{color:var(--color-black);font-family:var(--font-family-heading);margin:0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.16}.all-notes__stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;min-width:110px;padding:12px 20px;display:flex}.all-notes__stat-value{font-family:var(--font-family-heading);color:var(--color-accent);margin:0;font-size:26px;font-weight:700;line-height:1}.all-notes__stat-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.all-notes__empty,.all-notes__error{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);font-size:var(--font-size-base);text-align:center;margin:40px 0 0;padding:40px 24px;line-height:1.6}.all-notes__empty{color:var(--color-black-60)}.all-notes__error{color:var(--color-error)}.all-notes__book-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.all-notes__book-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-reading-surface);overflow:hidden}.all-notes__book-header{background:var(--color-panel);cursor:pointer;width:100%;font-family:var(--font-family);text-align:left;border:none;align-items:center;gap:12px;padding:15px 16px;transition:background-color .2s;display:flex}.all-notes__book-header:hover{background:#ece7dc}.all-notes__book-title{color:var(--color-black);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex:1}.all-notes__book-count{color:var(--color-black-60);font-size:var(--font-size-sm)}.all-notes__chevron{color:var(--color-black-60);font-size:1.1rem;transition:transform .15s}.all-notes__chevron_open{transform:rotate(0)}.all-notes__chevron:not(.all-notes__chevron_open){transform:rotate(-90deg)}.all-notes__note-list{margin:0;padding:0;list-style:none}.all-notes__note{border-top:1px solid var(--color-border);padding:15px 16px}.all-notes__note-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.all-notes__note-page{color:var(--color-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:500}.all-notes__note-title{color:var(--color-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.all-notes__note-date{color:var(--color-black-40);font-size:var(--font-size-sm);margin-left:auto}.all-notes__note-content{color:var(--color-black);font-size:var(--font-size-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;line-height:1.55;display:-webkit-box;overflow:hidden}.all-notes__note-link{color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-underline-offset:2px;text-decoration:underline}.all-notes__note-link:hover{color:var(--color-secondary-hover)}@media (width<=600px){.all-notes{padding:24px 0 40px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{border-radius:var(--radius-md);min-width:220px;max-width:360px;font-size:var(--font-size-sm);font-family:var(--font-family);pointer-events:all;align-items:center;gap:10px;padding:12px 16px;animation:.2s toast-slide-in;display:flex;box-shadow:0 16px 44px #17171738}.toast_success{background:var(--color-secondary);color:#fff}.toast_error{background:var(--color-error);color:#fff}.toast_info{background:var(--color-black);color:var(--color-white)}.toast__message{flex:1;line-height:1.4}.toast__close{color:inherit;cursor:pointer;opacity:.75;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1.1rem;line-height:1}.toast__close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.error-boundary__title{color:var(--color-black,#000);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.error-boundary__message{color:var(--color-black-60,#0009);max-width:480px;margin-bottom:1.5rem;font-size:1rem}.error-boundary__button{background-color:var(--color-black,#000);color:var(--color-white,#fff);cursor:pointer;border:none;border-radius:4px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600}.error-boundary__button:hover{opacity:.85}