:root{--bg-primary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #6b7280;--accent-color: #3b82f6;--accent-hover: #2563eb;--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--border-color: #e5e7eb;--bg-secondary: #f9fafb;--surface-hover: rgba(0, 0, 0, .04);--surface-active: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .2);--danger-text: #991b1b;--focus-ring: rgba(59, 130, 246, .4);--toast-bg-error: #fef2f2;--toast-border-error: #fecaca;--toast-text-error: #991b1b;--toast-bg-warning: #fffbeb;--toast-border-warning: #fde68a;--toast-text-warning: #92400e;--toast-bg-info: #eff6ff;--toast-border-info: #bfdbfe;--toast-text-info: #1e40af}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #262626;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-color: #60a5fa;--accent-hover: #93bbfd;--border-color: #404040;--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5);--danger-bg: rgba(220, 38, 38, .15);--danger-border: rgba(220, 38, 38, .3);--danger-text: #fca5a5;--focus-ring: rgba(96, 165, 250, .4);--toast-bg-error: #450a0a;--toast-border-error: #7f1d1d;--toast-text-error: #fca5a5;--toast-bg-warning: #451a03;--toast-border-warning: #78350f;--toast-text-warning: #fcd34d;--toast-bg-info: #172554;--toast-border-info: #1e3a5f;--toast-text-info: #93c5fd}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s;overflow:hidden;height:100vh;height:100dvh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}.app-container{width:100%;max-width:none;margin:0;height:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg-primary)}main{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.3}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}button{cursor:pointer;border:none;background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:8px;font-family:inherit;font-size:.875rem;transition:background-color .15s,opacity .15s,transform .1s}button:hover{opacity:.9}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.icon-btn{background:transparent;color:var(--text-primary);padding:.375rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}button.icon-btn:hover{background:var(--surface-hover);opacity:1}button.icon-btn:active{background:var(--surface-active)}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-color)}input[type=range]{accent-color:var(--accent-color);border:none;padding:0}.interactive-card{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s;cursor:pointer}.interactive-card:hover{background:var(--surface-hover)!important}.interactive-card:active{transform:scale(.985);background:var(--surface-active)!important}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-panel{animation:panel-slide-in .25s cubic-bezier(.16,1,.3,1)}.player-container{height:100%;display:flex;flex-direction:column}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton-shimmer{background-image:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%)!important}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:640px){button{font-size:.8125rem;padding:.5rem .875rem}input,select,textarea{font-size:1rem}.home-container,.toc-container{width:100%;padding:.75rem!important}.app-header{padding:0 .5rem!important}.header-title-area{gap:.35rem!important;min-width:0}.header-title{min-width:0;max-width:100%}.header-actions{gap:.1rem!important}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;margin-bottom:1.5rem!important}.book-card{aspect-ratio:.78!important;border-radius:8px!important;padding:.5rem!important;min-width:0}.book-cover{height:56%!important;border-radius:6px!important;margin-bottom:.5rem!important}.book-placeholder-icon{width:34px;height:34px}.book-title{font-size:.8rem!important;line-height:1.25!important;margin-bottom:.15rem!important}.book-author{font-size:.68rem!important}.book-reading-time{margin-top:.45rem!important;font-size:.68rem!important;gap:.25rem!important}.import-actions{flex-direction:column;gap:.75rem!important}.import-action{padding:1.15rem!important}.toc-container .book-header{margin-bottom:1.25rem!important;padding-bottom:.875rem!important}.toc-container .book-header h1{font-size:1.35rem;overflow-wrap:anywhere}.chapter-list{width:100%;min-width:0}.chapter-item{width:100%;min-width:0;padding:.8rem .75rem!important;gap:.6rem!important;align-items:flex-start!important}.chapter-index{min-width:20px!important;padding-top:.1rem}.chapter-main{min-width:0;overflow:hidden}.chapter-title{overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.toc-bookmark-item{width:100%;min-width:0;padding:.8rem .75rem!important;gap:.6rem!important;align-items:flex-start!important}.toc-bookmark-main{min-width:0;overflow:hidden}.toc-bookmark-text{overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.reader-content{padding:.75rem .75rem 5.25rem!important;font-size:1rem!important;overflow-x:hidden}.reader-html-content,.reader-html-content *{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.tts-speakable{overflow-wrap:anywhere;word-break:break-word}.is-bookmarked:before{left:.15rem!important;top:-.85rem!important}.reader-controls-shell{padding:.45rem max(.5rem,env(safe-area-inset-right)) max(.45rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))!important}.reader-controls{gap:clamp(.75rem,7vw,1.5rem)!important;padding:.25rem 0!important}.reader-time-left{position:static!important;margin-left:.25rem;max-width:5.5rem;white-space:nowrap}.settings-panel,.bookmark-panel{left:0!important;width:100vw!important;max-width:100vw!important;padding-bottom:max(1rem,env(safe-area-inset-bottom))!important}.bookmark-search-box,.bookmark-panel-item,.bookmark-panel-meta{min-width:0}.bookmark-panel-item{overflow-wrap:anywhere}}@media(max-width:480px){::-webkit-scrollbar{width:4px}}@media(max-width:360px){button.icon-btn{min-width:34px;min-height:34px;padding:.3rem}.header-title{font-size:.92rem!important}.book-grid{gap:.6rem!important}.book-card{padding:.45rem!important}.reader-time-left{font-size:.68rem!important;max-width:4.75rem}}