#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:3rem 4rem;gap:.75rem;max-width:1100px;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:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#7ab8ff8c;display:block;padding-bottom:2px}.title-main{font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(2rem,5vw,3.2rem);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:Archivo Black,Arial Black,sans-serif;font-size:clamp(2rem,5vw,3.2rem);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:JetBrains Mono,monospace;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}.scatter-canvas{position:relative;flex:1;min-height:0;overflow:hidden}.scatter-canvas .memory-shard{position:absolute;width:200px}@keyframes shard-sweep{0%{left:-70%;opacity:.9}to{left:130%;opacity:0}}.memory-shard{position:relative;padding:1.1rem .8rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:128px;gap:.35rem;cursor:pointer;user-select:none;overflow:hidden;backdrop-filter:blur(8px) brightness(1.18) saturate(1.25);-webkit-backdrop-filter:blur(8px) brightness(1.18) saturate(1.25);background-color:#fff1;background-image:radial-gradient(circle at var(--shard-gx, 30%) var(--shard-gy, 25%),rgba(255,255,255,.17) 0%,rgba(255,255,255,.07) 38%,transparent 62%),linear-gradient(155deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 42%,transparent 100%);border:1px solid rgba(var(--panel-accent-rgb, 180,210,255),.42);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0003,0 4px 16px #00000080,0 1px 3px #0000004d;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),filter .22s ease,opacity .2s ease}.memory-shard *{cursor:pointer;user-select:none}.memory-shard:after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);pointer-events:none;opacity:0}.memory-shard:before{display:none}.memory-shard:hover{background-color:#ffffff1c;border-color:rgba(var(--panel-accent-rgb, 180,210,255),.9);box-shadow:inset 0 1px #fffc,inset 0 -1px #00000026,0 14px 36px #000000a6,0 2px 8px #0006;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(var(--panel-accent-rgb, 180,210,255),.3))}.memory-shard:hover:after{animation:shard-sweep .48s cubic-bezier(.4,0,.2,1) forwards}.memory-shard:active{transform:translateY(1px) scale(.975);background-color:#ffffff26;border-color:rgba(var(--panel-accent-rgb, 180,210,255),1);box-shadow:inset 0 1px #fff9,0 1px 5px #0000004d;transition-duration:60ms}.memory-shard.is-clicked{background-color:#ffffff21;border-color:rgba(var(--panel-accent-rgb, 180,210,255),.9);box-shadow:inset 0 1px #ffffffa6,0 6px 18px #00000080}.shard-title{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;text-align:center;color:#ffffffe0;cursor:pointer;user-select:none;pointer-events:none;position:relative;z-index:1}.shard-subfolder{font-family:JetBrains Mono,monospace;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--panel-accent-rgb, 180,210,255),.65);border-bottom:1px solid rgba(var(--panel-accent-rgb, 180,210,255),.2);padding-bottom:4px;width:100%;text-align:center;pointer-events:none;position:relative;z-index:1}.reading-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:stretch;pointer-events:none;clip-path:inset(100%)}.reading-overlay.is-open{pointer-events:auto}.reading-shard{position:absolute;inset:0;background:#030610f7;border:1px solid rgba(var(--overlay-accent-rgb, 80,120,200),.4);clip-path:polygon(.3% .2%,99.7% 0,100% 99.8%,0 100%);display:flex;flex-direction:column;overflow:hidden}.reading-content{position:relative;z-index:1;padding:3rem 0;overflow-y:auto;height:100%;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer}.reading-back{width:100%;max-width:720px;padding:0 2rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--overlay-accent-rgb, 80,120,200),.45);background:none;border:none;cursor:pointer;margin:0;transition:color .2s ease;display:block;text-align:left}.reading-back:hover{color:rgba(var(--overlay-accent-rgb, 80,120,200),.9)}.reading-inner{display:flex;gap:2.5rem;align-items:flex-start;width:100%;max-width:720px;padding:0 2rem;cursor:default}.reading-breadcrumb{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--overlay-accent-rgb, 80,120,200),.6);margin-bottom:.5rem}.reading-title{font-family:Archivo Black,Arial Black,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.05;margin-bottom:.5rem}.reading-date{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.08em;color:rgba(var(--overlay-accent-rgb, 80,120,200),.55);margin-bottom:2.5rem}.reading-body{font-family:Inter,sans-serif;font-size:1rem;line-height:1.85;color:#c8d7ebd9;max-width:620px;flex:1;min-width:0}.reading-body p{margin-bottom:1.25em}.reading-body strong{color:rgba(var(--overlay-accent-rgb, 200,220,255),.95)}.reading-body em{color:#c8d7eba6}.reading-body h2,.reading-body h3{font-family:Archivo Black,sans-serif;color:rgba(var(--overlay-accent-rgb, 200,220,255),.9);margin:2em 0 .75em;font-size:1.1rem}.reading-body ul,.reading-body ol{padding-left:1.5em;margin-bottom:1.25em}.reading-body li{margin-bottom:.4em}.reading-body img{max-width:100%;display:block;margin:1.5em 0}.reading-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}.reading-body th,.reading-body td{padding:8px 14px;border:1px solid rgba(var(--overlay-accent-rgb, 80,120,200),.18);text-align:left;vertical-align:top}.reading-body th{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--overlay-accent-rgb, 200,220,255),.75);background:rgba(var(--overlay-accent-rgb, 80,120,200),.07);white-space:nowrap}.reading-body td{color:#c8d7ebcc}.reading-body tbody tr:nth-child(2n) td{background:#ffffff06}.reading-images{flex-shrink:0;width:220px;display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.reading-images img{width:100%;border:1px solid rgba(var(--overlay-accent-rgb, 80,120,200),.25);display:block}@media(prefers-reduced-motion:reduce){.reading-overlay{opacity:0;transition:opacity .2s ease;clip-path:none!important}.reading-overlay.is-open{opacity:1}.filter-tab,.memory-shard,.memory-shard:after{transition:none;animation: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}.scatter-canvas{overflow:visible;flex:none;height:auto}.scatter-canvas .memory-shard{position:static;rotate:none!important;width:auto}#scatter-canvas{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:.25rem 0}.reading-inner{flex-direction:column;gap:1.5rem}.reading-images{width:100%}}