#bg-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.novel-page{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;padding:1.5rem 2.5rem;gap:.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow:hidden}.title-block{text-align:left;user-select:none;display:flex;align-items:flex-end;gap:2.5rem}.title-text-group{display:flex;flex-direction:column}.title-eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#7ab8ff8c;display:block;padding-bottom:2px}.title-main{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#eef2fa;line-height:1;display:block;text-shadow:0 0 40px rgba(100,160,240,.2),0 2px 16px rgba(100,160,240,.1)}.waterline{display:block;width:100%;height:1px;margin:4px 0 0;background:linear-gradient(to right,transparent,rgba(122,184,255,.3) 15%,rgba(160,210,255,.5) 50%,rgba(122,184,255,.3) 85%,transparent)}.title-reflection{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#eef2fa;line-height:1;display:block;transform:scaleY(-1);opacity:.13;filter:blur(.8px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 45%,transparent 80%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 45%,transparent 80%);pointer-events:none;margin-top:1px}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex-shrink:0;padding-bottom:.25rem}.filter-tab{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(var(--tab-accent-rgb, 80,120,200),.25);background:rgba(var(--tab-accent-rgb, 80,120,200),.04);color:rgba(var(--tab-accent-rgb, 80,120,200),.45);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;user-select:none;appearance:none;-webkit-appearance:none}.filter-tab[data-folder=characters]{--tab-accent-rgb: 255,229,44}.filter-tab[data-folder=locations]{--tab-accent-rgb: 122,184,255}.filter-tab[data-folder=lore]{--tab-accent-rgb: 255,136,34}.filter-tab[data-folder=scenes]{--tab-accent-rgb: 255,102,102}.filter-tab[data-folder=themes]{--tab-accent-rgb: 170,170,255}.filter-tab:hover{border-color:rgba(var(--tab-accent-rgb, 80,120,200),.6);color:rgba(var(--tab-accent-rgb, 80,120,200),.8);background:rgba(var(--tab-accent-rgb, 80,120,200),.07)}.filter-tab:active{transform:translateY(1px);transition-duration:60ms}.filter-tab.is-active{border-color:rgba(var(--tab-accent-rgb, 80,120,200),.85);color:rgba(var(--tab-accent-rgb, 80,120,200),1);background:rgba(var(--tab-accent-rgb, 80,120,200),.1);box-shadow:0 0 14px rgba(var(--tab-accent-rgb, 80,120,200),.12)}.tab-count{font-size:.55rem;opacity:.65;margin-left:5px}.novel-panels{display:flex;position:relative;flex:1;min-height:0;border:1px solid rgba(100,140,200,.1);overflow:hidden}.novel-sidebar{width:320px;flex-shrink:0;border-right:1px solid rgba(100,140,200,.1);overflow-y:auto;overflow-x:hidden;padding:.6rem 0;background:#ffffff05;transition:width .28s cubic-bezier(.16,1,.3,1),border-right-color .28s cubic-bezier(.16,1,.3,1)}.novel-sidebar.is-collapsed{width:0;overflow:hidden;padding:0;border-right-color:transparent}.sidebar-group{margin-bottom:.1rem}.sidebar-group-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--panel-accent-rgb, 255,229,44),.65);background:none;border:none;cursor:pointer;text-align:left;transition:color .15s ease;appearance:none;-webkit-appearance:none}.sidebar-group-btn:hover{color:rgba(var(--panel-accent-rgb, 255,229,44),.9)}.sidebar-group-btn.is-open{color:rgba(var(--panel-accent-rgb, 255,229,44),.95)}.sidebar-arrow{font-size:.55rem;opacity:.7;transition:transform .2s ease;flex-shrink:0;display:inline-block}.sidebar-group-btn.is-open .sidebar-arrow{transform:rotate(90deg)}.sidebar-files{display:none}.sidebar-files.is-open{display:block}.sidebar-file{display:block;width:100%;padding:9px 16px 9px 28px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;text-transform:none;color:#c8d7eb73;background:none;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease,background .12s ease,border-color .12s ease;appearance:none;-webkit-appearance:none}.sidebar-file:hover{color:#c8d7ebcc;background:#ffffff06}.sidebar-file.is-active{color:rgba(var(--panel-accent-rgb, 255,229,44),.92);background:rgba(var(--panel-accent-rgb, 255,229,44),.055);border-left-color:rgba(var(--panel-accent-rgb, 255,229,44),.6);padding-left:26px}.novel-sidebar>.sidebar-file{padding-left:18px}.novel-sidebar>.sidebar-file.is-active{padding-left:16px}.sidebar-tab{position:absolute;top:50%;left:320px;transform:translateY(-50%);z-index:10;writing-mode:vertical-lr;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:14px 6px;background:#0a0c14eb;border:1px solid rgba(100,140,200,.2);border-left:none;color:#c8d7eb66;cursor:pointer;border-radius:0 3px 3px 0;line-height:1;user-select:none;appearance:none;-webkit-appearance:none;transition:left .28s cubic-bezier(.16,1,.3,1),color .15s ease,border-color .15s ease}.sidebar-tab:hover{color:#c8d7ebd9;border-color:#648cc873}.sidebar-tab.is-collapsed{left:0;border-left:1px solid rgba(100,140,200,.2);border-right:none;border-radius:3px 0 0 3px}.novel-content{flex:1;min-width:0;padding:1.75rem 2rem;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.6rem;opacity:.3}.content-placeholder-line{width:32px;height:1px;background:rgba(var(--panel-accent-rgb, 122,184,255),.5)}.content-placeholder-text{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--panel-accent-rgb, 122,184,255),.7)}.content-breadcrumb{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--panel-accent-rgb, 255,229,44),.55);margin-bottom:.5rem}.content-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;line-height:1.05;color:rgba(var(--panel-accent-rgb, 255,229,44),.95);margin-bottom:.35rem}.content-date{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:rgba(var(--panel-accent-rgb, 255,229,44),.4);margin-bottom:1.25rem}.content-divider{height:1px;background:linear-gradient(to right,rgba(var(--panel-accent-rgb, 255,229,44),.25) 0%,transparent 60%);margin-bottom:1.5rem}.content-body{font-family:var(--font-body);font-size:1rem;line-height:1.85;color:#c8d7ebd9}.content-body p{margin-bottom:1.25em}.content-body strong{color:rgba(var(--panel-accent-rgb, 200,220,255),.95)}.content-body em{color:#c8d7eba6}.content-body h2,.content-body h3{font-family:var(--font-display);color:rgba(var(--panel-accent-rgb, 200,220,255),.9);margin:2em 0 .75em;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em}.content-body ul,.content-body ol{padding-left:1.5em;margin-bottom:1.25em}.content-body li{margin-bottom:.4em}.content-body img{max-width:100%;display:block;margin:1.5em 0}.content-body table{display:block;overflow-x:auto;width:100%;max-width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:.875rem;white-space:nowrap}.content-body th,.content-body td{padding:8px 14px;border:1px solid rgba(var(--panel-accent-rgb, 80,120,200),.18);text-align:left;vertical-align:top}.content-body th{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--panel-accent-rgb, 200,220,255),.75);background:rgba(var(--panel-accent-rgb, 80,120,200),.07);white-space:nowrap}.content-body td{color:#c8d7ebcc}.content-body tbody tr:nth-child(2n) td{background:#ffffff06}@media(prefers-reduced-motion:reduce){.filter-tab,.sidebar-group-btn,.sidebar-file,.sidebar-arrow,.novel-sidebar,.sidebar-tab{transition:none}}@media(max-width:768px){.novel-page{padding:1.5rem;height:auto;min-height:100vh;overflow:visible}.filter-tabs{gap:4px}.filter-tab{font-size:.58rem;padding:4px 8px}.novel-panels{flex-direction:column;overflow:visible;border:none}.novel-sidebar{width:100%!important;flex-shrink:initial;border-right:none;border-bottom:1px solid rgba(100,140,200,.1);max-height:260px;overflow-y:auto;transition:none}.novel-content{padding:1.25rem;overflow-y:visible}.sidebar-tab{display:none}}