:root,:root[data-theme=light]{--bg-color: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--panel-bg: #ffffff;--panel-bg-rgb: 255, 255, 255;--panel-border: #e2e8f0;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--accent: #3b82f6;--accent-hover: #2563eb;--accent-rgb: 59, 130, 246;--input-bg: #f8fafc;--input-border: #e2e8f0;--input-focus: #ffffff;--btn-bg: #ffffff;--btn-hover: #f1f5f9;--item-bg: #f8fafc;--item-bg-empty: #ffffff;--preview-bg: #f1f5f9;--tab-active-bg: #e0eafc;--stats-bg: #f8fafc;--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--font-base: "IBM Plex Sans JP", "Inter", system-ui, -apple-system, sans-serif;--font-mincho: "Times New Roman", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-gothic: "Yu Gothic", "Hiragino Sans", sans-serif;--font-serif: "Times New Roman", Georgia, serif;--font-mono: "JetBrains Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Courier New", monospace;--header-height: 40px;--header-pt: 12px;--sidebar-left-width: 20%;--sidebar-left-min: 268px;--sidebar-left-max: 280px;--sidebar-right-width: 20%;--sidebar-right-min: 268px;--sidebar-right-max: 360px;--editor-max-width: min(55vw, 800px);--editor-paper-ratio: 1.414}:root[data-accent=red]{--accent: #e53e3e;--accent-hover: #c53030;--accent-rgb: 229, 62, 62}:root[data-accent=yellow]{--accent: #d69e2e;--accent-hover: #b7791f;--accent-rgb: 214, 158, 46}:root[data-accent=green]{--accent: #38a169;--accent-hover: #2f855a;--accent-rgb: 56, 161, 105}:root[data-accent=cyan]{--accent: #0bc5ea;--accent-hover: #00b5d8;--accent-rgb: 11, 197, 234}:root[data-accent=blue]{--accent: #3182ce;--accent-hover: #2b6cb0;--accent-rgb: 49, 130, 206}:root[data-accent=purple]{--accent: #805ad5;--accent-hover: #6b46c1;--accent-rgb: 128, 90, 213}:root[data-accent=grey]{--accent: #718096;--accent-hover: #4a5568;--accent-rgb: 113, 128, 150}:root{--tab-active-bg: rgba(var(--accent-rgb), .12) !important}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg-color: #121212;--text-main: #f5f5f5;--text-muted: #a0a0a0;--panel-bg: #1e1e1e;--panel-border: #333333;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #121212;--input-border: #333333;--input-focus: #1e1e1e;--btn-bg: #2c2c2c;--btn-hover: #3a3a3a;--item-bg: #2c2c2c;--item-bg-empty: #1e1e1e;--preview-bg: #121212;--tab-active-bg: rgba(255, 255, 255, .1);--stats-bg: #1e1e1e;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}}:root[data-theme=dark]{--bg-color: #121212;--text-main: #f5f5f5;--text-muted: #a0a0a0;--panel-bg: #1e1e1e;--panel-bg-rgb: 30, 30, 30;--panel-border: #333333;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--input-bg: #121212;--input-border: #333333;--input-focus: #1e1e1e;--btn-bg: #2c2c2c;--btn-hover: #3a3a3a;--item-bg: #2c2c2c;--item-bg-empty: #1e1e1e;--preview-bg: #121212;--tab-active-bg: rgba(255, 255, 255, .1);--stats-bg: #1e1e1e;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}body{margin:0;font-family:var(--font-base);background:var(--bg-color);color:var(--text-main);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--panel-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-main);outline:none;font-family:inherit;transition:all .2s ease;padding:8px 12px}.glass-input:focus{background:var(--input-focus);border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.glass-toggle-btn{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-main);outline:none;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);padding:8px 12px;cursor:pointer}.glass-toggle-btn:hover{background:var(--btn-hover)}.glass-toggle-btn:active{transform:scale(.96);background:var(--btn-bg)}.glass-toggle-btn:focus-visible{background:var(--input-focus);border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.md-code{background:#80808026;padding:1px 2.5px;margin:-1px -1.2px;border-radius:4px;border:.5px solid rgba(var(--accent-rgb),.3);color:var(--accent);box-sizing:border-box}.glass-button{background:var(--btn-bg);border:1px solid var(--panel-border);border-radius:6px;color:var(--text-main);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .2s ease}.glass-button:hover{background:var(--btn-hover);box-shadow:0 2px 8px #0000000d}.glass-button.primary{background:var(--accent);color:#fff;border:none}.glass-button.primary:hover{background:var(--accent-hover)}.layout-header-wrapper{position:fixed;top:0;left:0;right:0;z-index:101;padding-top:var(--header-pt);padding-bottom:var(--header-pt);background:transparent;border:none}.layout-main-flex{flex:1;position:relative;display:flex;box-sizing:border-box;overflow:hidden}.panels-container{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.panels-container::-webkit-scrollbar{display:none}.layout-sidebar{position:relative;z-index:50;padding-top:calc(var(--header-height) + var(--header-pt) * 2);padding-bottom:1rem;box-sizing:border-box;transition:opacity .5s ease,width .3s ease;flex-shrink:0}.left.panel-left{width:var(--sidebar-left-width);min-width:var(--sidebar-left-min);max-width:var(--sidebar-left-max)}.right.panel-right{width:var(--sidebar-right-width);min-width:var(--sidebar-right-min);max-width:var(--sidebar-right-max)}.panel-center{transition:flex .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:0;margin:0 16px;position:relative;z-index:10}.layout-sidebar.left{left:0;padding-left:1rem}.layout-sidebar.right{right:0;width:var(--sidebar-right-width);max-width:var(--sidebar-right-max);padding-right:1rem}.menu-bar-container{display:flex;align-items:center;padding:.2rem 1rem;width:100%;min-height:var(--header-height);box-sizing:border-box}.menu-tab-btn{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:.4rem .8rem;font-size:.9rem;font-weight:500;color:var(--text-main);cursor:pointer;border-radius:99px;outline:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.tab-icon{display:none}.menu-tab-btn:hover{background:var(--btn-hover)}.menu-tab-btn.active,.menu-tab-btn.flashing{background:var(--tab-active-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:none!important}.menu-tab-btn.brand{font-weight:700}.editor-container-root{display:flex;flex-direction:column;width:100%;min-width:100%;height:100%;overflow:hidden;background:var(--bg-color);box-sizing:border-box}.editor-scroll-container{width:100%;height:100%;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.editor-scroll-container::-webkit-scrollbar{display:none}.editor-paper-root{position:relative;top:64px}.editor-paper-root.print-mode{min-height:calc(var(--editor-max-width) * var(--editor-paper-ratio))}.editor-paper-bg{position:absolute;top:0;left:0;right:0;height:100%;z-index:0;pointer-events:none;background:var(--panel-bg);box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modal-fade-in .15s ease}.modal-overlay.no-blur{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-container{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--panel-shadow),0 8px 40px #0006;padding:28px 28px 24px;display:flex;flex-direction:column;gap:16px;animation:modal-slide-in .18s cubic-bezier(.34,1.56,.64,1);max-width:90vw}.modal-container.sm{width:340px}.modal-container.md{width:440px}.modal-header{display:flex;align-items:center;gap:12px}.modal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.3}.modal-body{font-size:.875rem;color:var(--text-muted);line-height:1.65}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.modal-btn{padding:.45rem 1.1rem;border-radius:8px;border:1px solid var(--panel-border);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .15s;background:var(--item-bg);color:var(--text-main)}.modal-btn:hover{opacity:.8}.modal-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-btn.danger{background:#ef444426;color:#ef4444;border-color:#ef44444d}.modal-btn.ghost{background:transparent}.editor-paper-root.print-mode .editor-paper-bg,.editor-paper-root.print-mode .editor-paper-content{max-width:var(--editor-max-width);margin:0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-content{color:var(--text-main);font-size:.9rem;padding:.5rem 0}.sidebar-section-title{font-size:.8rem;color:var(--text-muted);padding:.6rem 1rem .2rem;margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar-item{width:100%;display:flex;align-items:center;padding:.45rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s;color:var(--text-main);outline:none;position:relative;box-sizing:border-box;font-size:clamp(12px,1.2vw,14px)}.sidebar-item:hover{background:var(--btn-hover)}.sidebar-item.active{color:var(--accent);font-weight:400}.sidebar-item-check{width:24px;min-width:24px;display:flex;align-items:center;justify-content:flex-start}.sidebar-item-label{flex:1}.sidebar-marker{font-weight:400;letter-spacing:-.1em;display:inline-block;flex-shrink:0}.sidebar-item-shortcut{font-size:.75rem;color:var(--text-muted);margin-left:8px;opacity:.6}.sidebar-separator{height:1px;background:var(--panel-border);margin:.5rem 1rem}.sidebar-main-title{font-size:1rem;font-weight:700;color:var(--text-main);padding:.8rem 1rem .6rem;margin:0;border-bottom:none}@media (max-width: 1250px){:root{--sidebar-left-width: var(--sidebar-left-min);--sidebar-right-width: var(--sidebar-right-min)}.menu-tab-btn:not(.brand) .tab-icon{display:block}.menu-tab-btn:not(.brand) .tab-label{display:none}.menu-tab-btn.brand .tab-icon{display:none}.menu-tab-btn.brand .tab-label{display:block}.menu-btn-brand{padding:.4rem .8rem}.menu-bar-container{padding:.2rem 1rem}.menu-bar-container>div{gap:8px!important}}@media (max-width: 997px){:root,:root[data-theme=light],:root[data-theme=dark],:root[data-theme=system]{--editor-max-width: 100%}.panels-container{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0!important}.layout-sidebar{position:relative!important;top:0!important;padding-top:60px!important;flex-shrink:0;scroll-snap-align:center;width:calc(100% - clamp(40px,22%,120px))!important;max-width:none!important;opacity:.6!important;transform:scale(.98);transform-origin:center center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);margin:0!important}.panel-left{margin-right:0!important}.panel-right{margin-left:0!important}.panel-center{scroll-snap-align:center;flex-shrink:0;width:100%!important;height:100%;padding:0 16px!important;margin:0!important;box-sizing:border-box;opacity:.6;transform:scale(.98);transform-origin:center center;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.is-active{opacity:1!important;transform:scale(1)!important}.layout-header-wrapper{position:fixed;top:env(safe-area-inset-top,0);padding-top:8px;padding-bottom:8px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important}.menu-bar-container>div:first-child,.menu-bar-container>div:last-child{display:none!important}.menu-bar-container>div:nth-child(2){flex:1!important;justify-content:center}.sidebar-main-title{position:sticky;top:0;z-index:10;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);margin-bottom:4px;padding:1.1rem 1rem .8rem}}@media print{.no-print,textarea{display:none!important}.print-mode-pdf .md-space-half:before,.print-mode-pdf .md-space-full:before,.print-mode-pdf .md-newline-symbol:before,.print-mode-pdf .md-tab:before,.print-mode-pdf .md-marker{display:none!important}body,html{background:#fff!important;color:#000!important;overflow:visible!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;--bg-color: #ffffff !important;--text-main: #000000 !important;--text-muted: #555555 !important;--panel-bg: #ffffff !important;--panel-border: #eeeeee !important;--input-bg: #ffffff !important;--item-bg: #ffffff !important}::selection{color:transparent!important;-webkit-text-fill-color:transparent!important}.editor-scroll-container textarea::selection{background:#3b82f633!important;color:transparent!important;-webkit-text-fill-color:transparent!important}*{text-shadow:none!important}.md-h1,.md-h2,.md-h3,.md-h4,.md-bold,.md-bold-italic{color:var(--accent)!important;-webkit-text-stroke:.1px var(--accent)}#root{background:#fff!important;padding:0!important;margin:0!important}.print-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;transform:none!important}.print-container>div{top:0!important}.editor-scroll-container{overflow:visible!important;height:auto!important}.glass-panel{display:none!important}.print-container div[style*="background: var(--panel-bg)"]{background:#fff!important;box-shadow:none!important;border:none!important}}.md-marker{opacity:.35;font-weight:400!important;font-style:normal!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"alt" 0,"calt" 0!important}.md-h1,.md-h2,.md-h3,.md-h4,.md-bold,.md-italic,.md-bold-italic,.md-underline,.md-strikethrough,.md-code,.md-blockquote,.md-list{font-family:inherit!important;font-weight:400!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"alt" 0,"calt" 0!important;font-kerning:none!important;line-height:inherit!important;display:inline!important;vertical-align:baseline!important}.md-h1{font-size:1em!important;color:var(--accent);text-shadow:0 0 1px var(--accent)}.md-h2{font-size:1em!important;color:var(--accent);opacity:.95}.md-h3{font-size:1em!important;color:var(--accent);opacity:.85}.md-h4{font-size:1em!important;color:var(--accent);opacity:.75}.md-bold{color:var(--accent);text-shadow:0 0 .5px var(--accent)}.md-italic{font-style:italic;opacity:.9}.md-underline{text-decoration:underline;text-underline-offset:2px}.md-bold-italic{font-style:italic;color:var(--accent);text-shadow:0 0 .8px var(--accent)}.md-strikethrough{text-decoration:line-through;opacity:.6}.md-code{background:var(--item-bg);padding:0;border-radius:4px}.md-blockquote{background:rgba(var(--accent-rgb),.08);border-left:none;padding-left:0;opacity:.9;font-style:italic}.md-list{font-weight:500}.editor-scroll-container textarea::selection{background:#3b82f640;color:transparent!important;-webkit-text-fill-color:transparent!important}.editor-scroll-container .MarkdownHighlighter ::selection{background:transparent}.md-space-half,.md-space-full,.md-newline{position:relative}.md-space-half:before{content:"･";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.85em;font-family:var(--font-gothic)}.md-space-half{position:relative}.md-space-full:before{content:"□";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.8em;font-family:var(--font-gothic)}.md-newline-symbol{display:inline-block;width:0;height:0;overflow:visible;position:relative;color:var(--accent);opacity:.7;pointer-events:none;font-size:.8em;vertical-align:middle;line-height:1;-webkit-user-select:none;user-select:none}.md-newline-symbol:before{content:"↩︎";position:absolute;left:2px;top:-.4em}.md-tab{position:relative}.md-tab:before{content:"→";position:absolute;left:.2rem;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.9em}.md-page-marker{position:absolute;left:0;right:0;height:0;width:100%;border-top:2px solid var(--accent);opacity:.3;pointer-events:none;z-index:10;transform:translateY(.9em)}.md-page-marker:after{content:"PAGE " attr(data-page);position:absolute;right:0;top:.2em;font-size:.65rem;font-weight:800;color:var(--accent);background:var(--panel-bg);padding:0 6px;border-radius:2px;letter-spacing:.15em;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.color-picker-container{display:flex;gap:10px;padding:8px 0 0;flex-wrap:wrap}.color-dot{width:clamp(16px,1.2vw,18px);height:clamp(16px,1.2vw,18px);border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);position:relative;box-shadow:0 1px 3px #0000001a}.color-dot:hover{transform:scale(1.15)}.color-dot.active{box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--accent)}