.toolbar{height:5vh;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:var(--color-bg);color:var(--color-text);position:relative;gap:8px;font-family:var(--font-ui);z-index:2000}.toolbar-title{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--chapter-color-1);display:flex;align-items:center;gap:6px}.toolbar-warning{position:absolute;top:0;left:50%;transform:translate(-50%);width:65%;height:60%;background:var(--color-warningBg);border:1px solid var(--color-warningBorder);border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.8vw;font-weight:500;color:var(--color-warningText);box-shadow:0 2px 4px #0000001a;z-index:5;text-align:center;pointer-events:none}.toolbar-right{display:flex;align-items:center;gap:6px;position:relative}.toolbar-btn{background:var(--color-panelAlt);border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-family:var(--font-ui);font-size:14px;color:var(--color-text)}.theme-trigger{border:1px solid var(--color-border)}.theme-menu{position:absolute;right:40px;top:100%;margin-top:6px;width:280px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 20px #0000001a;z-index:500;padding:10px;color:var(--color-text)}.mode-switch{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;cursor:pointer;font-family:var(--font-ui);font-size:14px;color:var(--color-text)}.mode-label{display:flex;align-items:center;gap:8px}.mode-status{font-size:12px;opacity:.6}.theme-list{margin-top:10px}.theme-list-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;color:var(--color-text);opacity:.7}.theme-option{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;background:var(--color-bg);cursor:pointer;color:var(--color-text)}.theme-option.selected{background:var(--color-panel)}.unlock-section{margin-top:12px}.unlock-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text);opacity:.7;margin-bottom:6px}.unlock-input{display:flex;gap:6px}.unlock-input input{flex:1;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;font-family:var(--font-ui);font-size:14px;color:var(--color-text);background:var(--color-panel)}.unlock-input button{border:1px solid var(--color-border);background:var(--color-panel);border-radius:8px;padding:8px 12px;cursor:pointer;font-family:var(--font-ui);font-size:14px;color:var(--color-text)}.unlock-link{display:inline-block;margin-top:8px;font-family:var(--font-ui);font-size:14px;text-decoration:underline;color:var(--color-accent)}.toolbar-link{color:var(--color-accent, #4a90e2);text-decoration:underline;font-weight:500;pointer-events:auto}.toolbar-link:hover{color:var(--accent-hover, #1c6cd5)}.fullscreen-trigger{background:transparent}.footer{background:var(--color-panelAlt);color:var(--color-text);border-top:1px solid var(--color-border);padding:.5vh 1vw;font-size:14px;font-family:var(--font-ui);display:flex;align-items:center;justify-content:space-between;height:5vh;bottom:0;left:0}.footer-left,.footer-center,.footer-right{display:flex;align-items:center}.footer-center{position:absolute;left:50%;transform:translate(-50%)}.footer-left p,.footer-center p{margin:0}.footer-center a{color:var(--color-accent);text-decoration:none;margin:0 .5vw}.footer-center a:hover,.footer-center a:focus-visible{text-decoration:underline}.footer-right .donate-button{background:var(--color-accent);color:var(--color-accentText);border:1px solid var(--color-border);padding:1vh .8vw;border-radius:4px;font-weight:700;cursor:pointer;font-family:var(--font-ui)}.footer-right .donate-button:hover,.footer-right .donate-button:focus-visible{filter:brightness(.92)}.footer svg{color:var(--color-text)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--color-bg);padding:20px;border-radius:8px;width:650px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:var(--node-shadow);color:var(--color-text);border:1px solid var(--color-border)}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.btn{display:flex;align-items:center;padding:6px 12px;font-size:14px;border-radius:4px;border:none;cursor:pointer;gap:4px;font-family:var(--font-ui)}.btn-primary{background-color:var(--color-accent);color:var(--color-accentText)}.btn-secondary{background-color:var(--color-panelAlt);color:var(--color-text)}.modal-toolbar{display:flex;gap:6px;margin-bottom:8px}.image-preview{margin-top:10px}.image-preview img{max-width:100%;border-radius:4px}.modal-toolbar button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg);border-radius:4px;cursor:pointer;color:var(--color-text)}.modal-toolbar button:hover{background:var(--color-panelAlt)}.rich-editor{min-height:220px;padding:8px 10px;line-height:1.5;background:var(--color-panel);color:var(--color-text);outline:none}.rich-editor p{margin:0 0 .75em}.rich-editor:focus{box-shadow:0 0 0 2px var(--color-border)}:root{--color-bg: #ffffff;--color-panel: #f7f7fb;--color-text: #1f1f29;--color-border: #e5e5ef;--color-accent: #6b5bd8;--color-accentText: #ffffff;--color-warningBg: #fff3cd;--color-warningBorder: #ffeeba;--color-warningText: #856404;--color-nodeConnection: "888";--font-ui: Fredoka, sans-serif;--font-display: Fredoka, sans-serif;--font-ui-scale: 1;--font-display-scale: 1;--chapter-color-1: #766DA7;--chapter-color-2: #15191E;--chapter-color-3: #7A9663;--chapter-color-4: #556842;--chapter-color-5: #A0AE91;--grid-line-color: rgba(0, 0, 0, .1);--node-shadow: 0 2px 6px rgba(0, 0, 0, .15);--color-mutedText: #777;--color-panelAlt: #e9ebf2}[data-mode=dark]{--grid-line-color: rgba(255, 255, 255, .05);--annotation-shadow: 0 2px 8px rgba(0, 0, 0, .25);--node-shadow: 0 2px 6px rgba(0, 0, 0, .25);--color-mutedText: #aaa;--color-panelAlt: #21283c}html,body{height:100%;width:100%;margin:0;font-family:var(--font-ui);color:var(--color-text);background:var(--color-panel);box-sizing:border-box;overflow:hidden}p,span,li,label,button,input,textarea,select,h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--font-ui)}p{font-size:calc(16px * var(--font-ui-scale))}small{font-size:calc(14px * var(--font-ui-scale))}h1{font-size:calc(2rem * var(--font-display-scale))}h2{font-size:calc(1.6rem * var(--font-display-scale))}h3{font-size:calc(1.3rem * var(--font-display-scale))}h4{font-size:calc(1.2rem * var(--font-display-scale))}a{color:var(--color-accent)}button{background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;font-family:var(--font-ui);font-size:14px}input::placeholder,textarea::placeholder{color:var(--color-text);opacity:.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-track{background:var(--color-bg)}.app{display:flex;flex-direction:column;height:100vh}.main-layout{display:flex;height:95vh;overflow:hidden}.outline-panel{border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-panel);flex:1;overflow-y:auto;overscroll-behavior:none}.outline-panel .scroll-container{flex:1;overflow-y:auto}.canvas-container{flex:0 0 50vw;overflow:hidden;position:relative;height:88.5vh}.canvas-container.editor-expanded{flex:1 1 auto}.text-editor{flex:1;overflow-y:auto;padding-right:10px;overscroll-behavior:none}.toggle-editor{align-self:stretch;width:16px;border:none;background:var(--color-panelAlt);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}