:root{--bg:#fff;--ink:#1f2023;--ink2:#8a8d93;--line:#ececee;--soft:#f5f5f6;--accent:#3b6fd8;--accent-ink:#fff;--red:#c4362c;--green:#2e9b5f;--sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--indent:26px;--row:32px;--keyboard:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141517;--ink:#e8e8ea;--ink2:#8c9097;--line:#2a2c30;--soft:#1d1f22;--accent:#86a8f0;--accent-ink:#0e1626;--red:#f0857c;--green:#6ccb97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0}body{font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input,textarea{font:inherit;color:inherit}h1,h2,p,dl,dd{margin:0}kbd{font:500 12px var(--mono);background:var(--soft);color:var(--ink);white-space:nowrap;border-radius:4px;padding:2px 5px}.app{max-width:760px;padding:0 calc(env(safe-area-inset-right) + 24px) 0 calc(env(safe-area-inset-left) + 24px);margin:0 auto}main{gap:12px;padding:8px 0 40vh;display:grid}.top{z-index:4;min-height:calc(env(safe-area-inset-top) + 52px);padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.crumbs{min-width:0;color:var(--ink2);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex;overflow:hidden}.crumbs a{text-overflow:ellipsis;min-width:0;padding:4px 0;overflow:hidden}.crumbs a:last-child{flex:0 auto}.crumbs a.home,.crumbs .brand{flex:none}.crumbs .brand{color:var(--ink);font-weight:600}.crumbs .sep{opacity:.5}.tools{flex:none;align-items:center;gap:6px;display:flex}.search{align-items:center;display:flex;position:relative}.search svg{fill:none;width:15px;height:15px;stroke:var(--ink2);stroke-width:1.7px;stroke-linecap:round;pointer-events:none;position:absolute;left:9px}.search input{background:var(--soft);appearance:none;border:0;border-radius:16px;outline:none;width:120px;height:32px;padding:0 10px 0 30px;font-size:14px;transition:width .2s}.search input:focus{width:220px;box-shadow:inset 0 0 0 1.5px var(--accent)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.gear{width:34px;height:34px;color:var(--ink2);border-radius:50%;place-items:center;margin-right:-8px;display:grid}.gear svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:19px;height:19px}.gear circle{fill:var(--bg)}.gear[aria-current=page]{color:var(--ink);background:var(--soft)}.outline{display:grid}.rows{margin:0;padding:0;list-style:none}.row{grid-template-columns:var(--indent) minmax(0,1fr);padding-left:calc(var(--depth) * var(--indent));background:repeating-linear-gradient(90deg,transparent 0 12px,var(--line) 12px 13px,transparent 13px var(--indent)) no-repeat;background-size:calc(var(--depth) * var(--indent)) 100%;align-items:start;display:grid;position:relative}.dot{width:var(--indent);height:var(--row);place-items:center;display:grid}.dot i{background:var(--ink);opacity:.75;border-radius:50%;width:6px;height:6px;transition:transform .1s}.row.collapsed .dot i{box-shadow:0 0 0 5px var(--soft),0 0 0 6px var(--line)}.row .dot:hover i{transform:scale(1.35)}.row .dot{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.row.dragged{opacity:.35}.drop-line{z-index:5;background:var(--accent);pointer-events:none;border-radius:1px;height:2px;margin-top:-1px;position:fixed}body.dragging,body.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.fold{top:0;left:calc(var(--depth) * var(--indent) - 20px);width:20px;height:var(--row);color:var(--ink2);opacity:0;place-items:center;display:grid;position:absolute}.fold svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px;transition:transform .15s;transform:rotate(90deg)}.row.collapsed .fold svg{transform:none}.field{min-width:0;display:grid}.field:after{content:attr(data-value);visibility:hidden;white-space:pre-wrap;overflow-wrap:break-word}.field:after,.line{min-width:0;font:16px/24px var(--sans);border:0;grid-area:1/1;margin:0;padding:4px 6px}.line{resize:none;color:inherit;appearance:none;white-space:pre-wrap;overflow-wrap:break-word;background:0 0;border-radius:6px;outline:none;overflow:hidden}.title{margin:8px 0 10px}.title .field:after,.title .line{font:700 28px/36px var(--sans);letter-spacing:-.01em;margin-left:-6px;padding:2px 6px}.title .line::placeholder{color:var(--ink2);opacity:.6}.new-line{grid-template-columns:var(--indent) minmax(0,1fr);align-items:center;display:grid}.new-line .dot i{opacity:.18}.ghost{min-width:0;height:var(--row);font:16px/24px var(--sans);appearance:none;background:0 0;border:0;border-radius:6px;outline:none;margin:0;padding:4px 6px}.ghost::placeholder{color:var(--ink2);opacity:.7}.ghost:focus-visible{outline:none}.new-line.alone .dot i{opacity:.35}.empty{color:var(--ink2);padding:6px 0 0 var(--indent)}.toolbar{display:none}@media (hover:none) and (pointer:coarse){.toolbar{z-index:6;left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);bottom:calc(max(var(--keyboard),env(safe-area-inset-bottom)) + 8px);background:color-mix(in srgb,var(--bg) 82%,transparent);height:48px;box-shadow:0 0 0 .5px var(--line),0 6px 20px #0000001a;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-radius:24px;justify-content:space-around;align-items:center;padding:0 6px;display:flex;position:fixed}.toolbar button{border-radius:20px;flex:1 1 0;place-items:center;min-width:0;max-width:52px;height:40px;display:grid}.toolbar button:active{background:var(--soft)}.toolbar svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.toolbar circle{fill:currentColor;stroke:none}.toolbar circle.ring{fill:none;stroke:currentColor;stroke-width:1.5px}@media (display-mode:browser){.keyboard-open .toolbar{bottom:calc(var(--keyboard) + 52px)}}.row.parent .fold{opacity:.45}.search input{width:96px}.search input:focus{width:160px}}.settings{gap:8px;padding-top:8px;display:grid}.settings h1{font:700 28px/36px var(--sans);letter-spacing:-.01em;margin-bottom:8px}.settings h2{color:var(--ink2);margin-top:18px;font-size:13px;font-weight:600}.group{border-top:1px solid var(--line);display:grid}.group .item{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 0;font-size:15px;display:flex}.group .item span{color:var(--ink2);flex:none}.group .item b{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:500}.group .action{color:var(--accent);justify-content:start;gap:1px;font-weight:600;display:grid}.group .action.danger{color:var(--red)}.group .action:disabled{opacity:.5}.hint{color:var(--ink2);font-size:13px}.keys{grid-template-columns:auto 1fr;align-items:baseline;gap:8px 16px;font-size:14px;display:grid}.keys dd{color:var(--ink2)}dialog{box-sizing:border-box;background:var(--bg);color:var(--ink);width:min(380px,100vw - 32px);box-shadow:0 0 0 1px var(--line),0 20px 60px #0000002e;border:0;border-radius:14px;padding:24px}dialog::backdrop{background:#14161a4d}dialog h2{font-size:20px;font-weight:700}dialog form{gap:12px;display:grid}dialog label{color:var(--ink2);gap:4px;font-size:13px;font-weight:500;display:grid}dialog input{width:100%;min-width:0;color:var(--ink);background:var(--soft);border:0;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}dialog input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.login-hint{color:var(--ink2);font-size:14px}.login-error{color:var(--red);min-height:1em;font-size:13px}.login-error:empty{display:none}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dialog-actions button{height:40px;color:var(--accent);border-radius:20px;padding:0 16px;font-size:15px;font-weight:600}.dialog-actions .primary{background:var(--accent);color:var(--accent-ink)}.dialog-actions button:disabled{opacity:.5}.sync-alert{background:color-mix(in srgb,var(--red) 8%,var(--bg));border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sync-alert p{min-width:0;font-size:13px;line-height:1.4}.sync-alert b{color:var(--red);font-weight:600}.sync-alert span{color:var(--ink2)}.sync-alert button{background:var(--accent);min-height:32px;color:var(--accent-ink);border-radius:16px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.sync-alert.quiet{padding:0 0 0 var(--indent);background:0 0;min-height:28px}.sync-alert.quiet p{color:var(--ink2)}.sync-alert.quiet button{min-height:28px;color:var(--accent);background:0 0;padding:0}.sync{flex:none;width:8px;height:8px;margin:0 4px;display:grid}.sync i{background:var(--ink2);opacity:.5;border-radius:50%}.sync[data-tone=ok] i{background:var(--green);opacity:1}.sync[data-tone=busy] i{background:var(--accent);opacity:1;animation:1.2s ease-in-out infinite sync-pulse}.sync[data-tone=bad] i{background:var(--red);opacity:1}@keyframes sync-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sync[data-tone=busy] i{animation:none}}.toast{z-index:10;left:50%;bottom:calc(var(--keyboard) + env(safe-area-inset-bottom) + 72px);background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);white-space:nowrap;border-radius:20px;align-items:center;gap:16px;padding:10px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.toast[hidden]{display:none}.toast span{text-overflow:ellipsis;overflow:hidden}.toast button{color:color-mix(in srgb,var(--accent) 60%,var(--bg));padding:6px 0;font-weight:700}@media (hover:hover){.toast{bottom:28px}.row:hover>.fold,.row.collapsed>.fold{opacity:.6}.fold:hover{opacity:1!important}}@media (width<=420px){:root{--indent:22px}.app{padding-left:calc(env(safe-area-inset-left) + 18px);padding-right:calc(env(safe-area-inset-right) + 18px)}.row{background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--line) 10px 11px,transparent 11px var(--indent))}.title .field:after,.title .line{font-size:24px;line-height:32px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}