:root{color-scheme:dark;--page:#202e40;--shell:#111c26;--panel:#17232e;--editor:#101a23;--raised:#202e3b;--hover:#293a4d;--border:#2b3b4a;--text:#e7edf5;--muted:#90a4b9;--faint:#647b91;--accent:#71c8f1;--accent-soft:#19394f;--selected:#223f60;--button:#2c435b;--shadow:0 20px 60px #0003;--success:#80d4b0;--danger:#ff9a9d;--code-string:#a7d7b7;--code-keyword:#bba8ed;--code-number:#e8bf8c;--code-comment:#768b9d;--font-size:16px;--line-height:1.8}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:radial-gradient(ellipse at 50% -50%,#41566d55,transparent 75%),var(--page);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;white-space:nowrap}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:not-allowed}button:not(:disabled):hover{background:var(--hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--editor);border:1px solid var(--border);border-radius:6px}input::placeholder,textarea::placeholder{color:var(--faint)}select{padding:6px 24px 6px 10px}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}i[data-icon]{display:inline-flex;align-items:center;font-style:normal}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .14s,color .14s}kbd{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.55;white-space:nowrap}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{margin:20px;height:calc(100dvh - 40px);background:var(--shell);border:1px solid #52657999;border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.topbar{height:75px;padding:0 24px;display:flex;align-items:center;gap:22px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand>svg{width:43px;height:39px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand h1{font-size:29px;letter-spacing:1px;font-weight:650;margin:0}.brand h1 span{font-weight:570}.brand-caption{font-size:12px;letter-spacing:.07em;color:var(--faint);padding-top:5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{width:34px;height:34px;border-radius:7px;color:var(--muted);padding:6px}.icon-button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.privacy-pill{border-radius:50px;padding:6px 12px;font-size:11px;color:var(--muted);gap:6px;margin-right:8px}.privacy-pill svg{width:14px;height:14px}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;flex:1;min-height:0;padding:0 12px 12px}.sidebar{background:var(--editor);border-radius:13px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sidebar-top{padding:14px 12px 0}.note-search{display:flex;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:8px;padding:0 11px;height:40px;color:var(--muted)}.note-search svg{width:17px}.note-search input{border:0;background:transparent;outline:none;width:100%;min-width:0;padding:8px 0;font-size:13px}.note-search kbd{font-size:10px}.note-search:focus-within{border-color:var(--accent)}.primary{background:var(--button);padding:9px 16px;border:1px solid #ffffff12;border-radius:7px;font-weight:550}.primary:not(:disabled):hover{background:var(--selected)}.new-note{margin-top:12px;width:100%;height:43px;font-size:14px;letter-spacing:.04em}.new-note svg{width:21px;height:21px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:19px 2px 9px;color:var(--faint);font-size:11px;gap:4px}.list-heading b{font-weight:400;margin-left:6px}.subtle-button{padding:5px 4px;border-radius:5px;font-size:11px;color:var(--muted)}.subtle-button svg{width:14px;height:14px}.note-list{overflow:auto;flex:1;padding:0 7px 6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.note-item{width:100%;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;padding:12px 15px;margin:3px 0;border:1px solid transparent;border-radius:8px;gap:7px;min-height:72px}.note-item.active{background:linear-gradient(110deg,var(--selected),color-mix(in srgb,var(--selected) 80%,var(--editor)));border-color:color-mix(in srgb,var(--selected) 80%,white 10%)}.note-item.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:2px}.note-title{font-size:14px;line-height:1.5;font-weight:500;display:flex;align-items:center;gap:6px}.note-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-title svg{width:12px;height:12px;color:var(--accent)}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.note-type{font:9px ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);border:1px solid var(--border);padding:1px 4px;border-radius:3px}.note-snippet{font-size:11px;line-height:1.5;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-list{padding:30px 12px;font-size:12px;line-height:1.8;text-align:center;color:var(--muted)}.sidebar-bottom{padding:12px 16px 10px;margin-top:auto;flex-shrink:0}.storage-meter{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--faint)}.sidebar-links{margin-top:8px;display:flex;gap:6px;justify-content:space-between}.sidebar-sign{display:flex;align-items:center;justify-content:center;gap:18px;padding:23px 0 8px;color:var(--muted)}.sidebar-sign svg{width:25px;height:25px;fill:currentColor;opacity:.65}.sidebar-sign p{font-family:"Yu Mincho","Noto Serif CJK JP",serif;font-size:12px;letter-spacing:.13em;line-height:1.8;margin:0;transform:rotate(-6deg);opacity:.85}.offline-indicator{font-size:9px;text-align:center;margin:15px 0 0;color:var(--faint)}.editor-card{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--editor)}.document-header{height:56px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;gap:10px;background:linear-gradient(110deg,var(--panel),var(--raised));border-bottom:1px solid var(--border);position:relative}.document-header:before{content:"";width:3px;height:27px;position:absolute;left:0;top:15px;background:var(--accent);border-radius:1px}.document-icon{color:var(--muted)}.document-icon svg{height:18px;width:18px}#note-title{font-size:20px;font-weight:600;letter-spacing:.03em;background:transparent;border:1px solid transparent;padding:6px 4px;min-width:0;flex:1;border-radius:5px}#note-title:hover{border-color:var(--border)}.document-actions{display:flex;gap:4px}.menubar{height:34px;display:flex;align-items:center;gap:6px;padding:0 17px;flex-shrink:0;border-bottom:1px solid var(--border)}.menubar>button{height:28px;padding:3px 10px;border-radius:4px;font-size:12px;color:var(--text)}.toolbar{padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.tool-items{display:flex;align-items:center;gap:2px}.tool{width:31px;height:29px;flex-shrink:0;padding:5px;border-radius:5px;color:var(--muted)}.tool svg{width:17px;height:17px}.tool:hover{color:var(--text)}.tool-separator{height:16px;width:1px;margin:0 6px;background:var(--border);flex-shrink:0}.text-tool{font-family:Georgia,serif;font-size:17px}.text-tool span{font-family:inherit;font-size:12px;margin-left:-7px;margin-top:5px}.mode-controls{display:flex;align-items:center;gap:9px;margin-left:auto}.mode-controls select{font-size:11px;background:var(--editor);padding:5px 3px 5px 7px;width:110px;height:28px;color:var(--muted);border-radius:5px}.view-switch{display:flex;padding:2px;background:var(--editor);border-radius:6px;border:1px solid var(--border)}.view-switch button{width:28px;height:22px;border-radius:3px;color:var(--faint)}.view-switch svg{width:15px;height:15px}.view-switch .active{background:var(--button);color:var(--accent)}.script-toggle{font-size:11px;color:var(--muted);padding:6px;border-radius:5px;height:28px}.script-toggle svg{width:15px;height:15px}.script-toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.editing-area{flex:1;display:flex;overflow:hidden;min-height:70px;position:relative}.editor-pane{flex:1;min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.editor-watermark{position:absolute;bottom:54px;right:30px;pointer-events:none;z-index:0;transform:rotate(-13deg);opacity:.32;color:var(--accent);display:flex;align-items:flex-end;gap:8px}.editor-watermark span{font-family:"Segoe Print","URW Chancery L",cursive;font-size:29px;line-height:1.5;letter-spacing:.07em}.editor-watermark svg{width:26px;height:26px;fill:currentColor;margin-bottom:15px}.CodeMirror{height:100%;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,"Cascadia Code",Consolas,"Noto Sans Mono CJK JP","Noto Sans CJK JP",monospace;font-size:var(--font-size);line-height:var(--line-height);z-index:1;flex:1;min-height:0}.CodeMirror-scroll{min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.CodeMirror-lines{padding:18px 0 120px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 22px}.CodeMirror-gutters{background:color-mix(in srgb,var(--panel) 60%,var(--editor));border-right:1px solid var(--border);padding-left:9px}.CodeMirror-linenumber{color:var(--faint);padding:0 9px 0 4px;min-width:24px;font-size:calc(var(--font-size) - 2px)}.CodeMirror-cursor{border-left:2px solid var(--accent)}.CodeMirror-selected{background:var(--selected)!important}.CodeMirror-activeline-background{background:color-mix(in srgb,var(--panel) 60%,transparent)}.CodeMirror-activeline-gutter .CodeMirror-linenumber{color:var(--accent)}.CodeMirror-matchingbracket{color:var(--accent)!important;background:var(--selected)}.cm-s-neko .cm-header{color:var(--accent);font-weight:600}.cm-s-neko .cm-comment{color:var(--code-comment);font-style:italic}.cm-s-neko .cm-keyword,.cm-s-neko .cm-operator,.cm-s-neko .cm-meta{color:var(--code-keyword)}.cm-s-neko .cm-string,.cm-s-neko .cm-string-2{color:var(--code-string)}.cm-s-neko .cm-number,.cm-s-neko .cm-atom{color:var(--code-number)}.cm-s-neko .cm-def,.cm-s-neko .cm-property,.cm-s-neko .cm-variable-2,.cm-s-neko .cm-tag{color:var(--accent)}.cm-s-neko .cm-builtin,.cm-s-neko .cm-attribute,.cm-s-neko .cm-variable-3{color:var(--code-number)}.cm-s-neko .cm-link{color:var(--accent)}.cm-s-neko .cm-quote{color:var(--code-string)}.cm-s-neko .cm-error{color:var(--danger)}.cm-s-neko .cm-hr{color:var(--border)}.CodeMirror-foldgutter{width:13px}.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{color:var(--faint)}.cm-search-match{background:#d8b65b40;border-bottom:1px solid #d8b65b88}.cm-search-current{background:#d8b65b80}.CodeMirror-placeholder{color:var(--faint)!important}.editing-area[data-view=split]>.editor-pane{flex:1;max-width:50%}.editing-area[data-view=preview]>.editor-pane{display:none}.editing-area[data-view=split] .editor-watermark{display:none}.markdown-preview{flex:1;overflow:auto;min-width:0;padding:24px 34px 80px;border-left:1px solid var(--border);font-size:15px;line-height:1.9;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.markdown-preview h1{font-size:27px}.markdown-preview h2{font-size:21px}.markdown-preview h3{font-size:18px}.markdown-preview h1,.markdown-preview h2{padding-bottom:10px;border-bottom:1px solid var(--border);margin:12px 0 20px;color:var(--text)}.markdown-preview p{margin:12px 0}.markdown-preview a{color:var(--accent)}.markdown-preview blockquote{border-left:3px solid var(--accent);margin:18px 0;padding:2px 16px;color:var(--muted);background:var(--panel);border-radius:0 5px 5px 0}.markdown-preview pre{background:var(--panel);padding:16px;border-radius:7px;overflow:auto;border:1px solid var(--border);line-height:1.7}.markdown-preview code{font-family:ui-monospace,monospace;font-size:.88em;background:var(--panel);padding:2px 5px;border-radius:3px}.markdown-preview pre code{padding:0}.markdown-preview table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.markdown-preview th,.markdown-preview td{padding:9px 12px;border:1px solid var(--border);text-align:left}.markdown-preview th{background:var(--raised)}.markdown-preview li{padding:2px 0}.markdown-preview hr{border:0;border-top:1px solid var(--border);margin:26px 0}.markdown-preview img{display:none}.preview-empty{color:var(--faint);padding:30px 0}.find-panel{padding:9px 16px;background:var(--raised);border-bottom:1px solid var(--border);flex-shrink:0}.find-row{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:12px;min-width:0}.find-row input{padding:7px 9px;min-width:0;flex:1;max-width:340px;font-size:12px}.find-row>button,.find-options button{height:29px;min-width:27px;border-radius:4px;font-size:12px;padding:3px 8px}.find-row button svg{width:14px;height:14px}.find-options{display:flex}.find-options [aria-pressed=true]{background:var(--selected);color:var(--accent)}#find-count{color:var(--muted);min-width:50px;margin-right:auto;font-size:11px}.find-hint{color:var(--faint);font-size:10px;margin-left:5px}.notice{background:var(--accent-soft);font-size:12px;color:var(--accent);padding:9px 18px;display:flex;align-items:center;justify-content:space-between}.notice button{border:1px solid var(--accent);padding:4px 10px;border-radius:4px}.statusbar{flex-shrink:0;min-height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:var(--panel);border-top:1px solid var(--border);font-size:11px;color:var(--muted);gap:8px;white-space:nowrap}.status-left,.status-right{display:flex;align-items:center;gap:15px}.status-left>button{font-size:11px;padding:4px 0;color:var(--muted);border-radius:3px}.status-left>button:before{content:"";display:block;height:13px;width:1px;background:var(--border);margin-right:8px}.status-right{gap:18px}#save-state{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:11px}#save-state.error{color:var(--danger)}.saved-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%}#clock{font-variant-numeric:tabular-nums}.console-panel{height:235px;min-height:145px;flex-shrink:0;border-top:1px solid var(--border);background:var(--editor)}.console-header{height:40px;padding:0 12px 0 18px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}.console-header>div{display:flex;align-items:center;gap:6px}.console-title{font-size:12px;color:var(--muted)}.console-title strong{font-weight:500;color:var(--text);margin-left:4px}.console-title svg{width:16px;height:16px}#run-state{font-size:10px;color:var(--faint);margin-left:12px}.run-button{background:var(--accent-soft);color:var(--accent);padding:5px 11px;border-radius:5px;font-size:12px}.run-button svg{width:13px;height:13px}.console-body{height:calc(100% - 40px);display:flex;min-height:0}#output{flex:1;min-width:0;overflow:auto;padding:13px 19px;font-family:ui-monospace,Consolas,"Noto Sans Mono CJK JP",monospace;font-size:12px;line-height:1.8;scrollbar-width:thin}.output-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.output-line.error{color:var(--danger)}.output-line.warn{color:var(--code-number)}.output-line.result{color:var(--accent)}.output-line.info{color:var(--faint);font-size:11px}.output-empty{color:var(--muted);font-family:inherit;padding:8px 0;line-height:2}.output-empty span{color:var(--faint);font-size:10px}.stdin-pane{width:220px;display:flex;flex-direction:column;border-left:1px solid var(--border);padding:12px;gap:8px}.stdin-pane>span{font-size:10px;color:var(--muted)}.stdin-pane small{font-size:8px;color:var(--faint);margin-left:3px}.stdin-pane textarea{flex:1;resize:none;padding:8px;font-size:11px;line-height:1.7;min-height:0;background:var(--panel)}.dropdown{position:fixed;z-index:80;min-width:230px;max-width:calc(100vw - 20px);padding:6px;background:var(--raised);border:1px solid var(--border);box-shadow:0 12px 35px #0006;border-radius:9px;max-height:calc(100dvh - 25px);overflow:auto}.dropdown button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 11px;border-radius:5px;font-size:12px;gap:24px}.dropdown button .menu-label{display:flex;align-items:center;gap:9px}.dropdown button svg{width:15px;height:15px;color:var(--muted)}.dropdown hr{border:0;border-top:1px solid var(--border);margin:5px 4px}.dropdown .danger{color:var(--danger)}.toast{position:fixed;z-index:200;bottom:42px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid var(--border);border-radius:9px;background:var(--raised);box-shadow:0 10px 25px #0005;font-size:12px;line-height:1.6;color:var(--text);white-space:pre-wrap}.toast.error{border-color:var(--danger);color:var(--danger)}.modal{padding:0;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:15px;box-shadow:0 24px 100px #0006;width:min(610px,calc(100vw - 32px));max-height:calc(100dvh - 50px);overflow:auto}.modal::backdrop{background:#060d16a8;backdrop-filter:blur(5px)}.modal-heading{padding:25px 27px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--accent)}.modal-heading h2{font-size:21px;letter-spacing:.02em;margin:6px 0 0;font-weight:550}.modal-heading>.icon-button{align-self:flex-start}.modal-body{padding:23px 27px}.modal-body>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 15px}.modal-body h3{font-size:13px;font-weight:550;margin:24px 0 10px}.modal-footer{padding:15px 27px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-footer>span{color:var(--faint);font-size:11px}.modal-footer button{font-size:12px}.theme-field{margin:0 0 22px;padding:0;border:0}.theme-field legend{font-size:12px;margin-bottom:11px;color:var(--muted)}.theme-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.theme-choice{display:flex;flex-direction:column;gap:8px;padding:8px 3px;border-radius:7px;border:1px solid var(--border);font-size:10px;color:var(--muted)}.theme-choice[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.theme-swatch{height:32px;width:calc(100% - 10px);border-radius:4px;position:relative;background:var(--swatch);border:1px solid #ffffff20}.theme-swatch:before,.theme-swatch:after{content:"";height:2px;position:absolute;left:8px;background:var(--ink);opacity:.7;border-radius:1px}.theme-swatch:before{top:10px;width:45%}.theme-swatch:after{top:18px;width:65%;opacity:.35}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.settings-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.settings-grid select{height:36px;color:var(--text);font-size:12px}.toggle-settings{display:flex;flex-direction:column;gap:13px;margin:24px 0;color:var(--muted);font-size:12px}.toggle-settings label{display:flex;align-items:center;gap:9px}.settings-note{display:flex;align-items:flex-start;gap:10px;background:var(--editor);border:1px solid var(--border);border-radius:7px;padding:13px;font-size:11px;line-height:1.8;color:var(--muted)}.settings-note svg{width:15px;height:15px;margin-top:3px;flex-shrink:0}.settings-note p{margin:0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.secondary{border:1px solid var(--border);padding:8px 12px;font-size:11px;border-radius:6px;color:var(--muted)}.secondary svg{width:14px;height:14px}.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:10px 10px;font-size:11px;color:var(--muted);background:var(--editor);padding:16px;border-radius:7px}.shortcut-grid kbd{opacity:.9;color:var(--text)}.small-modal{width:min(440px,calc(100vw - 30px))}.small-modal .modal-heading h2{font-size:17px}.small-modal .modal-footer{justify-content:flex-end}.prompt-input{padding:10px;width:100%;font-size:13px}.mobile-menu,.sidebar-shade{display:none}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:var(--editor);z-index:300}.drop-active .editor-card{outline:3px dashed var(--accent);outline-offset:-8px}.focus-mode .sidebar,.focus-mode .brand-caption{display:none}.focus-mode .workspace{grid-template-columns:minmax(0,1fr)}
body[data-theme=light]{color-scheme:light;--page:#e8edf2;--shell:#f8fafc;--panel:#f0f4f8;--editor:#fff;--raised:#edf2f7;--hover:#e2eaf3;--border:#d7e0e8;--text:#253548;--muted:#61758b;--faint:#7d8ea0;--accent:#257caa;--accent-soft:#e3f2fa;--selected:#d5e9f6;--button:#dce9f4;--success:#3b8261;--danger:#b53c47;--code-keyword:#8957b1;--code-string:#38724b;--code-number:#a56832;--code-comment:#87939c}
body[data-theme=sepia]{color-scheme:light;--page:#e2d8c8;--shell:#f4eee3;--panel:#eee5d6;--editor:#fcf7ec;--raised:#e9dfcd;--hover:#e5d6bf;--border:#dccfb8;--text:#504433;--muted:#8c795f;--faint:#a39075;--accent:#b17843;--accent-soft:#f1e2cb;--selected:#eeddbf;--button:#e6d6bd;--success:#738650;--danger:#ad4e4e;--code-keyword:#957059;--code-string:#71804a;--code-number:#ba7a3d;--code-comment:#a29883}
body[data-theme=forest]{--page:#1a2d2b;--shell:#112320;--panel:#192e29;--editor:#0e201c;--raised:#203b33;--hover:#2a453b;--border:#2b453a;--text:#e3eee4;--muted:#96b49f;--faint:#6e917d;--accent:#9ad3aa;--accent-soft:#234f38;--selected:#2c4e3f;--button:#31503f;--code-keyword:#cebfb2;--code-string:#b6cb8c;--code-number:#d4b98c;--code-comment:#769583}
body[data-theme=terminal]{--page:#050907;--shell:#090e0b;--panel:#0d1510;--editor:#080d09;--raised:#142219;--hover:#1c3123;--border:#203a28;--text:#b6e5bd;--muted:#79a880;--faint:#4e7754;--accent:#78ee96;--accent-soft:#15391f;--selected:#214a2b;--button:#24452c;--code-keyword:#a5e7a8;--code-string:#d2ed8e;--code-number:#b3d873;--code-comment:#527b56;font-family:ui-monospace,Consolas,"Noto Sans Mono CJK JP",monospace}.terminal .app-shell{border-radius:0}body[data-theme=terminal] .app-shell{border-radius:5px}body[data-theme=terminal] .editor-watermark{opacity:.12}body[data-theme=terminal] .brand h1{font-size:26px}body[data-theme=terminal] .brand h1:before{content:"> ";color:var(--accent)}
@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(0,1fr)}.app-shell{margin:26px;height:calc(100dvh - 52px)}.topbar{height:78px}.toolbar{gap:20px}.tool-items{gap:5px}.mode-controls{gap:12px}.note-item{padding:15px 17px}.brand h1{font-size:31px}}
@media(max-width:1150px){.toolbar{gap:7px}.mode-controls{border-top:1px solid var(--border);width:100%;padding-top:6px;justify-content:flex-end}.toolbar .tool-items{width:100%;justify-content:space-between}.brand-caption{display:none}.script-toggle{margin-left:4px}.app-shell{margin:12px;height:calc(100dvh - 24px)}.workspace{grid-template-columns:230px minmax(0,1fr);gap:10px}.note-search kbd{display:none}.status-left,.status-right{gap:9px}.status-left>button:before{margin-right:3px}.statusbar{padding:0 11px}.find-hint{display:none}.tool-separator{margin:0 3px}.tool{width:30px}}
@media(max-width:800px){.workspace{grid-template-columns:205px minmax(0,1fr);padding:0 8px 8px;gap:8px}.topbar{padding:0 18px;height:63px}.brand h1{font-size:25px}.brand>svg{width:35px;height:32px}.privacy-pill{display:none}.note-title{font-size:13px}.sidebar-bottom{padding:12px}.note-meta{font-size:10px}.sidebar-sign{padding-top:16px}.document-header{padding:0 12px;height:51px}#note-title{font-size:18px}.tool-separator{display:none}.toolbar{padding:6px 8px}.tool{width:27px}.tool svg{width:16px;height:16px}.menubar{padding:0 8px;gap:0}.menubar>button{padding:3px 8px;font-size:11px}.statusbar{font-size:10px}.status-left{gap:6px}.status-right{gap:7px}#clock,#selection-status{display:none}#save-state{font-size:10px}.console-panel{height:260px}#run-state{display:none}.stdin-pane{width:140px}.stdin-pane small{display:none}.markdown-preview{padding:20px}.find-panel{padding:7px 8px}.find-options button{padding:3px 5px}.find-row{gap:3px}.find-row input{max-width:220px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 13px}.CodeMirror-gutters{padding-left:3px}}
@media(max-width:680px){.app-shell{margin:0;border-radius:0;border:0;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{height:60px;padding:0 16px}.top-actions{gap:5px}.brand h1{font-size:25px}.workspace{display:flex;padding:0 7px 7px}.editor-card{flex:1;border-radius:10px}.sidebar{position:fixed;z-index:40;top:65px;bottom:8px;left:8px;width:280px;transform:translateX(-310px);transition:transform .18s;box-shadow:10px 0 40px #0006;border:1px solid var(--border)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-shade{position:fixed;z-index:30;inset:60px 0 0;background:#0008}.sidebar-open .sidebar-shade{display:block}.mobile-menu{display:flex;width:28px;height:30px;margin-left:-5px}.document-icon{display:none}.document-header:before{display:none}.document-header{gap:4px;padding:0 9px}#note-title{font-size:17px}.document-actions{gap:0}.document-actions>.icon-button{width:30px}.toolbar{padding:6px 9px}.tool-items{overflow-x:auto;justify-content:space-between;gap:1px;scrollbar-width:none}.tool{width:28px;height:28px}.mode-controls{justify-content:space-between;gap:6px}.mode-controls select{width:113px}.script-toggle{padding-right:0}.script-toggle span{font-size:10px}.view-switch button{width:28px}.CodeMirror{font-size:max(var(--font-size),16px)}.CodeMirror-lines{padding-top:14px}.CodeMirror-gutters{padding-left:2px}.CodeMirror-linenumber{font-size:12px;padding-right:6px;min-width:22px}.CodeMirror-foldgutter{width:9px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 11px}.editor-watermark{display:none}.menubar{height:32px;justify-content:space-between}.menubar>button{font-size:11px;padding:3px 10px}.statusbar{min-height:31px;padding:0 9px;font-size:10px}.status-left{gap:7px}.status-left>button{font-size:10px}.status-left>button:before{display:none}.status-right{gap:0}#save-state{font-size:9px}#cursor-status{font-size:10px}#char-status{font-size:9px}.saved-dot{width:4px;height:4px}.console-panel{height:235px}.console-header{padding:0 8px}.console-title{gap:3px!important;font-size:11px}.console-title svg{width:14px;height:14px}.run-button{padding:4px 8px;font-size:11px}.run-button kbd{display:none}.console-header .icon-button{width:27px;height:28px}.console-body{flex-direction:column}.stdin-pane{flex-direction:row;align-items:center;gap:10px;height:50px;width:100%;padding:7px 10px;border-top:1px solid var(--border);border-left:0}.stdin-pane>span{font-size:9px;white-space:nowrap}.stdin-pane textarea{height:34px;font-size:11px;padding:6px;min-height:34px}.console-body #output{padding:8px 12px;flex:1}.output-empty{font-size:11px}.output-empty span{font-size:9px}.editing-area[data-view=split]{flex-direction:column}.editing-area[data-view=split]>.editor-pane{max-width:none;flex:1;min-height:0}.editing-area[data-view=split]>.markdown-preview{flex:1;border-top:1px solid var(--border);border-left:0;min-height:0;padding:15px 20px}.markdown-preview{padding:18px 22px;font-size:14px}.markdown-preview h1{font-size:23px}.markdown-preview h2{font-size:19px}.find-row input{max-width:none;min-width:50px;padding:7px 6px;font-size:11px}.find-options button{min-width:24px;font-size:11px;padding:2px 3px}.find-row>button{min-width:22px;font-size:11px;padding:3px 5px}#find-count{min-width:40px;font-size:10px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.modal-heading{padding:20px 20px 15px}.modal-heading h2{font-size:18px}.modal-body{padding:18px 20px}.modal-footer{padding:13px 20px}.settings-grid{gap:15px 10px}.theme-choices{gap:5px}.theme-choice{font-size:9px}.shortcut-grid{grid-template-columns:1fr;gap:6px}.shortcut-grid kbd{margin-bottom:5px}.notice{font-size:10px;padding:8px 10px}.focus-mode .mobile-menu{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body,.app-shell{height:auto!important;overflow:visible;background:white;color:black}.topbar,.sidebar,.document-header,.menubar,.toolbar,.find-panel,.statusbar,.console-panel,.editor-pane{display:none!important}.app-shell{margin:0;border:0;box-shadow:none}.workspace,.editor-card,.editing-area{display:block;overflow:visible;border:0}.markdown-preview{display:block!important;color:black;border:0;overflow:visible}.markdown-preview *{color:black!important;background:transparent!important}}