@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-page-bg:#f0efea;--color-panel-left:#e8e6df;--color-panel-right:#faf9f7;--color-text-main:#141413;--color-text-muted:#73716b;--color-accent-primary:#141413;--color-accent-hover:#292827;--color-accent-secondary:#c4784a;--color-accent-secondary-rgb:196, 120, 74;--color-accent-secondary-11:rgba(var(--color-accent-secondary-rgb), .11);--color-accent-secondary-12:rgba(var(--color-accent-secondary-rgb), .12);--color-accent-secondary-18:rgba(var(--color-accent-secondary-rgb), .18);--color-accent-secondary-20:rgba(var(--color-accent-secondary-rgb), .2);--color-accent-secondary-22:rgba(var(--color-accent-secondary-rgb), .22);--color-accent-secondary-44:rgba(var(--color-accent-secondary-rgb), .44);--color-accent-secondary-45:rgba(var(--color-accent-secondary-rgb), .45);--color-accent-secondary-52:rgba(var(--color-accent-secondary-rgb), .52);--color-accent-secondary-62:rgba(var(--color-accent-secondary-rgb), .62);--radius-pill:9999px;--radius-card:12px;--font-sans:"Inter", sans-serif;--transition-fast:.2s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);background-color:var(--color-page-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}#root{width:100%}h1{font-family:var(--font-sans);letter-spacing:-.05em;color:var(--color-text-main);margin-bottom:24px;font-size:clamp(3rem,6vw,4.5rem);font-weight:400;line-height:1.05}h2{letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:400;line-height:1.05}p{font-family:var(--font-sans);color:var(--color-text-main);font-size:1.05rem;font-weight:400;line-height:1.6}a{color:var(--color-text-main);letter-spacing:-.01em;transition:opacity var(--transition-fast);font-size:.85rem;font-weight:500;text-decoration:none}a:hover{opacity:.6}button{font-family:var(--font-sans);cursor:pointer;color:var(--color-text-main);border-radius:var(--radius-pill);transition:all var(--transition-fast);letter-spacing:-.01em;background:0 0;border:1px solid #00000026;padding:10px 24px;font-size:.85rem;font-weight:500}button:hover{background-color:var(--color-text-main);color:var(--color-page-bg);border-color:var(--color-text-main)}button.primary{background-color:var(--color-accent-primary);color:var(--color-page-bg);border:none;padding:12px 28px;font-weight:500}button.primary:hover{background-color:var(--color-accent-hover);color:var(--color-page-bg);transform:translateY(-1px)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.floating-nav{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-pill);z-index:100;background-color:#f0efeab3;border:1px solid #0000000a;align-items:center;gap:40px;padding:8px 8px 8px 24px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000008}.floating-nav .brand{letter-spacing:-.03em;align-items:center;gap:8px;margin-right:16px;font-size:1rem;font-weight:500;display:flex}.nav-links{gap:32px;display:flex}.floating-nav a{color:var(--color-text-main);font-size:.85rem;font-weight:400}.nav-actions{gap:8px;display:flex}.nav-actions button{border:none;padding:8px 20px}.nav-actions button:hover{color:var(--color-text-main);background-color:#0000000a}.nav-actions button.primary{background-color:var(--color-text-main);color:#fff;border:none}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:160px 24px 0;display:flex;position:relative}.hero-content{z-index:10;max-width:900px}.pill-badge{border-radius:var(--radius-pill);color:var(--color-text-muted);background-color:#0000;border:1px solid #00000014;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:.85rem;font-weight:400;display:inline-flex}.hero-title{margin-bottom:24px}.hero-subtitle{color:var(--color-text-muted);max-width:650px;margin:0 auto 40px;font-size:clamp(1.05rem,2vw,1.15rem);line-height:1.6}.hero-cta{justify-content:center;gap:16px;display:flex}.hero-cta button.primary{padding:14px 32px;font-size:.95rem}.hero-cta button.secondary{background-color:#0000;border:1px solid #00000026;padding:14px 32px;font-size:.95rem}.hero-cta button.secondary:hover{border-color:var(--color-text-main);color:var(--color-text-main);background-color:#0000}.hero-visual{background:0 0;justify-content:center;align-items:flex-end;width:100%;max-width:1100px;height:400px;margin-top:100px;display:flex;position:relative}.feature-section{border-top:1px solid #00000008;justify-content:center;padding:160px 24px;display:flex}.feature-section:nth-child(2n){background-color:#0000}.feature-container{grid-template-columns:1fr 1.2fr;align-items:center;gap:100px;width:100%;max-width:1200px;display:grid}.feature-container.reverse{direction:rtl}.feature-container.reverse>*{direction:ltr}.feature-tag{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.75rem;font-weight:500;display:block}.feature-content h2{margin-bottom:24px}.feature-content p{color:var(--color-text-muted);margin-bottom:40px}.feature-list{flex-direction:column;gap:20px;list-style:none;display:flex}.feature-list li{align-items:center;gap:16px;font-size:.95rem;font-weight:400;display:flex}.feature-icon-wrapper{color:var(--color-text-main);background-color:#00000008;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.mockup-card{background-color:var(--color-panel-right);border-radius:var(--radius-card);height:100%;min-height:400px;box-shadow:none;border:1px solid #0000000f;flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.mockup-card.dark{background-color:var(--color-text-main);border-color:#ffffff0d}.mockup-card.dark .mockup-title,.mockup-card.dark .feature-icon-wrapper{color:#fff}.mockup-card.dark .feature-icon-wrapper{background-color:#ffffff0d}.mockup-card.dark .mockup-subtitle{color:#fff6}.mockup-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.mockup-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:500}.mockup-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.85rem}.document-lines{flex-direction:column;gap:12px;margin-top:auto;display:flex}.doc-line{background-color:#0000001a;width:100%;height:1px}.mockup-card.dark .doc-line{background-color:#ffffff1a}.doc-line.short{width:40%}.doc-line.medium{width:70%}.doc-line.thick{background-color:#00000008;border:1px solid #0000000a;border-radius:0;height:12px;margin-bottom:16px}.audio-visual{align-items:center;gap:2px;height:100px;margin-top:auto;margin-bottom:40px;display:flex}.bar{background-color:#ffffff1a;flex:1;height:2px;transition:all .2s}.bar.active{background-color:var(--color-accent-secondary);height:30px}.player-controls-mockup{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.player-controls-mockup .play-btn{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.chat-container{flex-direction:column;gap:24px;margin-top:auto;display:flex}.chat-bubble{background:0 0;border:none;max-width:90%;padding:0;font-size:.95rem;font-weight:400;line-height:1.6}.chat-bubble.user{color:var(--color-text-main);text-align:right;opacity:.6;align-self:flex-end}.chat-bubble.ai{color:var(--color-text-main);border-left:2px solid var(--color-accent-secondary);align-self:flex-start;max-width:85%;padding-left:16px}.chat-input-mockup{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:32px;padding:16px 0;display:flex}.chat-input-mockup span{color:var(--color-text-muted);font-size:.85rem}.character-list{flex-direction:column;margin-top:24px;display:flex}.character-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:24px;padding:20px 0;display:flex}.character-item:last-child{border-bottom:none}.char-avatar{color:#fff6;text-transform:uppercase;letter-spacing:.1em;width:40px;font-size:.85rem;font-weight:400}.char-info{flex-direction:column;display:flex}.char-name{color:#fff;font-size:1rem;font-weight:400}.char-desc{color:#fff6;margin-top:4px;font-size:.85rem;line-height:1.4}footer{color:var(--color-text-main);text-align:center;background-color:#0000;border-top:1px solid #00000008;flex-direction:column;align-items:center;gap:40px;padding:120px 40px 60px;display:flex}.footer-logo{letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.5rem;font-weight:500;display:flex}.footer-links{gap:40px;display:flex}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-text-main)}.footer-copy{color:var(--color-text-muted);opacity:.5;font-size:.85rem}@media (width<=968px){.feature-container{grid-template-columns:1fr;gap:60px}.feature-container.reverse{direction:ltr}.nav-links{display:none}.floating-nav{justify-content:space-between;width:90%}}.reader-layout{background-color:var(--color-page-bg);height:100vh;color:var(--color-text-main);flex-direction:column;display:flex;position:relative;overflow:hidden}.reader-top-bar{background-color:var(--color-panel-right);z-index:20;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:12px 24px;display:flex}.reader-top-left{align-items:center;gap:16px;display:flex}.reader-back-btn{color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:400;display:flex}.reader-back-btn:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.reader-top-divider{background-color:#00000014;width:1px;height:20px}.reader-chapter-label{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:.85rem;font-weight:400;overflow:hidden}.reader-top-right{align-items:center;gap:8px;display:flex}.reader-top-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.reader-top-btn:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.reader-top-btn.active{color:var(--color-text-main);background-color:#0000000f}.reader-body{flex:1;display:flex;position:relative;overflow:hidden}.reader-sidebar{background-color:var(--color-page-bg);border-right:1px solid #0000000f;flex-direction:column;flex-shrink:0;width:280px;transition:width .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;overflow:hidden}.reader-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0}.sidebar-header{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;padding:20px 24px 12px;font-size:.7rem;font-weight:600}.sidebar-chapters{flex:1;padding:4px 12px 24px;overflow-y:auto}.sidebar-chapters::-webkit-scrollbar{width:4px}.sidebar-chapters::-webkit-scrollbar-track{background:0 0}.sidebar-chapters::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.chapter-item{--chapter-depth:0;--chapter-indent-step:14px;padding:10px 12px;color:var(--color-text-muted);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding-inline-start:calc(12px + (var(--chapter-depth) * var(--chapter-indent-step)));font-size:.85rem;font-weight:400;transition:all .15s;display:flex;overflow:hidden}.chapter-item:hover{color:var(--color-text-main);background-color:#00000008;border:none}.chapter-item.active{color:var(--color-text-main);background-color:#0000000a;font-weight:500}.chapter-item.structural{cursor:default;opacity:.78}.chapter-item.structural:hover{color:var(--color-text-muted);background:0 0}.chapter-dot{background-color:#0000;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background-color .2s}.chapter-item.active .chapter-dot{background-color:var(--color-accent-secondary)}.chapter-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-content-wrapper{background-color:var(--color-panel-right);flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.reader-content{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;height:100%;padding:0;overflow:hidden auto}.reader-content::-webkit-scrollbar{width:10px}.reader-content::-webkit-scrollbar-track{background:0 0}.reader-content::-webkit-scrollbar-thumb{background:#00000024;border-radius:999px}.reader-skeleton{z-index:5;background-color:var(--color-panel-right);justify-content:center;align-items:center;width:100%;height:100%;padding:48px;display:flex;position:absolute;inset:0}.skeleton-page{width:100%;max-width:600px}.skeleton-line{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;border-radius:6px;height:10px;margin-bottom:14px;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-title{height:20px;margin-bottom:12px;width:45%!important}.skeleton-subtitle{opacity:.6;height:12px;margin-bottom:8px;width:25%!important}.skeleton-spacer{height:28px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reader-error{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.reader-error h2{color:var(--color-text-main);letter-spacing:-.02em;font-size:1.5rem;font-weight:400}.reader-error p{max-width:400px;font-size:.95rem}.reader-error button{margin-top:8px}.settings-overlay{z-index:50;position:fixed;inset:0}.settings-panel{background:var(--color-panel-right);z-index:51;border:1px solid #00000014;border-radius:14px;min-width:200px;padding:16px 20px;position:absolute;top:56px;right:24px;box-shadow:0 12px 40px #00000014,0 2px 8px #0000000a}.settings-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.7rem;font-weight:600;display:block}.font-size-controls{align-items:center;gap:12px;display:flex}.font-size-btn{cursor:pointer;width:36px;height:36px;color:var(--color-text-main);background:0 0;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:all .15s;display:flex}.font-size-btn:hover{color:var(--color-text-main);background-color:#0000000a;border-color:#00000026}.font-size-value{color:var(--color-text-main);text-align:center;min-width:36px;font-size:.85rem;font-weight:500}.reader-selection-popup{z-index:60;pointer-events:auto;position:fixed;transform:translate(-50%,calc(-100% - 2px))}.reader-selection-popup-btn{background:var(--color-panel-right);color:var(--color-text-main);letter-spacing:.01em;cursor:pointer;border:1px solid #00000024;border-radius:999px;padding:8px 14px;font-size:.75rem;font-weight:500;transition:background-color .16s,border-color .16s,transform .16s;box-shadow:0 10px 28px #00000021,0 2px 8px #0000000f}.reader-selection-popup-btn:hover{background-color:var(--color-panel-left);color:var(--color-text-main);border-color:#00000038}.reader-selection-popup-btn:active{transform:translateY(1px)}.audio-dock{background-color:var(--color-panel-right);z-index:20;border-top:1px solid #0000000f;flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.audio-dock-play{cursor:pointer;width:36px;height:36px;color:var(--color-text-main);transition:all var(--transition-fast);background:0 0;border:1px solid #0000001f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.audio-dock-play:hover{background-color:var(--color-accent-secondary);color:var(--color-panel-right);border-color:var(--color-accent-secondary)}.audio-dock-play:focus-visible{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px var(--color-accent-secondary-20);outline:none}.audio-dock-label{color:var(--color-text-muted);flex-shrink:0;min-width:72px;font-size:.75rem}.audio-dock-label strong{color:var(--color-text-main);margin-bottom:1px;font-size:.8rem;font-weight:500;display:block}.audio-dock-error{color:#9a3f2d;max-width:220px;font-size:.68rem;line-height:1.25;display:block}.audio-dock-waveform{flex-shrink:0;align-items:center;gap:2px;height:32px;display:flex}.waveform-bar{background-color:#0000001a;border-radius:2px;width:2.5px;transition:height .1s,background-color .3s}.waveform-bar.active{background-color:var(--color-accent-secondary)}.audio-dock-progress{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.progress-track{cursor:pointer;background-color:#0000000f;border-radius:4px;flex:1;height:4px;position:relative;overflow:visible}.progress-fill{background-color:var(--color-accent-secondary);border-radius:4px;height:100%;transition:width .3s linear;position:relative}.progress-thumb{background-color:var(--color-accent-secondary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .2s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.progress-track:hover .progress-thumb{opacity:1}.audio-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:75px;font-size:.75rem}.audio-speed-btn{border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000001a;flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:600;transition:all .15s}.audio-speed-btn:hover{color:var(--color-accent-secondary);border-color:var(--color-accent-secondary-45);background:linear-gradient(180deg, var(--color-accent-secondary-12) 0%, #faf9f7fa 100%)}.audio-speed-btn.active{color:var(--color-accent-secondary);border-color:var(--color-accent-secondary-44);background:linear-gradient(180deg, var(--color-accent-secondary-20) 0%, var(--color-accent-secondary-12) 100%)}.audio-speed-btn.active:hover{color:var(--color-accent-secondary);border-color:var(--color-accent-secondary-52);background:linear-gradient(180deg, var(--color-accent-secondary-22) 0%, var(--color-accent-secondary-12) 100%)}.audio-speed-btn:focus-visible{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px var(--color-accent-secondary-20);outline:none}.audio-voice-control{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.audio-voice-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:600}.audio-voice-trigger{min-width:138px;max-width:168px;height:32px;color:var(--color-text-main);cursor:pointer;background:linear-gradient(#faf9f7f0 0%,#f5f3eee0 100%);border:1px solid #0000001f;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:.73rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s,color .15s;display:flex;box-shadow:inset 0 1px #ffffffbf}.audio-voice-trigger:hover{border-color:var(--color-accent-secondary-45);color:var(--color-text-main);background:linear-gradient(#faf9f7 0%,#f7f1e7f5 100%)}.audio-voice-trigger.open{border-color:var(--color-accent-secondary-52);color:var(--color-text-main);background:linear-gradient(#faf9f7 0%,#f7f1e7f5 100%)}.audio-voice-trigger:focus-visible{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px var(--color-accent-secondary-20);outline:none}.audio-voice-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-voice-caret{color:var(--color-text-muted);transition:transform .18s,color .18s}.audio-voice-trigger.open .audio-voice-caret{color:var(--color-accent-secondary);transform:rotate(180deg)}.audio-voice-menu{z-index:38;background:linear-gradient(#fbfaf7fc 0%,#f3f0e9f7 100%);border:1px solid #0000001a;border-radius:13px;width:190px;padding:7px;animation:.16s ease-out audio-voice-menu-enter;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 16px 36px #00000024,0 4px 14px #00000014}.audio-voice-option{width:100%;color:var(--color-text-main);text-align:left;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;font-size:.79rem;font-weight:500;display:flex}.audio-voice-option:hover{background:var(--color-accent-secondary-11);border-color:var(--color-accent-secondary-22);color:var(--color-text-main)}.audio-voice-option.selected{background:linear-gradient(180deg, var(--color-accent-secondary-20) 0%, var(--color-accent-secondary-12) 100%);border-color:var(--color-accent-secondary-44);color:var(--color-text-main)}.audio-voice-option.selected svg{color:var(--color-accent-secondary)}.audio-voice-option:focus-visible{border-color:var(--color-accent-secondary-62);box-shadow:0 0 0 2px var(--color-accent-secondary-18);outline:none}@keyframes audio-voice-menu-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reading-progress-bar{background-color:var(--color-accent-secondary);z-index:30;height:2px;transition:width .18s linear;position:absolute;top:0;left:0}@media (width<=768px){.reader-sidebar{z-index:15;background-color:var(--color-panel-right);width:260px;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 20px #00000014}.reader-sidebar.collapsed{width:0;box-shadow:none}.reader-chapter-label{max-width:200px}.audio-dock-label,.audio-voice-label{display:none}.audio-voice-trigger{min-width:122px;max-width:136px;font-size:.71rem}.audio-voice-menu{width:178px}.reader-selection-popup{display:none}}@media (width<=500px){.reader-top-bar{padding:10px 16px}.audio-dock{gap:10px;padding:0 16px}.audio-speed-btn{padding:4px 8px}.audio-voice-trigger{min-width:110px;max-width:120px;padding:0 10px;font-size:.67rem}.audio-voice-menu{width:168px;right:-2px}.audio-dock-waveform,.audio-time{display:none}}.auth-layout{background-color:var(--color-page-bg);width:100%;min-height:100vh;display:flex;overflow:hidden}.auth-panel-form{background-color:var(--color-page-bg);z-index:2;flex-direction:column;flex:0 0 45%;padding:40px;display:flex;position:relative}.auth-panel-aesthetic{background-color:var(--color-panel-left);border-left:1px solid #0000000a;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-panel-aesthetic:before{content:"";filter:blur(80px);z-index:0;mix-blend-mode:multiply;opacity:.8;background:radial-gradient(circle,#a0b2a666 0%,#f0efea00 70%);width:90vh;height:90vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-form-container{flex-direction:column;gap:32px;width:100%;max-width:380px;margin:auto;display:flex}.auth-header h2{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--color-text-main);margin-bottom:8px;font-size:2.25rem;font-weight:400}.auth-header p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.auth-nav{color:var(--color-text-main);cursor:pointer;z-index:10;align-items:center;gap:8px;font-size:.9rem;font-weight:500;transition:opacity .2s;display:flex;position:absolute;top:40px;left:40px}.auth-nav:hover{opacity:.6}.auth-form{flex-direction:column;gap:16px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);position:absolute;left:16px}.auth-form input{width:100%;font-family:var(--font-sans);border-radius:var(--radius-pill);color:var(--color-text-main);box-sizing:border-box;background:0 0;border:1px solid #0000001a;outline:none;padding:14px 16px 14px 44px;font-size:.95rem;transition:border-color .2s}.auth-form input:focus{border-color:#0006}.auth-form input::placeholder{color:var(--color-text-muted);opacity:.6}.full-width{box-sizing:border-box;border-radius:var(--radius-pill);justify-content:center;width:100%}.auth-divider{text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;width:100%;margin:16px 0 8px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #0000000f;flex:1}.auth-divider span{padding:0 16px}.google-btn{justify-content:center;align-items:center;gap:8px;display:flex;background:var(--color-panel-right)!important;color:var(--color-text-main)!important;border:1px solid #0000001a!important}.google-btn:hover{background:var(--color-page-bg)!important;border-color:#0000004d!important}.auth-footer{justify-content:center;margin-top:8px;display:flex}.text-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s}.text-btn:hover{color:var(--color-text-main);background-color:#0000;border-color:#0000}.auth-error{color:#dc3545e6;background:#dc35450d;border-left:2px solid #dc354599;padding:12px 16px;font-size:.85rem}.aesthetic-typography{z-index:10;font-family:var(--font-sans);color:var(--color-text-main);letter-spacing:-.04em;text-align:center;opacity:.8;max-width:60%;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;position:relative}@media (width<=900px){.auth-layout{flex-direction:column}.auth-panel-form{flex:1;justify-content:center;width:100%;padding:60px 24px}.auth-nav{top:24px;left:24px}.auth-panel-aesthetic{display:none}}.library-layout{background-color:var(--color-page-bg);min-height:100vh;color:var(--color-text-main);padding:40px 5%;max-width:1400px;margin:0 auto;padding-top:100px;position:relative}.library-nav{z-index:100;justify-content:center;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-pill{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-pill);background-color:#f0efeab3;border:1px solid #0000000a;align-items:center;gap:32px;padding:8px 8px 8px 24px;display:flex;box-shadow:0 10px 40px #00000008}.nav-pill-primary{background-color:var(--color-text-main);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast);border:none;align-items:center;padding:8px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.nav-pill-primary:hover{background-color:var(--color-accent-hover);color:#fff;border:none}.nav-logo{color:var(--color-text-main);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link-wrapper{position:relative}.nav-link{color:var(--color-text-main);transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;font-size:.85rem;font-weight:400;display:inline-flex}.nav-link:hover{color:var(--color-text-main);opacity:.6;background-color:#0000;border-color:#0000}.nav-link.is-active{opacity:1;font-weight:500}.profile-dropdown{background:var(--color-panel-right);z-index:100;border:1px solid #00000014;border-radius:14px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 14px);right:-8px;box-shadow:0 12px 40px #00000014,0 2px 8px #0000000a}.profile-info{align-items:center;gap:10px;padding:10px 12px;display:flex}.profile-avatar{background-color:var(--color-page-bg);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.profile-divider{background:#0000000f;height:1px;margin:4px 8px}.profile-action{width:100%;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;transition:background-color .15s;display:flex}.profile-action:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.library-header{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.header-titles h1{letter-spacing:-.03em;margin-bottom:8px;font-size:3rem}.header-titles p{color:var(--color-text-muted);font-size:1.1rem}.header-actions{align-items:center;gap:12px;display:flex}.search-container{background-color:var(--color-panel-right);border-radius:var(--radius-pill);width:250px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #00000014;align-items:center;padding:8px 16px;display:flex}.search-container:focus-within{border-color:#0000002e;box-shadow:0 0 0 3px #00000008}.search-icon{color:var(--color-text-muted);flex-shrink:0;margin-right:8px}.search-container input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem}.search-container input::placeholder{color:var(--color-text-muted);opacity:.7}.search-clear{cursor:pointer;width:22px;min-width:22px;height:22px;color:var(--color-text-muted);background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;padding:0;transition:background-color .15s;display:flex}.search-clear:hover{color:var(--color-text-main);background:#0000001f;border:none}.icon-btn{background-color:var(--color-panel-right);border-radius:var(--radius-pill);color:var(--color-text-main);transition:all var(--transition-fast);border:1px solid #00000014;justify-content:center;align-items:center;padding:10px;display:flex}.icon-btn:hover{color:var(--color-text-main);background-color:#0000000a;border-color:#0000001f}.icon-btn.active{background-color:var(--color-accent-primary);color:var(--color-page-bg);border-color:var(--color-accent-primary)}.sort-wrapper{position:relative}.sort-dropdown{background:var(--color-panel-right);z-index:50;border:1px solid #00000014;border-radius:14px;min-width:180px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px #00000014,0 2px 8px #0000000a}.sort-dropdown-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px 8px;font-size:.7rem;font-weight:600;display:block}.sort-option{width:100%;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.85rem;transition:background-color .15s;display:flex}.sort-option:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.sort-option.active{color:var(--color-text-main);background-color:#0000000a;border:none;font-weight:500}.up-next-section{margin-bottom:50px}.section-label{color:var(--color-text-muted);letter-spacing:.1em;margin-bottom:16px;font-size:.75rem;font-weight:600;display:block}.up-next-card{background-color:var(--color-panel-right);border-radius:20px;gap:40px;padding:32px;display:flex;box-shadow:0 10px 40px #00000005}.up-next-cover-wrapper{flex-shrink:0}.book-cover{text-align:center;cursor:pointer;width:200px;height:280px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.book-cover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.book-cover.large{border-radius:12px;width:240px;height:340px}.cover-title{color:#000c;margin-bottom:12px;font-size:1.5rem}.cover-author{color:#00000080;font-size:.85rem}.cover-more-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;width:30px;height:30px;color:var(--color-text-main);z-index:2;background:#ffffffd9;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s,background-color .15s;display:flex;position:absolute;top:10px;right:10px;transform:scale(.85)}.book-cover:hover .cover-more-btn{opacity:1;transform:scale(1)}.cover-more-btn:hover{color:var(--color-text-main);background:#fff;border-color:#0000001a;transform:scale(1.05)}.up-next-details{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.last-read-badge{border-radius:var(--radius-pill);color:var(--color-text-muted);border:1px solid #0000001a;align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:.75rem;display:inline-flex}.up-next-title{margin-bottom:8px;font-size:2.5rem}.up-next-author{color:var(--color-text-muted);font-size:1.1rem}.up-next-bottom{max-width:400px;margin-top:40px}.progress-info{justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.chapter-text{color:var(--color-text-muted)}.progress-pct{font-weight:600}.progress-bar-container{border-radius:var(--radius-pill);background-color:#0000000d;overflow:hidden}.progress-bar-container.large{height:6px;margin-bottom:24px}.progress-bar-container.small{flex-grow:1;height:4px}.progress-bar-fill{background-color:var(--color-accent-primary);border-radius:var(--radius-pill);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.up-next-actions{align-items:center;gap:16px;display:flex}.round-btn{border-radius:var(--radius-pill);padding:12px 32px}.library-filters{gap:12px;margin-bottom:40px;display:flex}.filter-pill{border-radius:var(--radius-pill);color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-weight:500}.filter-pill:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.filter-pill.active{background-color:var(--color-accent-primary);color:#fff}.filter-pill.active:hover{background-color:var(--color-accent-hover);color:#fff}hr.divider{background-color:#0000000d;border:none;height:1px;margin-bottom:40px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 30px;padding-bottom:100px;display:grid}.book-item{flex-direction:column;display:flex}.completed-icon{color:#0000004d;z-index:1;position:absolute;top:12px;right:12px}.book-cover:hover .completed-icon{opacity:.4}.book-meta{margin-top:16px}.meta-title{margin-bottom:4px;font-size:1rem;font-weight:500}.meta-author{color:var(--color-text-muted);font-size:.8rem;display:block}.meta-progress{align-items:center;gap:12px;margin-top:8px;display:flex}.progress-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.add-book-card{cursor:pointer;width:200px;height:280px;transition:all var(--transition-fast);border:2px dashed #00000026;border-radius:8px;justify-content:center;align-items:center;display:flex}.add-book-card:hover{background-color:#00000005;border-color:#0000004d}.add-circle{width:48px;height:48px;color:var(--color-text-muted);border:1px solid #00000026;border-radius:50%;justify-content:center;align-items:center;display:flex}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.add-book-card.uploading{opacity:.6;pointer-events:none}.context-menu-overlay{z-index:200;position:fixed;inset:0}.context-menu{background:var(--color-panel-right);z-index:201;border:1px solid #00000014;border-radius:14px;min-width:175px;padding:6px;position:fixed;box-shadow:0 12px 40px #0000001a,0 2px 8px #0000000d}.context-option{width:100%;color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;font-size:.85rem;transition:background-color .15s;display:flex}.context-option:hover{color:var(--color-text-main);background-color:#0000000a;border:none}.context-option.danger{color:#c0392b}.context-option.danger:hover{color:#c0392b;background-color:#c0392b0f}.context-divider{background:#0000000f;height:1px;margin:4px 8px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--color-panel-right);border-radius:20px;width:90%;max-width:420px;padding:36px;box-shadow:0 20px 60px #0000001f}.delete-modal h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.3rem;font-weight:500}.delete-modal p{color:var(--color-text-muted);margin-bottom:28px;font-size:.95rem;line-height:1.6}.delete-modal p strong{color:var(--color-text-main)}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-cancel{border-radius:var(--radius-pill);color:var(--color-text-main);cursor:pointer;background:0 0;border:1px solid #0000001f;padding:10px 24px;font-size:.85rem;transition:all .15s}.modal-cancel:hover{color:var(--color-text-main);background-color:#0000000a;border-color:#00000026}.modal-confirm.danger{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background-color:#c0392b;border:none;padding:10px 24px;font-size:.85rem;font-weight:500;transition:all .15s}.modal-confirm.danger:hover{color:#fff;background-color:#a93226;transform:translateY(-1px)}.modal-confirm.danger:disabled{opacity:.6;pointer-events:none}@media (width<=900px){.up-next-card{flex-direction:column;align-items:center;gap:24px;padding:24px}.up-next-details{text-align:center;align-items:center}.up-next-bottom{width:100%;max-width:100%}.up-next-actions{justify-content:center}}@media (width<=600px){.library-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%}.search-container{flex-grow:1}.nav-pill{gap:16px;padding:8px 8px 8px 16px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book-cover-skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;border-radius:8px;width:200px;height:280px;animation:1.8s ease-in-out infinite shimmer}.book-meta-skeleton{flex-direction:column;gap:8px;margin-top:16px;display:flex}.skeleton-line{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.8s ease-in-out infinite shimmer}.skeleton-line.short{width:75%}.skeleton-line.shorter{opacity:.7;width:50%;height:10px}.explore-layout{background:var(--color-page-bg);min-height:100vh;color:var(--color-text-main);max-width:1400px;margin:0 auto;padding:100px 5% 40px;position:relative}.explore-content{gap:20px;display:grid}.explore-nav-pill{gap:26px}.explore-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:8px 2px 2px;display:grid}.explore-hero-copy{gap:8px;display:grid}.explore-hero-copy h1{letter-spacing:-.03em;margin-bottom:0;font-size:3rem}.explore-hero-copy p{color:var(--color-text-muted);margin:0;font-size:1.1rem}.explore-toolbar{justify-self:end;align-items:center;gap:12px;display:flex}.explore-search-field{background:var(--color-panel-right);border-radius:var(--radius-pill);width:250px;color:var(--color-text-muted);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #00000014;align-items:center;gap:8px;padding:8px 16px;display:flex}.explore-search-field:focus-within{border-color:#0000002e;box-shadow:0 0 0 3px #00000008}.explore-search-field input{width:100%;color:var(--color-text-main);background:0 0;border:none;padding:0;font-size:.9rem}.explore-search-field input:focus{box-shadow:none;outline:none}.explore-search-field input::placeholder{color:var(--color-text-muted);opacity:.7}.explore-filter-menu{position:relative}.explore-search-button{background:var(--color-panel-right);color:var(--color-text-main);border-radius:var(--radius-pill);border:1px solid #00000014;padding:10px 24px;font-size:.85rem;font-weight:500}.explore-search-button:hover:not(:disabled){background:var(--color-text-main);border-color:var(--color-text-main);color:var(--color-page-bg)}.explore-search-button:disabled{opacity:.58;cursor:not-allowed}.explore-filter-trigger{background:var(--color-panel-right);width:38px;height:38px;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.explore-filter-trigger:hover{color:var(--color-text-main);background:#0000000a;border-color:#0000001f}.explore-filter-trigger.active{background:var(--color-text-main);border-color:var(--color-text-main);color:var(--color-page-bg)}.explore-filters-popover{background:var(--color-panel-right);z-index:120;border:1px solid #00000014;border-radius:16px;gap:10px;width:min(350px,92vw);padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 42px #0000001a,0 2px 8px #0000000d}.explore-filters-popover-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.explore-filters-popover-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0;font-size:.76rem}.explore-filters-close{background:#faf9f7e6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.explore-control-field{gap:6px;display:grid}.explore-control-field span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.7rem}.explore-control-field input,.explore-filter-select-trigger{background:var(--color-panel-right);color:var(--color-text-main);border:1px solid #0000001f;border-radius:12px;padding:10px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.explore-control-field input:focus,.explore-filter-select-trigger:focus-visible{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px var(--color-accent-secondary-20);outline:none}.explore-filter-select{position:relative}.explore-filter-select-trigger{border-radius:var(--radius-pill);letter-spacing:.01em;text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;height:32px;min-height:32px;padding:0 12px;font-size:.79rem;font-weight:500;display:inline-flex}.explore-filter-select-trigger:hover{border-color:var(--color-accent-secondary-45);color:var(--color-text-main);background:#faf9f7}.explore-filter-select-trigger.open{border-color:var(--color-accent-secondary-52);background:#faf9f7}.explore-filter-select-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explore-filter-select-caret{color:var(--color-text-muted);transition:transform .18s,color .18s}.explore-filter-select-trigger.open .explore-filter-select-caret{color:var(--color-accent-secondary);transform:rotate(180deg)}.explore-filter-select-menu{background:var(--color-panel-right);z-index:38;border:1px solid #0000001a;border-radius:13px;gap:4px;width:100%;padding:7px;animation:.16s ease-out explore-filter-select-menu-enter;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 36px #00000024,0 4px 14px #00000014}.explore-filter-select-option{width:100%;color:var(--color-text-main);text-align:left;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px;font-size:.79rem;font-weight:500;display:flex}.explore-filter-select-option:hover{background:var(--color-accent-secondary-11);border-color:var(--color-accent-secondary-22);color:var(--color-text-main)}.explore-filter-select-option.selected{background:var(--color-accent-secondary-12);border-color:var(--color-accent-secondary-44)}.explore-filter-select-option.selected svg{color:var(--color-accent-secondary)}.explore-filter-select-option:focus-visible{border-color:var(--color-accent-secondary-62);box-shadow:0 0 0 2px var(--color-accent-secondary-18);outline:none}.explore-filters-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.explore-reset-button{background:#faf9f7e6;border:1px solid #0000001f;border-radius:12px;padding:9px 14px}.explore-reset-button:hover:not(:disabled){background:var(--color-text-main);color:var(--color-panel-right)}.explore-reset-button:disabled{opacity:.5;cursor:not-allowed}.explore-apply-button{background:var(--color-text-main);color:var(--color-page-bg);border:none;border-radius:12px;padding:9px 14px;font-size:.83rem;font-weight:500}.explore-apply-button:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-page-bg)}.explore-apply-button:disabled{opacity:.58;cursor:not-allowed}.explore-results-area{gap:14px;display:grid}.explore-results-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.explore-state-panel{background:#faf9f7d1;border:1px solid #00000014;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;display:flex}.explore-state-panel.error{background:#faf9f7f2;border-color:#c4784a73}.explore-state-panel h2{margin:0;font-size:1.12rem}.explore-state-panel p{color:var(--color-text-muted);margin:2px 0 0;font-size:.88rem}.spin{animation:1s linear infinite explore-spin}@keyframes explore-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.explore-catalog-grid-loading{pointer-events:none}.explore-book-card-skeleton{cursor:default}.explore-book-cover-skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;animation:1.8s ease-in-out infinite explore-skeleton-shimmer}.explore-book-body-skeleton{flex-direction:column;gap:8px;margin-top:16px;display:flex}.explore-skeleton-line{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.8s ease-in-out infinite explore-skeleton-shimmer}.explore-skeleton-line.short{width:75%}.explore-skeleton-line.shorter{opacity:.7;width:50%;height:10px}.explore-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 30px;display:grid}.explore-book-card{color:inherit;text-align:left;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;display:flex}.explore-book-card:hover{color:inherit;background:0 0;border-color:#0000}.explore-book-card:focus-visible{outline:none}.explore-book-card:focus-visible .explore-book-cover-shell{box-shadow:0 0 0 3px #14141333}.explore-book-cover-shell{aspect-ratio:2/3;background:var(--color-panel-left);width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.explore-book-card:hover .explore-book-cover-shell{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.explore-book-cover{object-fit:cover;width:100%;height:100%;display:block}.explore-book-cover-fallback{align-items:flex-end;width:100%;height:100%;padding:12px;display:flex}.explore-book-cover-fallback span{color:var(--color-text-main);font-size:.8rem;line-height:1.2}.explore-book-body{align-content:start;gap:0;margin-top:16px;display:grid}.explore-book-body h2{margin:0 0 4px;font-size:1rem;font-weight:500;line-height:1.3}.explore-book-author{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.4;display:block}.explore-chip-row{flex-wrap:wrap;gap:6px;display:flex}.explore-chip{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-main);background:#faf9f7c7;border:1px solid #0000001a;padding:4px 10px;font-size:.72rem}.explore-chip.muted{text-transform:none;letter-spacing:0;color:var(--color-text-muted)}.explore-chip.success{color:var(--color-accent-secondary);border-color:var(--color-accent-secondary-45);background:var(--color-accent-secondary-12)}.explore-modal-overlay{z-index:320;-webkit-backdrop-filter:blur(6px);background:#1414136b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.explore-modal{background:linear-gradient(165deg,#faf9f7fa,#f0efeaf5);border:1px solid #0000001f;border-radius:20px;grid-template-columns:280px 1fr;gap:20px;width:min(960px,96vw);max-height:min(88vh,860px);padding:20px;display:grid;position:relative;overflow:auto;box-shadow:0 26px 56px #00000038}.explore-modal-close{background:#faf9f7e0;border:1px solid #00000024;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.explore-modal-close:hover{background:var(--color-text-main);color:var(--color-panel-right)}.explore-modal-media{background:linear-gradient(160deg,#f6f4ee,#e7e3d7);border:1px solid #0000001f;border-radius:14px;min-height:390px;overflow:hidden}.explore-modal-cover{object-fit:cover;width:100%;height:100%;display:block}.explore-modal-cover-fallback{align-items:flex-end;width:100%;height:100%;padding:14px;display:flex}.explore-modal-cover-fallback span{font-size:.9rem;line-height:1.25}.explore-modal-body{align-content:start;gap:12px;padding-top:6px;display:grid}.explore-modal-body h2{margin:0;font-size:1.9rem;line-height:1.12}.explore-modal-author{color:var(--color-text-muted);margin:0;font-size:1rem}.explore-modal-summary{color:var(--color-text-muted);margin:0;font-size:.92rem}.explore-modal-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.explore-modal-meta-grid>div{background:#faf9f7c7;border:1px solid #00000014;border-radius:10px;gap:2px;padding:9px 10px;display:grid}.explore-modal-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.7rem}.explore-modal-section{gap:8px;display:grid}.explore-modal-section h3{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0;font-size:.88rem}.explore-modal-section ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.explore-modal-section li{justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.explore-modal-muted{color:var(--color-text-muted);font-size:.84rem}.explore-modal-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.explore-modal-error{color:#9f3f1f;margin:0;font-size:.84rem}.explore-pagination{flex-flow:row;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.explore-pagination button{background:var(--color-panel-right);color:var(--color-text-main);border-radius:var(--radius-pill);border:1px solid #0000001f;padding:10px 24px;font-size:.85rem}.explore-pagination button:hover:not(:disabled){background:var(--color-text-main);border-color:var(--color-text-main);color:var(--color-page-bg)}.explore-pagination button:disabled{opacity:.58;cursor:not-allowed}.explore-pagination button,.explore-pagination-current{white-space:nowrap;flex:none}.explore-pagination-current{border-radius:var(--radius-pill);background:var(--color-panel-right);min-width:90px;height:38px;color:var(--color-text-muted);border:1px solid #0000001f;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}@keyframes explore-filter-select-menu-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes explore-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1180px){.explore-hero{grid-template-columns:1fr;gap:16px}.explore-toolbar{justify-self:start;width:100%}.explore-search-field{width:min(520px,100%)}.explore-modal{grid-template-columns:240px 1fr;width:min(920px,96vw)}.explore-modal-media{min-height:340px}}@media (width<=960px){.explore-nav-pill{justify-content:space-between;gap:10px;width:min(96vw,640px)}.explore-nav-pill .nav-links{gap:14px}.explore-nav-pill .nav-pill-primary{padding:8px 14px}.explore-search-field{width:100%}.explore-filters-popover{width:min(360px,100vw - 28px)}.explore-modal{grid-template-columns:1fr;max-height:min(90vh,900px);padding-top:44px}.explore-modal-media{min-height:300px}.explore-modal-meta-grid{grid-template-columns:1fr}}@media (width<=640px){.explore-layout{padding:90px 16px 26px}.explore-nav-pill{padding:8px 10px 8px 14px}.explore-nav-pill .nav-logo{font-size:.88rem}.explore-nav-pill .nav-pill-primary{font-size:.76rem}.explore-hero{gap:14px}.explore-toolbar,.explore-search-field{width:100%}.explore-filters-popover{width:min(360px,100vw - 36px)}.explore-book-cover-shell{width:100%}.explore-pagination{gap:8px}.explore-pagination button{padding:10px 16px}.explore-pagination-current{min-width:78px;height:36px}.explore-modal-overlay{padding:10px}.explore-modal{border-radius:14px;gap:12px;width:100%;padding:42px 12px 12px}.explore-modal-media{min-height:260px}.explore-modal-actions{flex-direction:column;width:100%}.explore-modal-actions button{width:100%}}