: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}: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-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)}::-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}.sidebar-item:hover{background:var(--btn-hover)}.sidebar-item.active{color:var(--accent);font-weight:500}.sidebar-item-check{width:24px;min-width:24px;display:flex;align-items:center;justify-content:flex-start}.sidebar-item-label{flex:1}.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 print{.no-print{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}#root{background:#fff!important;padding:0!important;margin:0!important}.glass-panel{display: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-bold,.md-italic,.md-bold-italic,.md-strikethrough{font-weight:400!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"alt" 0,"calt" 0!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-bold{color:var(--accent);text-shadow:0 0 .5px var(--accent)}.md-italic{font-style:italic}.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;font-family:var(--font-mono)}.md-blockquote{background:rgba(var(--accent-rgb),.08);border-left:none;padding-left:0;opacity:.9;font-style:italic}.md-list{color:var(--accent);font-weight:500}.editor-scroll-container textarea::selection{background:#3b82f640;color:transparent}.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-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:before{content:"↩︎";position:absolute;left:2px;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.6;pointer-events:none;font-size:.8em;font-family:var(--font-gothic)}.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;display:inline-block;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%)}}.color-picker-container{display:flex;gap:10px;padding:8px 0 0;flex-wrap:wrap}.color-dot{width:18px;height: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)}