*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--black: #111111;--gray-light: #f5f5f5;--gray-mid: #e0e0e0;--gray-text: #888888;--border: 1px solid #111111;--border-thin: 1px solid #e0e0e0;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--radius: 2px;--transition: .18s ease}html,body{height:100%;background:var(--white);color:var(--black);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}.library{min-height:100vh;background:var(--white)}.library__header{border-bottom:var(--border);padding:48px 64px 36px}.library__header-inner{display:flex;align-items:baseline;gap:24px}.library__title{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:400;letter-spacing:-.5px;color:var(--black)}.library__count{font-size:13px;color:var(--gray-text);letter-spacing:.02em;font-weight:400;padding-top:4px}.library__count span{color:var(--black);font-weight:500}.library__main{padding:56px 64px 80px}.library__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:var(--border)}@media (max-width: 1100px){.library__grid{grid-template-columns:repeat(3,1fr)}.library__header{padding:40px 40px 28px}.library__main{padding:40px 40px 60px}}@media (max-width: 720px){.library__grid{grid-template-columns:repeat(2,1fr)}.library__header{padding:28px 24px 20px}.library__main{padding:28px 24px 48px}}@media (max-width: 480px){.library__grid{grid-template-columns:1fr}}.book-card{background:var(--white);cursor:pointer;outline:none;transition:background var(--transition);display:flex;flex-direction:column;border-right:var(--border);border-bottom:var(--border)}.book-card:hover{background:var(--gray-light)}.book-card:focus-visible{box-shadow:inset 0 0 0 2px var(--black)}.book-card--placeholder{opacity:.45}.book-card--placeholder:hover{background:var(--white);opacity:.55}.book-card__cover{aspect-ratio:3 / 2;border-bottom:var(--border-thin);display:flex;align-items:center;justify-content:center;background:var(--gray-light);transition:background var(--transition)}.book-card:hover .book-card__cover{background:#eee}.book-card--placeholder .book-card__cover{background:var(--gray-light)}.book-card__cover-inner{display:flex;align-items:center;justify-content:center}.book-card__cover-icon{font-size:28px;-webkit-user-select:none;user-select:none}.book-card__cover-icon--dim{font-size:22px;color:var(--gray-mid);font-style:normal}.book-card__info{padding:18px 20px 22px;display:flex;flex-direction:column;gap:5px;flex:1}.book-card__type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-text);font-weight:500}.book-card__title{font-family:var(--font-display);font-size:17px;font-weight:400;color:var(--black);line-height:1.3;letter-spacing:-.01em}.book-card__duration{font-size:12px;color:var(--gray-text);margin-top:4px}.reader{min-height:100vh;background:var(--white);padding:0 0 100px}.reader__nav{padding:32px 64px;border-bottom:var(--border-thin)}.reader__back{font-size:13px;color:var(--gray-text);font-weight:400;letter-spacing:.02em;transition:color var(--transition);font-family:var(--font-body)}.reader__back:hover{color:var(--black)}.reader__header{padding:56px 64px 48px;border-bottom:var(--border-thin);max-width:680px}.reader__type{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-text);font-weight:500;margin-bottom:12px}.reader__title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:400;color:var(--black);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.reader__duration{font-size:13px;color:var(--gray-text)}.reader__content{padding:52px 64px;max-width:680px}.reader__text p{font-size:17px;line-height:1.85;color:#222;font-weight:300;margin-bottom:28px}.reader__text p:last-child{margin-bottom:0}.reader__placeholder{color:var(--gray-text);font-size:15px;line-height:1.7}.reader__placeholder p{margin-bottom:8px}.reader--not-found{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:64px}@media (max-width: 720px){.reader__nav{padding:24px}.reader__header{padding:36px 24px 28px}.reader__content{padding:36px 24px}}.reader__layout{display:grid;grid-template-columns:1fr 280px;gap:0;min-height:calc(100vh - 73px);border-top:var(--border-thin)}.reader__left{padding:48px 56px 80px;border-right:var(--border)}.reader__summary{border:var(--border-thin);padding:20px 24px;margin-bottom:40px;background:var(--gray-light)}.reader__summary-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-text);font-weight:500;margin-bottom:8px}.reader__summary-text{font-size:14px;line-height:1.7;color:#444;font-weight:300}.reader__text-area{cursor:text;-webkit-user-select:text;user-select:text}.reader__paragraph{font-size:17px;line-height:1.9;color:#222;font-weight:300;margin-bottom:28px}.reader__paragraph:last-child{margin-bottom:0}.reader__panel{padding:32px 24px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:fit-content}.reader__divider{height:1px;background:var(--gray-mid);margin:4px 0}.reader__panel-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-text);font-weight:500;margin-bottom:8px}.reader__btn{width:100%;padding:12px 16px;border:var(--border);background:var(--white);font-size:13px;font-family:var(--font-body);font-weight:400;color:var(--black);text-align:left;transition:background var(--transition);cursor:pointer}.reader__btn:hover:not(:disabled){background:var(--gray-light)}.reader__btn:disabled{opacity:.35;cursor:default}.reader__btn--read{font-size:14px;font-weight:500}.reader__btn--active{background:var(--black);color:var(--white)}.reader__btn--active:hover{background:#333}.reader__actions{display:flex;flex-direction:column;gap:8px}.reader__word-section{display:flex;flex-direction:column}.reader__word-input{border:var(--border);padding:10px 12px;font-size:14px;font-family:var(--font-body);font-weight:400;color:var(--black);background:var(--white);outline:none;width:100%;transition:background var(--transition)}.reader__word-input:focus{background:var(--gray-light)}.reader__word-input::placeholder{color:var(--gray-text);font-size:12px}.reader__result{border:var(--border-thin);padding:16px;background:var(--gray-light)}.reader__result-text{font-size:13px;line-height:1.8;color:#333;white-space:pre-line}@media (max-width: 800px){.reader__layout{grid-template-columns:1fr}.reader__left{padding:32px 24px 48px;border-right:none;border-bottom:var(--border)}.reader__panel{padding:24px;position:static}}.reader__sentence{transition:background .2s ease;border-radius:2px;padding:1px 0}.reader__sentence--active{background:#fff3cd;padding:1px 4px}.reader__tts{display:flex;flex-direction:column;gap:8px}.reader__tts-buttons{display:flex;gap:8px}.reader__btn--tts{flex:1;text-align:center}.reader__btn--stop{width:44px;text-align:center;padding:12px 0;border:var(--border);background:var(--white);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.reader__btn--stop:hover:not(:disabled){background:var(--gray-light)}.reader__btn--stop:disabled{opacity:.3;cursor:default}.reader__btn--save{border-color:var(--black)!important;font-weight:500!important}.reader__nav{display:flex;align-items:center;justify-content:space-between}.reader__mywords-btn{font-size:13px;color:var(--gray-text);font-weight:400;font-family:var(--font-body);cursor:pointer;border:var(--border-thin);padding:6px 14px;background:var(--white);transition:all var(--transition);display:flex;align-items:center;gap:6px}.reader__mywords-btn:hover{color:var(--black);background:var(--gray-light)}.reader__mywords-btn--active{background:var(--black);color:var(--white);border-color:var(--black)}.reader__badge{background:var(--black);color:var(--white);font-size:10px;border-radius:10px;padding:1px 6px;font-weight:500}.reader__mywords-btn--active .reader__badge{background:var(--white);color:var(--black)}.reader__mywords{border-bottom:var(--border);padding:24px 64px;background:var(--gray-light)}.reader__mywords-empty{font-size:13px;color:var(--gray-text);margin-top:8px}.reader__mywords-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.reader__mywords-item{display:flex;align-items:center;gap:12px;border:var(--border-thin);padding:10px 14px;background:var(--white)}.reader__mywords-word{font-size:14px;font-weight:500;color:var(--black)}.reader__mywords-meaning{font-size:12px;color:var(--gray-text);margin-top:2px;white-space:pre-line;max-width:180px;overflow:hidden;text-overflow:ellipsis}.reader__mywords-delete{font-size:11px;color:var(--gray-text);cursor:pointer;padding:2px 4px;font-family:var(--font-body);background:none;border:none;transition:color var(--transition)}.reader__mywords-delete:hover{color:var(--black)}.reader__toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--black);color:var(--white);font-size:13px;font-family:var(--font-body);padding:10px 24px;z-index:100;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 800px){.reader__mywords{padding:20px 24px}}