:root{--primary:#000;--secondary:#fff;--accent:#333;--text-primary:#000;--text-secondary:#666;--text-tertiary:#999;--border:#e5e5e5;--background:#fff;--surface:#fafafa;--hover:#f5f5f5;--dark-primary:#fff;--dark-secondary:#000;--dark-accent:#ccc;--dark-text-primary:#fff;--dark-text-secondary:#ccc;--dark-text-tertiary:#999;--dark-border:#333;--dark-background:#000;--dark-surface:#111;--dark-hover:#1a1a1a;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Crimson Text",Georgia,serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--max-width:1200px;--max-width-content:800px;--header-height:80px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;transition:var(--transition)}@media (prefers-color-scheme:dark){:root{--primary:var(--dark-primary);--secondary:var(--dark-secondary);--accent:var(--dark-accent);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-tertiary:var(--dark-text-tertiary);--border:var(--dark-border);--background:var(--dark-background);--surface:var(--dark-surface);--hover:var(--dark-hover)}}.dark{--primary:var(--dark-primary);--secondary:var(--dark-secondary);--accent:var(--dark-accent);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-tertiary:var(--dark-text-tertiary);--border:var(--dark-border);--background:var(--dark-background);--surface:var(--dark-surface);--hover:var(--dark-hover)}.container{max-width:var(--max-width)}.container,.container-content{margin:0 auto;padding:0 var(--space-md)}.container-content{max-width:var(--max-width-content)}.header{backdrop-filter:blur(20px);background-color:var(--background);background-color:hsla(0,0%,100%,.8);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.dark .header{background-color:rgba(0,0,0,.8)}.header-content{height:var(--header-height);justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);font-family:var(--font-serif);font-size:1.5rem;font-weight:600;gap:var(--space-sm);text-decoration:none;transition:var(--transition)}.logo:hover{opacity:.7}.nav{align-items:center;display:flex;gap:var(--space-xl)}.nav-link{border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.025em;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:var(--transition)}.nav-link.active,.nav-link:hover{background-color:var(--hover);color:var(--text-primary)}.theme-toggle{align-items:center;background:none;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.theme-toggle:hover{background-color:var(--hover);border-color:var(--accent);color:var(--text-primary)}.main{min-height:calc(100vh - var(--header-height))}.footer,.main{padding:var(--space-2xl) 0}.footer{background-color:var(--surface);border-top:1px solid var(--border);margin-top:var(--space-3xl)}.footer-content{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-2xl)}.footer-section h3{color:var(--text-primary);font-family:var(--font-serif);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-lg)}.footer-section a,.footer-section p{color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.8;margin-bottom:var(--space-sm);text-decoration:none;transition:var(--transition)}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-tertiary);font-size:.85rem;padding-top:var(--space-lg);text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}@media (max-width:768px){.container{padding:0 var(--space-lg)}.header-content{height:60px}.nav{gap:var(--space-md)}.nav-link{font-size:.85rem;padding:var(--space-xs) var(--space-sm)}.main{padding:var(--space-lg) 0}.footer-content{gap:var(--space-lg);grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.header-content{flex-wrap:wrap;height:auto;padding:var(--space-md) 0}.nav{justify-content:center;margin-top:var(--space-sm);order:3;width:100%}.logo{font-size:1.25rem}}.chapter-nav{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-lg) 0}.chapter-nav-bottom{border-bottom:none;border-top:1px solid var(--border);margin-bottom:0;margin-top:var(--space-3xl)}.nav-btn{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:var(--space-sm);min-height:48px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:var(--transition)}.nav-btn:hover{background-color:var(--hover);border-color:var(--accent);transform:translateY(-1px)}.nav-next,.nav-prev{flex:1;max-width:300px}.nav-home{border-color:var(--primary);flex:0 0 auto}.nav-home,.nav-home:hover{background-color:var(--primary);color:var(--secondary)}.nav-home:hover{opacity:.9;transform:translateY(-1px)}.nav-text{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.nav-next .nav-text{align-items:flex-end;text-align:right}.nav-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.nav-title{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter,.chapter-header{margin-bottom:var(--space-2xl)}.chapter-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-xl);text-align:center}.chapter-title{font-family:var(--font-serif);font-size:2.25rem;line-height:1.2;margin-bottom:var(--space-md)}.chapter-meta{font-size:.9rem;letter-spacing:.05em}.chapter-content{color:var(--text-primary);font-family:var(--font-serif);font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:65ch}.chapter-content p{margin-bottom:var(--space-xl)}.chapter-content p:last-child{margin-bottom:0}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6{color:var(--text-primary);font-family:var(--font-serif);font-weight:600;margin:var(--space-2xl) 0 var(--space-lg) 0}.chapter-content h1{font-size:2rem}.chapter-content h2{font-size:1.75rem}.chapter-content h3{font-size:1.5rem}.chapter-content h4{font-size:1.25rem}.chapter-progress{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-md)}.progress-text{color:var(--text-tertiary);font-size:.85rem;font-weight:600;min-width:60px;text-align:center}.progress-bar{background-color:var(--border);border-radius:2px;height:4px;overflow:hidden;width:100px}.progress-fill{background-color:var(--primary);height:100%;transition:width .3s ease}@media (max-width:768px){.chapter-nav{flex-direction:column;gap:var(--space-md)}.nav-btn{justify-content:center;max-width:none;width:100%}.nav-next .nav-text,.nav-text{align-items:center;text-align:center}.chapter-title{font-size:1.875rem}.chapter-content{font-size:1rem;line-height:1.7}.chapter-progress{justify-content:center;order:-1;width:100%}.progress-bar{width:150px}}@media (max-width:480px){.nav-title{max-width:150px}.chapter-title{font-size:1.5rem}.chapter-content{max-width:none}}.hero{border-bottom:1px solid var(--border);margin-bottom:var(--space-3xl);padding:var(--space-3xl) 0}.hero-content{align-items:start;display:grid;gap:var(--space-3xl);grid-template-columns:2fr 1fr}.novel-title{color:var(--text-primary);font-family:var(--font-serif);font-size:3rem;font-weight:600;line-height:1.1;margin-bottom:var(--space-lg)}.alt-title{color:var(--text-secondary);font-size:1.125rem;font-style:italic}.alt-title,.meta-grid{margin-bottom:var(--space-xl)}.meta-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.meta-item{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);text-align:center}.meta-label{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--space-xs);text-transform:uppercase}.meta-label,.meta-value{display:block;font-weight:600}.meta-value{color:var(--text-primary)}.action-buttons{display:flex;gap:var(--space-md)}.btn{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:var(--transition)}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--secondary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--surface);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--hover);border-color:var(--accent);transform:translateY(-1px)}.novel-cover{align-items:start;display:flex;justify-content:center}.novel-cover img{border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);height:auto;max-height:400px;max-width:100%}.tags-section{margin-bottom:var(--space-3xl)}.tag-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.tag-category{font-size:.9rem;font-weight:600;min-width:60px}.tag,.tag-category{color:var(--text-secondary)}.tag{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:.8rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.tag-genre{background-color:var(--primary);border-color:var(--primary);color:var(--secondary)}.description-section{margin-bottom:var(--space-3xl)}.novel-description{color:var(--text-primary);font-family:var(--font-serif);font-size:1.125rem;line-height:1.8}.novel-description p{margin-bottom:var(--space-lg)}.chapters-section{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-xl)}.section-header{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.section-header h2{color:var(--text-primary);font-family:var(--font-serif);font-size:1.875rem;font-weight:600;margin:0}.chapter-controls{gap:var(--space-md)}.chapter-controls,.view-toggle{align-items:center;display:flex}.view-toggle{background-color:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;transition:var(--transition);width:40px}.view-toggle:hover{background-color:var(--hover);border-color:var(--accent);color:var(--text-primary)}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--text-tertiary);left:var(--space-md);position:absolute;z-index:1}.search-box input{background-color:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:var(--space-sm) var(--space-md) var(--space-sm) 2.5rem;transition:var(--transition);width:200px}.search-box input:focus{background-color:var(--background);border-color:var(--accent);outline:none}.search-box input::-moz-placeholder{color:var(--text-tertiary)}.search-box input::placeholder{color:var(--text-tertiary)}.chapters-list{display:flex;flex-direction:column;gap:1px}.chapters-list.grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.chapter-item{align-items:center;background-color:var(--background);border:1px solid var(--border);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:var(--transition)}.chapters-list:not(.grid) .chapter-item{border-radius:0}.chapters-list:not(.grid) .chapter-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.chapters-list:not(.grid) .chapter-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.chapters-list.grid .chapter-item{border-radius:8px;flex-direction:column;padding:var(--space-xl);text-align:center}.chapter-item:hover{background-color:var(--hover);border-color:var(--accent)}.chapters-list:not(.grid) .chapter-item:hover{transform:translateX(4px)}.chapters-list.grid .chapter-item:hover{transform:translateY(-2px)}.chapter-number{align-items:center;background-color:var(--primary);border-radius:50%;color:var(--secondary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:48px;justify-content:center;width:48px}.chapters-list.grid .chapter-number{margin-bottom:var(--space-md)}.chapter-info{flex:1;min-width:0}.chapters-list.grid .chapter-info{margin-bottom:var(--space-md)}.chapter-title{color:var(--text-primary);display:block;font-size:1.05rem;font-weight:600;margin-bottom:var(--space-xs);text-decoration:none;transition:var(--transition)}.chapter-title:hover{color:var(--accent)}.chapter-meta{color:var(--text-tertiary);font-size:.8rem;font-weight:500}.read-btn{align-items:center;background-color:var(--primary);border-radius:50%;color:var(--secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;text-decoration:none;transition:var(--transition);width:36px}.read-btn:hover{opacity:.9;transform:scale(1.05)}.chapter-item.hidden{display:none}@media (max-width:768px){.hero-content{gap:var(--space-xl);grid-template-columns:1fr;text-align:center}.novel-title{font-size:2.25rem}.meta-grid{grid-template-columns:repeat(3,1fr)}.action-buttons{justify-content:center}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.chapter-controls{justify-content:space-between}.search-box input{width:100%}.chapters-list.grid{grid-template-columns:1fr}.chapter-item{padding:var(--space-md)}.chapters-list.grid .chapter-item{padding:var(--space-lg)}}@media (max-width:480px){.novel-title{font-size:1.875rem}.meta-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{justify-content:center}.chapter-controls{flex-direction:column;gap:var(--space-sm)}.chapters-section{padding:var(--space-lg)}}.page-content{margin:0 auto;max-width:65ch}.page-header{border-bottom:1px solid var(--border);margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);text-align:center}.page-title{font-size:2.5rem;font-weight:600;line-height:1.2;margin:0}.page-body,.page-title{color:var(--text-primary);font-family:var(--font-serif)}.page-body{font-size:1.125rem;line-height:1.8}.page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{color:var(--text-primary);font-family:var(--font-serif);font-weight:600;line-height:1.3;margin:var(--space-2xl) 0 var(--space-lg) 0}.page-body h1{font-size:2rem}.page-body h2{font-size:1.75rem}.page-body h3{font-size:1.5rem}.page-body h4{font-size:1.25rem}.page-body h5{font-size:1.125rem}.page-body h6{font-size:1rem}.page-body p{margin-bottom:var(--space-lg)}.page-body p:last-child{margin-bottom:0}.page-body a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.2em;transition:var(--transition)}.page-body a:hover{color:var(--accent);text-decoration-color:var(--accent)}.page-body ol,.page-body ul{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.page-body li{margin-bottom:var(--space-sm)}.page-body blockquote{background-color:var(--surface);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic;margin:var(--space-xl) 0;padding:var(--space-lg) var(--space-xl)}.page-body blockquote p{margin-bottom:var(--space-md)}.page-body blockquote p:last-child{margin-bottom:0}.page-body code{border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:.9em;padding:var(--space-xs) var(--space-sm)}.page-body code,.page-body pre{background-color:var(--surface)}.page-body pre{border:1px solid var(--border);border-radius:8px;margin:var(--space-lg) 0;overflow-x:auto;padding:var(--space-lg)}.page-body pre code{background:none;border-radius:0;padding:0}.page-body img{border:1px solid var(--border);border-radius:8px;height:auto;margin:var(--space-lg) 0;max-width:100%}.page-body table{border-collapse:collapse;font-size:1rem;margin:var(--space-lg) 0;width:100%}.page-body td,.page-body th{border-bottom:1px solid var(--border);padding:var(--space-md);text-align:left}.page-body th{background-color:var(--surface);color:var(--text-primary);font-weight:600}.page-body hr{background-color:var(--border);border:none;height:1px;margin:var(--space-2xl) 0}@media (max-width:768px){.page-title{font-size:2rem}.page-body{font-size:1rem}.page-body h1{font-size:1.75rem}.page-body h2{font-size:1.5rem}.page-body h3{font-size:1.25rem}.page-body h4{font-size:1.125rem}}@media (max-width:480px){.page-content{max-width:none}.page-title{font-size:1.75rem}.page-body{line-height:1.7}.page-body blockquote{margin-left:0;margin-right:0}.page-body pre{border-radius:0;margin-left:-var(--space-md);margin-right:-var(--space-md)}}