*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#1e1e24;--bg-secondary:#16213e;--bg-card:#0f3460;--bg-card-hover:#1a4a7a;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--text-muted:#6a6a7a;--accent:#e94560;--accent-hover:#ff6b81;--danger:#e74c3c;--border:#2a2a4a;--shadow:rgba(0, 0, 0, 0.3);--radius:8px;--font-main:'Segoe UI',system-ui,-apple-system,sans-serif;--font-mono:'Fira Code','Consolas',monospace;--orange:#ff6a00;--orange-yellow:#ff9224;--dark:#2c2b39;--blue-dark:#30537d;--blue-light:#76daff;--yellow:#fbf348;--yellow-grey:#58523a;--wood-base:#3d2314;--wood-dark:#211107;--wood-highlight:#5c3a21;--cloth-base:#5a534c}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;background-color:#26262b;background-image:linear-gradient(90deg,#111115 5px,transparent 5px),linear-gradient(90deg,#111115 5px,transparent 5px),linear-gradient(0deg,#111115 5px,transparent 5px),radial-gradient(circle at 30% 20%,rgba(255,255,255,.03) 0,transparent 60%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.2) 0,transparent 70%),repeating-linear-gradient(135deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 2px,transparent 2px,transparent 4px),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);background-size:200px 100px,200px 100px,100% 50px,400px 200px,300px 300px,6px 6px,4px 4px;background-position:0 0,100px 50px,0 0,0 0,0 0,0 0,0 0;backdrop-filter:contrast(110%) brightness(95%)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-inner h1{font-size:1.5rem;font-weight:700}.header-inner h1 a{color:var(--text-primary)}.header-inner h1 a:hover{color:var(--accent)}nav{display:flex;gap:.75rem;align-items:center}.user-greeting{color:var(--text-secondary);font-size:.9rem}#theme-selector{padding:.3rem .6rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-family:var(--font-main);cursor:pointer;transition:border-color .2s ease}#theme-selector:hover{border-color:var(--accent)}#theme-selector:focus{outline:0;border-color:var(--accent)}.btn{display:inline-block;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.btn:hover{background-color:var(--bg-card-hover);border-color:var(--accent)}.btn-primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-small{padding:.3rem .6rem;font-size:.8rem}main{max-width:1200px;margin:2rem auto;padding:0 2rem;flex:1;width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.8rem}.scroll-rack{background:linear-gradient(to bottom,#3e2723,#4e342e);border:8px solid #5d4037;border-radius:4px;padding:2rem 1.5rem 2.5rem;display:flex;flex-wrap:wrap;gap:1.5rem 2rem;justify-content:center;box-shadow:inset 0 2px 8px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3);position:relative;overflow:visible}.peg-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;min-width:120px;flex:1 1 140px;max-width:200px;z-index:1}.peg{position:absolute;top:30px;bottom:0;width:6px;height:15px;background:linear-gradient(to right,#a1887f,#8d6e63,#a1887f);border-radius:2px 2px 1px 1px;box-shadow:1px 2px 3px rgba(0,0,0,.3);z-index:3;transform-origin:bottom center}.peg-left{left:8%}.peg-right{right:8%}.peg::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:10px;height:6px;background:radial-gradient(ellipse at center,#bcaaa4,#8d6e63);border-radius:50%;box-shadow:0 -1px 2px rgba(0,0,0,.2)}.scroll-slot{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:1;transition:transform .3s ease;width:100%}.scroll-slot:hover{transform:translateY(-4px)}.scroll-slot:hover .scroll-body{box-shadow:0 6px 16px rgba(0,0,0,.5)}.scroll-body{display:flex;align-items:center;width:100%;margin-top:0;transition:box-shadow .3s ease;position:relative;z-index:2}.scroll-parchment{flex:1;height:8px;background:linear-gradient(to bottom,#d7ccc8 0,#efebe9 15%,#f5f0e8 50%,#efebe9 85%,#d7ccc8 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.scroll-end{border-radius:50%;background:radial-gradient(circle at 40% 40%,#efebe9,#d7ccc8 40%,#a1887f 70%,#8d6e63);box-shadow:0 2px 4px rgba(0,0,0,.2);width:22px;height:22px;flex-shrink:0}.scroll-slender .viewer-paper-cylinder{height:22px;top:20px}.scroll-medium .viewer-paper-cylinder{height:30px;top:12px}.scroll-thick .viewer-paper-cylinder{height:40px;top:0}.titulus{margin-top:10px;padding:.5rem .75rem;background:linear-gradient(to bottom,#f5f0e8,#e8e0d4);border:1px solid #bcaaa4;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.15);text-align:center;min-width:110px;max-width:140px;position:relative;font-family:Georgia,serif;transform:rotate(-3deg);align-self:flex-end;margin-right:10px}.titulus::before{content:'';position:absolute;top:-10px;right:18px;width:1px;height:10px;background:#6d4c41;transform:rotate(5deg)}.titulus::after{content:'';position:absolute;top:-12px;right:17px;width:4px;height:4px;background:#5d4037;border-radius:50%}.scroll-slender~.titulus{top:21px}.scroll-medium~.titulus{top:17px}.scroll-thick~.titulus{top:0}.titulus-title{font-size:.85rem;font-weight:700;color:#3e2723;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.titulus-author{font-size:.7rem;color:#5d4037;font-style:italic;margin-top:2px}.titulus-date{font-size:.6rem;color:#8d6e63;margin-top:2px}.torch-sconce{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;top:80px}.torch-sconce-left{left:-120px}.torch-sconce-right{right:-120px}.torch-sconce-left .torch-mount::before{right:-18px}.torch-sconce-right .torch-mount::before{left:-18px}.torch-container{width:120px;height:400px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;animation:torch-flicker .3s infinite linear}.torch-burner{width:80px;position:relative;height:80px;z-index:5;margin-bottom:-20px;animation:blink .3s infinite linear}.flame{width:32px;height:120px;margin:0 auto;position:relative;animation:move 3s infinite,move-left 3s infinite;transform-origin:50% 90%}.flame .top{width:32px;height:100%;position:absolute;top:0;left:0;background:#fff;border-top-left-radius:500%;border-bottom-left-radius:50px;border-top-right-radius:500%;border-bottom-right-radius:50px;transform:skewY(-10deg);box-shadow:0 0 0 3px #fff,0 -20px 1px 4px #fff,0 -25px 2px 3px gold,0 -30px 5px 4px var(--orange),0 0 150px 10px var(--orange),0 -10px 2px 4px #fff,0 -5px 3px 3px #fff;animation:flame-up 4s infinite}.flame .shadows{position:absolute;left:50%;top:0;width:1px;height:60px;border-radius:50%;transform:translateX(-50%);box-shadow:0 5px 20px 15px gold,0 0 100px 20px var(--orange),0 15px 50px 15px var(--orange),5px 30px 5px 13px var(--orange),5px 50px 5px 13px var(--orange),0 75px 50px 30px #000}.flame .bottom{transform:scale(.9);position:absolute;bottom:6px;left:15px;width:1px;height:18px;border-radius:1%;background:var(--dark);box-shadow:0 6px 10px 12px rgba(60,76,125,.3),0 0 4px 8px var(--dark),0 -12px 10px 8px rgba(255,106,0,.5),0 5px 7px 12px var(--dark),0 -3px 10px 12px var(--dark),5px -10px 10px 5px red,0 -15px 10px 10px gold,5px -25px 10px 5px gold,0 2px 5px 10px var(--blue-dark),0 -2px 2px 14px var(--blue-light),0 2px 10px 12px var(--blue-light)}.torch-hardware{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.cloth-wrap{width:28px;height:90px;background:var(--cloth-base);border-radius:6px 6px 12px 12px;position:relative;z-index:3;box-shadow:inset 0 10px 15px rgba(0,0,0,.6),inset 0 -10px 20px rgba(0,0,0,.8),0 4px 10px rgba(0,0,0,.5);overflow:hidden}.cloth-texture{width:100%;height:100%;opacity:.15;background:repeating-linear-gradient(45deg,#000,#000 2px,transparent 2px,transparent 8px),repeating-linear-gradient(-45deg,#000,#000 2px,transparent 2px,transparent 8px)}.twine-tie{position:absolute;width:35px;height:8px;background:#2b221a;left:-2px;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 2px 2px rgba(255,255,255,.1)}.top-tie{top:25px}.bottom-tie{bottom:25px}.iron-bracket{width:38px;height:14px;background:linear-gradient(to right,#1a1a1a,#333 30%,#111 80%,#000);border-radius:4px;position:absolute;top:80px;z-index:4;box-shadow:0 3px 5px rgba(0,0,0,.6)}.wood-shaft{width:15px;height:240px;background:linear-gradient(to right,var(--wood-dark),var(--wood-base) 40%,var(--wood-highlight) 70%,var(--wood-dark));border-radius:0 0 8px 8px;position:relative;z-index:2;top:-5px;box-shadow:inset 4px 0 7px rgba(0,0,0,.3),inset -4px 0 7px rgba(0,0,0,.6),0 10px 20px rgba(0,0,0,.4)}.wood-grain{width:100%;height:100%;opacity:.12;background:repeating-linear-gradient(to right,transparent,transparent 3px,#000 4px,transparent 5px)}.torch-glow{position:absolute;width:200px;height:300px;background:radial-gradient(ellipse at center,rgba(255,150,50,.1) 0,rgba(255,100,0,.05) 40%,transparent 70%);pointer-events:none;z-index:0}.torch-sconce-left .torch-glow{top:-80px;left:-60px}.torch-sconce-right .torch-glow{top:-80px;right:-60px}@keyframes move{0%{transform:skewX(2deg) skewY(5deg)}50%{transform:skewX(-2deg) skewY(0deg)}100%{transform:skewX(2deg) skewY(5deg)}}@keyframes move-left{50%{transform:skewX(3deg)}}@keyframes flame-up{50%{box-shadow:0 0 0 3px #fff,0 -38px 1px 2px #fff,0 -41px 2px 3px gold,0 -50px 5px 4px var(--orange),0 0 150px 10px var(--orange),0 -10px 2px 4px #fff,0 -5px 3px 3px #fff}}@keyframes blink{50%{opacity:.95}}@keyframes torch-flicker{0%{opacity:1}50%{opacity:.94}100%{opacity:1}}#viewer-overlay{position:fixed;inset:0;background:rgba(10,10,20,.98);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto}#viewer-overlay.active{opacity:1;pointer-events:all}.scroll-viewer-container{width:80vw;max-width:900px;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewer-bottom-dowel,.viewer-top-dowel{position:absolute;width:100%;height:44px;display:flex;align-items:center;justify-content:center;z-index:10;top:50%;transform:translateY(-50%);transition:none}.parchment{position:absolute;width:100%;top:50%;bottom:50%;background:linear-gradient(to bottom,#f5f0e8,#e8e0d4,#f5f0e8);border-left:3px solid #8d6e63;border-right:3px solid #8d6e63;overflow-y:auto;font-family:Georgia,serif;color:#3e2723;box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 60px rgba(139,110,85,.1);z-index:5;transition:none}.viewer-top-dowel.unrolled{top:0;transform:translateY(0);transition:top .6s cubic-bezier(.25, .46, .45, .94),transform .6s cubic-bezier(.25, .46, .45, .94)}.viewer-bottom-dowel.unrolled{top:100%;transform:translateY(-100%);transition:top .6s cubic-bezier(.25, .46, .45, .94),transform .6s cubic-bezier(.25, .46, .45, .94)}.parchment.revealed{top:22px;bottom:22px;opacity:1;transition:top .6s cubic-bezier(.25, .46, .45, .94),bottom .6s cubic-bezier(.25, .46, .45, .94)}.parchment-header{padding:2rem 2.5rem 1rem;border-bottom:1px solid #bcaaa4;text-align:center}.parchment-title{font-size:2rem;font-weight:700;color:#3e2723;margin:0;line-height:1.2}.parchment-author{font-size:1rem;font-style:italic;color:#5d4037;margin-top:.5rem}.parchment-body{padding:1.5rem 2.5rem;min-height:100%}.parchment-footer{padding:1rem 2.5rem;border-top:1px solid #bcaaa4;text-align:center}.parchment-meta{font-size:.8rem;color:#8d6e63;font-style:italic}.parchment .markdown-body h1,.parchment .markdown-body h2,.parchment .markdown-body h3{color:#4e342e;border-bottom-color:#d7ccc8}.parchment .markdown-body code{background-color:rgba(139,110,85,.1);color:#4e342e}.viewer-close{position:fixed;top:20px;right:20px;width:36px;height:36px;background:#5d4037;color:#f5f0e8;border:2px solid #8d6e63;border-radius:50%;font-size:1.1rem;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.4)}.viewer-close:hover{background:#8d6e63}.viewer-axle-nub{position:absolute;width:28px;height:16px;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 3px),linear-gradient(to bottom,#c49a6c,#8b6914 50%,#c49a6c);background-blend-mode:multiply;border-radius:4px;box-shadow:inset 0 2px 4px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.5);z-index:6;top:50%;transform:translateY(-50%)}.viewer-axle-nub-left{left:-12px;z-index:1}.viewer-axle-nub-right{right:-12px;z-index:1}.scroll-slender .viewer-axle-nub{top:31px}.scroll-medium .viewer-axle-nub{top:27px}.scroll-thick .viewer-axle-nub{top:20px}.viewer-axle-nub-left{left:-12px}.viewer-axle-nub-right{right:-12px}.viewer-paper-cylinder{flex:1;min-height:22px;border-radius:22px;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px),linear-gradient(to bottom,#d4b896 0,#f5eacf 25%,#e9daae 50%,#c4ae80 85%,#a88b5a 100%);background-blend-mode:multiply;box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 2px 4px rgba(255,255,255,.3),inset 0 -4px 6px rgba(0,0,0,.2);position:relative;z-index:2}.flying-scroll{transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.scroll-slot.animating{opacity:0;pointer-events:none}.simple-list{display:flex;flex-direction:column;gap:.5rem}.list-item{background:var(--bg-card);padding:1rem 1.25rem;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease;border:1px solid var(--border)}.list-item:hover{background:var(--bg-card-hover)}.list-title{font-weight:600;font-size:1rem}.list-meta{font-size:.8rem;color:var(--text-secondary)}.empty-state{color:var(--text-muted);font-style:italic;padding:1rem 0}.markdown-body{line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.5rem 0 .75rem;color:var(--text-primary)}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--border)}.markdown-body p{margin-bottom:.75rem}.markdown-body code{background-color:var(--bg-primary);padding:.15rem .4rem;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.task-item:hover{background-color:var(--bg-primary)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;padding-top:80px;justify-content:center;overflow-y:auto}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.6)}.modal-content{position:relative;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:90%;max-width:480px;z-index:1001}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:.6rem;margin-bottom:1rem;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-main)}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:0;border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}footer{text-align:center;padding:2rem;background-color:var(--bg-secondary);color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border);margin-top:auto}.hidden{display:none!important}.user-link{color:var(--accent);text-decoration:underline;cursor:pointer}.user-link:hover{color:var(--accent-hover)}#editor-overlay{position:fixed;inset:0;background:rgba(10,10,20,.92);z-index:10000;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px)}.editor-toolbar{background:var(--bg-primary)!important;border-bottom:1px solid var(--border)!important;padding:8px 12px!important}.editor-toolbar button{color:var(--text-primary)!important;border:none!important;background:0 0!important;margin:0 2px!important}.editor-toolbar button.active,.editor-toolbar button:hover{background:var(--accent)!important;color:#fff!important;border-radius:4px!important}.editor-preview,.editor-preview-side{background:var(--bg-secondary)!important;color:var(--text-primary)!important;padding:20px!important;font-family:var(--font-main)!important}.editor-preview h1,.editor-preview h2,.editor-preview h3{color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.3em}.editor-preview a{color:var(--accent)}.editor-preview blockquote{border-left:4px solid var(--accent);padding-left:1em;color:var(--text-muted);margin-left:0}.editor-preview code{background:var(--bg-primary);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.editor-statusbar{background:var(--bg-primary)!important;border-top:1px solid var(--border)!important;color:var(--text-muted)!important;padding:6px 12px!important;font-size:.85rem!important}.editor-shell{background:var(--bg-secondary);width:95%;max-width:1100px;height:88vh;border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}.editor-topbar{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);flex-shrink:0}.editor-topbar h2{margin:0;font-size:1.2rem}.editor-title-row{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-primary);flex-shrink:0}.editor-title-row input{width:100%;padding:10px 14px;font-size:1.15rem;border:2px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-main);transition:border-color .2s}.editor-title-row input:focus{outline:0;border-color:var(--accent)}.editor-toolbar{padding:6px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px;align-items:center;flex-shrink:0}.tb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;padding:0 8px;border:none;border-radius:4px;background:0 0;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font-mono)}.tb-btn:hover{background:var(--accent);color:#fff}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 6px}.tb-help{margin-left:auto;border:1px solid var(--border);font-family:var(--font-main)}.editor-tabs{display:flex;padding:0 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center}.editor-tab{padding:8px 16px;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s;font-family:var(--font-main)}.editor-tab:hover{color:var(--text-primary)}.editor-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-tab-spacer{flex:1}.editor-wordcount{font-size:.8rem;color:var(--text-muted);padding-right:4px}.editor-body{flex:1;display:flex;overflow:hidden}.editor-pane{flex:1;overflow:auto;min-width:0}.editor-divider{width:1px;background:var(--border);flex-shrink:0}#editor-textarea{width:100%;height:100%;padding:16px 20px;border:none;resize:none;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.65;outline:0}#pane-preview{padding:16px 20px;background:var(--bg-secondary)}#pane-preview .markdown-body{color:var(--text-primary);line-height:1.7}#pane-preview .markdown-body h1,#pane-preview .markdown-body h2,#pane-preview .markdown-body h3{color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.3em;margin-top:1.2em}#pane-preview .markdown-body blockquote{border-left:4px solid var(--accent);padding-left:1em;color:var(--text-muted);margin-left:0}#pane-preview .markdown-body code{background:var(--bg-primary);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}#pane-preview .markdown-body table{border-collapse:collapse;width:100%}#pane-preview .markdown-body td,#pane-preview .markdown-body th{border:1px solid var(--border);padding:8px 12px;text-align:left}#pane-preview .markdown-body th{background:var(--bg-primary)}.mode-split .editor-pane{flex:1}.mode-split .editor-divider{display:block}.mode-write #pane-preview,.mode-write .editor-divider{display:none}.mode-preview #pane-write,.mode-preview .editor-divider{display:none}.editor-bottombar{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);flex-shrink:0;gap:10px}.editor-bottombar-left{display:flex;gap:10px;align-items:center}.editor-bottombar-right{display:flex;gap:10px}.editor-bottombar select{padding:6px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}#md-guide-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:20000;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px)}.md-guide{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}.md-guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.md-guide-header h3{margin:0}.md-guide-body{padding:20px}.md-guide-table{width:100%;border-collapse:collapse;font-size:.9rem}.md-guide-table td,.md-guide-table th{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left}.md-guide-table th{background:var(--bg-primary);color:var(--text-primary);font-weight:600}.md-guide-table code{background:var(--bg-primary);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.85em;color:var(--accent)}.md-guide-table blockquote{border-left:3px solid var(--accent);padding-left:.5em;margin:0;color:var(--text-muted)}@media (max-width:1024px){html{font-size:15px}main{padding:0 1.5rem;margin:1.5rem auto}.scroll-rack{padding:1.5rem 1rem 2rem;gap:1.5rem 1.8rem}.peg-wrapper{min-width:100px;flex:1 1 120px;max-width:160px}.torch-sconce-left,.torch-sconce-right{display:none}#viewer-overlay .scroll-viewer-container{width:90vw;max-width:720px}}@media (max-width:768px){html{font-size:14.5px}header{padding:.75rem 1rem}.header-inner{flex-direction:column;gap:.75rem;align-items:stretch}nav{justify-content:center;flex-wrap:wrap}.scroll-rack{padding:1.25rem .75rem 1.75rem;gap:1rem 1.75rem}.peg-wrapper{min-width:95px;flex:1 1 110px;max-width:145px}.titulus{min-width:100px;max-width:130px;padding:.4rem .6rem}.titulus-title{font-size:.8rem}.titulus-author{font-size:.65rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header h2{font-size:1.6rem}#viewer-overlay{align-items:flex-start;padding-top:10px;overflow-y:auto}.scroll-viewer-container{width:96vw;max-width:none;height:auto;min-height:100vh;margin:0 auto;justify-content:flex-start;padding-top:60px;padding-bottom:40px}.parchment.revealed{top:22px;bottom:22px}.viewer-close{top:16px;right:16px;width:48px;height:48px;font-size:1.5rem}}@media (max-width:480px){html{font-size:14px}main{padding:0 1rem;margin:1rem auto}.scroll-rack{padding:1rem .5rem 1.5rem;gap:1rem;flex-direction:column;align-items:center}.peg-wrapper{min-width:85%;max-width:100%;flex:1 1 auto;margin-bottom:1.5rem}.scroll-body{max-width:280px;margin:0 auto}.titulus{min-width:220px;max-width:260px;margin:12px auto 0;align-self:center;transform:rotate(-2deg)}.torch-sconce{display:none}.scroll-viewer-container{padding-top:50px;width:98vw}.parchment-body,.parchment-footer,.parchment-header{padding-left:1.25rem;padding-right:1.25rem}.parchment-title{font-size:1.65rem}.editor-shell{width:98%;height:96vh;margin:1vh auto;border-radius:8px}.editor-bottombar,.editor-tabs,.editor-title-row,.editor-toolbar,.editor-topbar{padding-left:12px;padding-right:12px}#editor-textarea,#pane-preview{padding:12px 14px;font-size:15px}.modal-content{width:94%;padding:1.5rem;max-width:none}.btn{padding:.45rem .9rem;font-size:.9rem}}@media (max-width:360px){.peg-wrapper{max-width:100%}.scroll-slot{max-width:260px;margin:0 auto}.titulus{font-size:.78rem}.scroll-viewer-container{padding-top:45px}}@media (max-width:768px) and (orientation:landscape){.scroll-rack{flex-wrap:wrap}.peg-wrapper{flex:1 1 160px;max-width:160px}}@media (max-width:768px){.btn,.editor-tab,.scroll-slot,.tb-btn{min-height:44px}.viewer-close{width:44px;height:44px;font-size:1.4rem}}