:root{--bg:#fff;--bg-2:#f4f4f6;--bg-3:#e8e8ee;--fg:#1f1f24;--muted:#6b6b78;--faint:#a4a4b0;--accent:#6d5ce7;--accent-fg:#fff;--code:#b5487a;--code-bg:#f0eef6;--danger:#d0384c;--ok:#2f9e6a;--warn:#c98a12;--border:#e2e2e8;--mono:ui-monospace, "SF Mono", "Roboto Mono", monospace;--sans:system-ui, -apple-system, "Roboto", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1e1e24;--bg-2:#26262e;--bg-3:#31313b;--fg:#e6e6ec;--muted:#9a9aa8;--faint:#62626e;--accent:#a395ff;--accent-fg:#17171c;--code:#f08bb4;--code-bg:#2c2a36;--danger:#ff6b7d;--ok:#5fd39b;--warn:#f2bd4b;--border:#34343e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--sans);margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:var(--fg)}.app{flex-direction:column;height:100%;display:flex}.topbar{padding:calc(env(safe-area-inset-top) + 4px) 4px 4px;border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:4px;display:flex}.icon{border-radius:10px;place-items:center;min-width:44px;height:44px;font-size:20px;display:grid}.icon:active{background:var(--bg-3)}.title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.chip{background:var(--bg-2);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px}.chip.ok{color:var(--ok)}.chip.pending{color:var(--warn)}.chip.busy{color:var(--accent)}.chip.off{color:var(--muted)}.chip.err{color:var(--danger)}.menu-backdrop{z-index:30;position:fixed;inset:0}.menu{right:8px;top:calc(env(safe-area-inset-top) + 52px);background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;box-shadow:0 8px 28px #00000040}.menu button{text-align:left;border-radius:8px;padding:12px}.menu button:active{background:var(--bg-3)}.menu .danger{color:var(--danger)}.menu-error{color:var(--danger);word-break:break-word;margin:6px 12px;font-size:12px}.main{flex-direction:column;flex:1;min-height:0;display:flex}.editor-wrap{flex-direction:column;flex:1;min-height:0}.editor{flex:1;min-height:0;overflow:hidden}.editor .cm-editor{height:100%;font-size:16px}.editor .cm-editor.cm-focused{outline:none}.editor .cm-scroller{font-family:var(--sans);padding:12px 16px 40vh;line-height:1.65}.editor .cm-content{caret-color:var(--accent);max-width:760px;margin:0 auto}.editor .cm-cursor{border-left:2px solid var(--accent)}.editor .cm-selectionBackground,.editor .cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--accent) 25%, transparent)!important}.cm-wikilink{color:var(--accent)}.cm-tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:4px}.cm-tooltip-autocomplete{border-radius:10px;overflow:hidden;background:var(--bg-2)!important;border:1px solid var(--border)!important}.cm-tooltip-autocomplete ul li{padding:8px 12px!important}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--accent)!important;color:var(--accent-fg)!important}.cm-completionDetail{color:var(--muted);margin-left:8px;font-style:normal!important}.toolbar{padding:4px 4px calc(env(safe-area-inset-bottom) + 4px);border-top:1px solid var(--border);background:var(--bg-2);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.toolbar button{min-width:44px;height:40px;color:var(--muted);border-radius:8px;flex:none;font-size:15px}.toolbar button:active{background:var(--bg-3);color:var(--fg)}.preview-scroll{flex:1;min-height:0;padding:12px 16px 30vh;overflow-y:auto}.preview{overflow-wrap:anywhere;max-width:760px;margin:0 auto;font-size:16px;line-height:1.7}.preview h1,.preview h2,.preview h3{margin:1.2em 0 .5em;line-height:1.3}.preview a{color:var(--accent)}.preview a.unresolved{opacity:.6;text-decoration-style:dashed}.preview code{font-family:var(--mono);background:var(--code-bg);color:var(--code);border-radius:4px;padding:.1em .35em;font-size:.9em}.preview pre{background:var(--code-bg);border-radius:8px;padding:12px;overflow-x:auto}.preview pre code{color:var(--fg);background:0 0;padding:0}.preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding-left:12px}.preview img{max-width:100%}.preview table{border-collapse:collapse;display:block;overflow-x:auto}.preview th,.preview td{border:1px solid var(--border);padding:6px 10px}.preview li:has(>input.task){margin-left:-1.3em;list-style:none}.preview input.task{vertical-align:-3px;width:18px;height:18px;accent-color:var(--accent)}.preview .tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:4px;padding:0 .35em}.backlinks{border-top:1px solid var(--border);flex-direction:column;gap:8px;max-width:760px;margin:32px auto 0;padding-top:12px;display:flex}.backlinks h4{color:var(--muted);margin:0;font-size:13px}.backlinks a{color:var(--accent)}.home{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.drawer-backdrop{opacity:0;pointer-events:none;z-index:10;background:#0006;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{z-index:11;background:var(--bg);width:min(86vw,360px);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003}.drawer.open{transform:none}.sidebar{height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.sidebar-head{padding:10px}.sidebar-head input,.modal input{border:1px solid var(--border);background:var(--bg-2);border-radius:10px;outline:none;width:100%;padding:10px 12px}.sidebar-head input:focus,.modal input:focus{border-color:var(--accent)}.sidebar-actions{gap:8px;padding:0 10px 8px;display:flex}.sidebar-actions button{background:var(--bg-2);border-radius:10px;flex:1;padding:10px;font-size:14px}.tree{flex:1;padding-bottom:8px;overflow-y:auto}.tree-item{text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding:10px 12px;font-size:15px;display:flex}.tree-item.folder{color:var(--muted);flex-direction:row;gap:6px;font-weight:600}.tree-item:active{background:var(--bg-3)}.tree-item.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.chev{width:12px}.result-title{font-weight:600}.result-path{color:var(--muted);font-size:12px}.result-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.tree-item.create{color:var(--accent);font-weight:600}.empty{color:var(--muted);text-align:center;padding:24px}.sidebar-foot{padding:14px 12px calc(env(safe-area-inset-bottom) + 14px);border-top:1px solid var(--border);text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.modal-backdrop{z-index:40;padding:calc(env(safe-area-inset-top) + 12px) 12px 12px;background:#0006;justify-content:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:14px;flex-direction:column;align-self:flex-start;width:100%;max-width:560px;max-height:80dvh;padding:10px;display:flex;box-shadow:0 12px 40px #0000004d}.switcher-list{margin-top:6px;overflow-y:auto}.settings{max-width:560px;padding:calc(env(safe-area-inset-top) + 8px) 16px 32px;height:100%;margin:0 auto;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{font-size:20px}.settings form{flex-direction:column;gap:16px;display:flex}.settings label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.settings input,.settings select{border:1px solid var(--border);background:var(--bg-2);border-radius:10px;padding:11px 12px}.settings small{font-size:12px;line-height:1.5}.settings fieldset{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;margin:0;padding:12px;display:flex}.settings legend{padding:0 6px;font-size:14px;font-weight:600}.settings code{font-family:var(--mono);background:var(--code-bg);color:var(--code);border-radius:3px;padding:0 3px;font-size:11px}.settings small b{color:var(--fg)}.primary{background:var(--accent);color:var(--accent-fg);border-radius:12px;padding:13px 20px;font-weight:600}.primary:disabled{opacity:.6}.home button:not(.primary){background:var(--bg-2);border-radius:12px;padding:12px 20px}.danger{color:var(--danger)}.settings>.danger{border:1px solid var(--danger);border-radius:12px;width:100%;margin-top:32px;padding:12px}.msg{margin:0;font-size:14px}.msg.ok{color:var(--ok)}.msg.err{color:var(--danger)}.toast{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 64px);z-index:50;background:var(--fg);color:var(--bg);border-radius:12px;padding:12px 14px;font-size:14px;position:fixed;box-shadow:0 8px 24px #0000004d}.update-bar{z-index:60;padding:14px 14px calc(env(safe-area-inset-bottom) + 14px);background:var(--accent);color:var(--accent-fg);font-weight:600;position:fixed;bottom:0;left:0;right:0}.metrics h3{margin:24px 0 8px;font-size:15px}.metrics table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.metrics th{text-align:right;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 4px;font-weight:500}.metrics td{text-align:right;border-bottom:1px solid var(--border);padding:7px 4px}.metrics th:first-child,.metrics td:first-child{text-align:left}.metrics .bad{color:var(--danger)}.metrics small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.metrics .empty{text-align:left;padding:8px 0}.events{margin:0;padding:0;font-size:13px;list-style:none}.events li{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 0;display:grid}.ev-time{color:var(--muted);font-variant-numeric:tabular-nums}.ev-name{align-items:baseline;gap:6px;font-weight:600;display:flex}.ev-src{color:var(--accent);border:1px solid;border-radius:4px;padding:0 3px;font-size:10px;font-weight:600}.ev-ms{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.ev-desc{color:var(--muted);overflow-wrap:anywhere;grid-column:2}.events li.bad .ev-desc{color:var(--danger)}.retention{color:var(--muted);font-size:13px;line-height:1.6}.metrics>.danger{margin-top:16px}.token-banner{background:color-mix(in srgb, var(--warn) 16%, var(--bg));border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px 4px 4px 12px;display:flex}.token-banner.urgent{background:color-mix(in srgb, var(--danger) 16%, var(--bg))}.token-banner-text{text-align:left;flex:1;padding:8px 0;font-size:14px;line-height:1.4}.token-banner-link{color:var(--accent);margin-top:2px;font-size:12px;display:block}