:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--corner:round;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--radius-full:999px;--canvas:#fff;--surface:#fff;--surface-2:#f6f6f7;--surface-3:#ececee;--line:#ebebed;--line-strong:#dcdce0;--ink:#111113;--ink-2:#55555d;--ink-3:#6e6e78;--ink-inverse:#fff;--primary:#111113;--primary-hover:#2c2c31;--on-primary:#fff;--accent:#7c5cfa;--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--violet:#7c5cfa;--violet-soft:#f1edff;--violet-ink:#5a3bdb;--sky:#1e9be6;--sky-soft:#e6f4fd;--sky-ink:#0b6fae;--amber:#f0a20c;--amber-soft:#fdf3dc;--amber-ink:#925c00;--pink:#ec4c94;--pink-soft:#fde9f2;--pink-ink:#b51f66;--blue:#1a66ff;--blue-soft:#e8f0ff;--blue-ink:#0a4fd6;--green:#22b35e;--green-soft:#e4f6eb;--green-ink:#12783d;--orange:#f26b1d;--orange-soft:#feefe4;--orange-ink:#b44608;--red:#e5484d;--red-soft:#fdebeb;--red-ink:#b42328;--chart-grid:#efeff1;--tooltip-bg:#1c1c1f;--tooltip-ink:#fafafa;--scrim:#09090b5c;--shadow-pop:0 10px 30px #1111131f, 0 0 0 1px var(--line);--tile-highlight:#ffffff61;--on-hue:#fff;--graphite:#3d3d44;--success:var(--green);--success-soft:var(--green-soft);--success-ink:var(--green-ink);--warning:var(--amber);--warning-soft:var(--amber-soft);--warning-ink:var(--amber-ink);--danger:var(--red);--danger-soft:var(--red-soft);--danger-ink:var(--red-ink);--chart-1:var(--violet);--chart-2:var(--sky);--chart-3:var(--amber);--chart-4:var(--pink);--chart-5:var(--green);--chart-6:var(--orange);--chart-axis:var(--ink-3);--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.28s;--grid-size:24px;--pattern-grid:linear-gradient(var(--line) 1px, transparent 0) center bottom / var(--grid-size) var(--grid-size), linear-gradient(90deg, var(--line) 1px, transparent 0) center bottom / var(--grid-size) var(--grid-size), linear-gradient(180deg, var(--surface-2), var(--surface))}@supports (corner-shape:superellipse(1.6)){:root{--corner:superellipse(1.6);--radius-xs:4px;--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b0b0d;--surface:#111114;--surface-2:#1a1a1e;--surface-3:#25252b;--line:#232328;--line-strong:#313138;--ink:#f4f4f5;--ink-2:#b4b4bd;--ink-3:#8e8e99;--ink-inverse:#111113;--primary:#f4f4f5;--primary-hover:#fff;--on-primary:#111113;--accent:#9a6bff;--focus-ring:0 0 0 2px var(--canvas), 0 0 0 4px var(--accent);--violet:#9a6bff;--violet-soft:#9a6bff29;--violet-ink:#c9b5ff;--sky:#2aa3d8;--sky-soft:#38b0e629;--sky-ink:#8fd3f5;--amber:#e2a226;--amber-soft:#f0aa2829;--amber-ink:#f6cf7c;--pink:#ec5ba1;--pink-soft:#e9529a2b;--pink-ink:#ffa6cf;--blue:#4a8bff;--blue-soft:#4a8bff2b;--blue-ink:#a8c7ff;--green:#27b463;--green-soft:#28be6929;--green-ink:#86e3ab;--orange:#f0702a;--orange-soft:#f06e282b;--orange-ink:#ffb68a;--red:#ec5257;--red-soft:#e5484d2e;--red-ink:#ffa3a6;--chart-grid:#1f1f24;--tooltip-bg:#f4f4f5;--tooltip-ink:#111113;--scrim:#0000008c;--shadow-pop:0 12px 32px #0009, 0 0 0 1px var(--line-strong);--tile-highlight:#ffffff42;--graphite:#4a4a52}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b0b0d;--surface:#111114;--surface-2:#1a1a1e;--surface-3:#25252b;--line:#232328;--line-strong:#313138;--ink:#f4f4f5;--ink-2:#b4b4bd;--ink-3:#8e8e99;--ink-inverse:#111113;--primary:#f4f4f5;--primary-hover:#fff;--on-primary:#111113;--accent:#9a6bff;--focus-ring:0 0 0 2px var(--canvas), 0 0 0 4px var(--accent);--violet:#9a6bff;--violet-soft:#9a6bff29;--violet-ink:#c9b5ff;--sky:#2aa3d8;--sky-soft:#38b0e629;--sky-ink:#8fd3f5;--amber:#e2a226;--amber-soft:#f0aa2829;--amber-ink:#f6cf7c;--pink:#ec5ba1;--pink-soft:#e9529a2b;--pink-ink:#ffa6cf;--blue:#4a8bff;--blue-soft:#4a8bff2b;--blue-ink:#a8c7ff;--green:#27b463;--green-soft:#28be6929;--green-ink:#86e3ab;--orange:#f0702a;--orange-soft:#f06e282b;--orange-ink:#ffb68a;--red:#ec5257;--red-soft:#e5484d2e;--red-ink:#ffa3a6;--chart-grid:#1f1f24;--tooltip-bg:#f4f4f5;--tooltip-ink:#111113;--scrim:#0000008c;--shadow-pop:0 12px 32px #0009, 0 0 0 1px var(--line-strong);--tile-highlight:#ffffff42;--graphite:#4a4a52}*,:before,:after{corner-shape:var(--corner)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.003em;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.45}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block}svg{flex:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.theme-switch button[role=radio]:focus-visible{box-shadow:var(--focus-ring)}button,.btn,.theme-switch,.brand,.chip,.tag,.tooltip,.toast{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}label:has(>input[type=radio],>input[type=checkbox]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}.dot{corner-shape:round;background:var(--tone,currentColor);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.note{padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-xs);line-height:1.5}.theme-switch{border:1px solid var(--line);border-radius:var(--radius-full);corner-shape:round;background:var(--surface-2);flex:none;gap:2px;padding:2px;display:inline-flex}.theme-switch button{corner-shape:round;width:22px;height:22px;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.theme-switch button:hover{color:var(--ink)}.theme-switch button[aria-checked=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 1px 2px #0000000f}.eyebrow{color:var(--ink-3);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.6}.card-header{min-height:28px;margin-bottom:var(--space-3);align-items:center;gap:10px;display:flex}.card-header-icon{color:var(--ink-3);place-items:center;display:grid}.card-header-text{flex:1;min-width:0}.card-header h2{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600;line-height:1.3}.card-header p{font-size:var(--text-xs);color:var(--ink-3)}.card-header-action{gap:var(--space-1);display:flex}.card-header:last-child{margin-bottom:0}.sheet{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);width:min(480px,100vw - 32px);max-height:min(720px,100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-pop);overscroll-behavior:contain;margin:auto;padding:0;overflow:auto}.sheet::backdrop{background:var(--scrim)}.sheet-body{padding:14px var(--space-4) var(--space-4)}.sheet-confirm{width:min(380px,100vw - 32px)}.confirm-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600}.confirm-message{color:var(--ink-2);margin-top:4px}.confirm-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}@media (max-width:599px){.confirm-actions .btn{flex:1;height:40px}}.sheet-grabber{display:none}@media (max-width:599px){.sheet{width:100%;max-width:none;max-height:calc(100dvh - 40px - var(--kb,0px));margin:auto 0 var(--kb,0px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-width:1px 0 0}.sheet-body{padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.sheet-grabber{border-radius:var(--radius-full);corner-shape:round;background:var(--surface-3);width:36px;height:5px;margin:-6px auto 10px;display:block}}.btn{border-radius:var(--radius-full);corner-shape:round;border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink);font:inherit;font-weight:500;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.35;pointer-events:none}.btn svg{color:var(--ink-2)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary svg{color:inherit}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);border-color:#0000}.btn-pill{padding:0 var(--space-4)}.btn-danger,.btn-danger svg{color:var(--danger-ink)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-hue)}.btn-danger-solid:hover{background:color-mix(in srgb, var(--danger) 88%, #000);border-color:#0000}.btn-sm{height:28px;font-size:var(--text-xs);padding:0 11px}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:28px}.input{width:100%;height:32px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:var(--line-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}@media (pointer:coarse){.input{height:38px;font-size:16px}}.popover{overscroll-behavior:contain;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);border:0;margin:0;position:fixed;inset:auto;overflow-y:auto}.popover-foot{gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-1);border-top:1px solid var(--line);margin-top:var(--space-2);display:flex}.menu{min-width:168px;padding:var(--space-1)}.menu-item{border-radius:var(--radius-md);width:100%;height:34px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.menu-item svg{color:var(--ink-3)}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--danger-ink)}.switch{appearance:none;border-radius:var(--radius-full);corner-shape:round;background:var(--surface-3);width:34px;height:20px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;flex:none;margin:0;position:relative}.switch:before{content:"";corner-shape:round;background:var(--surface);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch:after{content:"";position:absolute;inset:-12px -5px}.switch:checked{background:var(--green);box-shadow:none}.switch:checked:before{transform:translate(14px)}.switch:disabled{opacity:.6;cursor:progress}.switch:focus-visible{box-shadow:var(--focus-ring)}.tooltip{z-index:60;border-radius:var(--radius-full);corner-shape:round;background:var(--tooltip-bg);width:max-content;max-width:min(280px,100vw - 16px);color:var(--tooltip-ink);font:inherit;font-size:var(--text-xs);pointer-events:none;border:0;align-items:center;gap:6px;margin:0;padding:5px 10px;font-weight:500;line-height:1.35;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible}.tooltip:after{content:"";top:100%;left:var(--arrow-x,50%);background:var(--tooltip-bg);clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:5px;position:absolute;translate:-50% -.5px}.tooltip[data-side=bottom]:after{clip-path:polygon(50% 0,100% 100%,0 100%);top:auto;bottom:100%;translate:-50% .5px}.toaster{z-index:70;left:50%;bottom:max(var(--space-5), env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);min-height:40px;padding:4px 6px 4px var(--space-4);border-radius:var(--radius-full);corner-shape:round;background:var(--tooltip-bg);color:var(--tooltip-ink);box-shadow:var(--shadow-pop);pointer-events:auto;animation:toast-in .28s var(--ease-out,cubic-bezier(.22, 1, .36, 1)) both;transition:opacity .16s,transform .16s;display:flex}.toast.is-leaving{opacity:0;transform:translateY(8px)scale(.96)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{transition:none;animation:none}}.toast-text{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.toast-action{border-radius:var(--radius-full);corner-shape:round;background:color-mix(in srgb, var(--tooltip-ink) 16%, transparent);height:28px;color:inherit;font:inherit;cursor:pointer;border:0;padding:0 12px;font-weight:600}.toast-action:hover{background:color-mix(in srgb, var(--tooltip-ink) 26%, transparent)}.toast-close{corner-shape:round;width:28px;height:28px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.toast-close:hover{opacity:1}.skeleton{vertical-align:top;color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;display:inline-block;position:relative}.skeleton:before{content:"";border-radius:var(--radius-xs);background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--surface) 70%, transparent) 50%, transparent 100%) 0 0 / 200% 100% no-repeat, var(--surface-3);animation:1.4s linear infinite shimmer;position:absolute;inset:.22em 0}.skeleton-block{flex:none;display:block}.skeleton-block:before{border-radius:var(--radius-sm);inset:0}.skeleton-pill{border-color:#0000;width:56px}.skeleton-pill:before{border-radius:var(--radius-full)}.skeleton-lines{flex-direction:column;flex:1;line-height:1.35;display:flex}.skeleton-sub{font-size:var(--text-xs)}@keyframes shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@media (prefers-reduced-motion:reduce){.skeleton:before{animation:none}}.btn,.menu-item,.toast-action,.toast-close,.theme-switch button,.tree-file,.tree-toggle,.lib-row,.pick-list button,.sel-btn,.appbar-back{transition-property:background-color,border-color,color,box-shadow,opacity,scale;transition-duration:var(--dur-1);transition-timing-function:var(--ease)}.btn:active:not(:disabled),.toast-action:active,.sel-btn:active{scale:.97}.btn-icon:active:not(:disabled),.toast-close:active,.theme-switch button:active{scale:.9}.menu-item:active,.tree-file:active,.tree-toggle:active,.pick-list button:active{scale:.98}.input{transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease)}.switch{transition:background-color var(--dur-2) var(--ease)}.switch:before{transition:transform var(--dur-2) var(--ease-spring)}.popover:popover-open{transition:opacity var(--dur-2) var(--ease-out), scale var(--dur-2) var(--ease-out), translate var(--dur-2) var(--ease-out)}@starting-style{.popover:popover-open{opacity:0;scale:.96}}.tooltip:popover-open{opacity:1;transition:opacity var(--dur-1) var(--ease), scale var(--dur-1) var(--ease-out)}@starting-style{.tooltip:popover-open{opacity:0;scale:.92}}.sheet{transition:transform var(--dur-3) var(--ease-out)}.sheet[data-dragging]{transition:none}.sheet[open]{animation:sheet-in var(--dur-2) var(--ease-out)}.sheet[open]::backdrop{animation:fade-in var(--dur-2) var(--ease)}.sheet[data-closing]{animation:sheet-out .18s var(--ease) forwards}.sheet[data-closing]::backdrop{animation:fade-out .18s var(--ease) forwards}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@media (max-width:599px){.sheet[open]{animation:sheet-up var(--dur-3) var(--ease-out)}.sheet[data-closing]{animation:sheet-down .18s var(--ease) forwards}.sheet-grabber,.sheet-body>.card-header,.confirm-title{touch-action:none}}@keyframes sheet-down{to{transform:translateY(100%)}}.toast{animation:toast-in var(--dur-2) var(--ease-out)}.toast.is-leaving{animation:toast-out .16s var(--ease) forwards}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--sidebar-w:256px;--panel-w:340px;--bar-h:48px}body{min-height:100dvh}.muted{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.only-phone,.only-phone-inline{display:none}kbd{font:inherit}.frame{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{gap:var(--space-3);height:100dvh;padding:var(--space-3);padding-left:max(var(--space-3), env(safe-area-inset-left));background:var(--canvas);border-right:1px solid var(--line);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.brand{align-items:center;gap:10px;min-height:36px;padding:0 6px;display:flex}.brand img{border-radius:7px}.brand>span{flex-direction:column;line-height:1.2;display:flex}.brand strong{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.brand small{color:var(--ink-3);font-size:var(--text-xs)}.sidebar-actions{gap:var(--space-2);display:flex}.sidebar-add{flex:1}.sidebar-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) 6px 0;border-top:1px solid var(--line);display:flex}.local-note{white-space:nowrap;min-width:0;color:var(--ink-3);font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.main{min-width:0}.tree{min-height:0;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3) var(--space-3);overscroll-behavior:contain;flex:1;overflow-y:auto}.tree-skel{height:14px;margin:10px 8px;display:block}.tree-section+.tree-section{margin-top:var(--space-2)}.tree-files{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.tree-files.is-nested{padding-left:14px}.tree-file,.tree-toggle{border-radius:var(--radius-md);width:100%;min-width:0;height:32px;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-weight:500;display:flex}.tree-file span,.tree-toggle span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-file svg,.tree-toggle svg{color:var(--ink-3)}.tree-file:hover,.tree-toggle:hover,.tree-file.is-active{background:var(--surface-2);color:var(--ink)}.tree-file.is-active svg{color:var(--ink)}.tree-count{border-radius:var(--radius-full);corner-shape:round;background:var(--amber-soft);min-width:18px;color:var(--amber-ink);font-size:var(--text-2xs);text-align:center;flex:none;padding:0 5px;font-weight:600;line-height:16px}.tree-group{align-items:center;display:flex;position:relative}.tree-group .tree-toggle{padding-right:34px}.tree-group .tree-toggle small{color:var(--ink-3);font-size:var(--text-xs)}.tree-group>.btn{opacity:0;position:absolute;right:2px}.tree-group:hover>.btn,.tree-group>.btn:focus-visible,.tree-group>.btn[aria-expanded=true]{opacity:1}@media (hover:none){.tree-group>.btn{opacity:1}}.tree-caret{transition:rotate var(--dur-2) var(--ease)}.tree-toggle[aria-expanded=true] .tree-caret{rotate:90deg}.tree-empty{color:var(--ink-3);font-size:var(--text-xs);padding:4px 8px 6px 32px}.page{min-height:100dvh;padding:var(--space-6) var(--space-6) var(--space-5);flex-direction:column;max-width:880px;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-bottom:var(--space-5);display:flex}.page-head h1{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.page-head p{font-size:var(--text-xs)}.page-head-actions{gap:var(--space-2);display:flex}.lib{gap:var(--space-5);flex-direction:column;display:flex}.lib-head{min-height:28px;padding:0 2px var(--space-1);justify-content:space-between;align-items:center;display:flex}.lib-head-actions{display:flex}.lib-rows{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.lib-rows>li{position:relative}.lib-rows>li+li{border-top:1px solid var(--line)}.lib-row{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) 48px var(--space-2) var(--space-3);display:flex}.lib-row:hover{background:var(--surface-2)}.lib-icon{border-radius:var(--radius-md);background:var(--sky-soft);width:34px;height:34px;color:var(--sky);flex:none;place-items:center;display:grid}.lib-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.lib-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.lib-text small{color:var(--ink-3);font-size:var(--text-xs);align-items:center;gap:3px;display:inline-flex}.lib-text small svg{color:var(--amber)}.lib-chevron{color:var(--ink-3);display:none}.lib-menu{top:50%;right:var(--space-2);position:absolute;translate:0 -50%}.lib-empty{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--ink-3);display:flex}.lib-foot{display:none}.empty-hero{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;flex:1;min-height:56dvh;display:flex}.drop-target{align-items:center;gap:var(--space-2);width:min(520px,100%);padding:var(--space-6) var(--space-6) 28px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-xl);background:var(--pattern-grid);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur-1) var(--ease), scale var(--dur-1) var(--ease);flex-direction:column;display:flex}.drop-target:hover{border-color:var(--ink-3)}.drop-target:active{scale:.99}.drop-target strong{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.drop-target>span:last-child{max-width:380px;color:var(--ink-3);line-height:1.5}.drop-art{width:64px;height:64px;margin-bottom:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);color:var(--sky);place-items:center;display:grid;box-shadow:0 1px 2px #0000000d}.empty-actions{gap:var(--space-2);display:flex}.drop{z-index:80;background:color-mix(in srgb, var(--canvas) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;animation:fade-in var(--dur-2) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.drop-card{align-items:center;gap:var(--space-1);border:1.5px dashed var(--sky);border-radius:var(--radius-xl);background:var(--surface);color:var(--sky-ink);box-shadow:var(--shadow-pop);flex-direction:column;padding:28px 40px;display:flex}.drop-card strong{font-size:var(--text-lg)}.drop-card span{color:var(--ink-3)}.reader{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.reader.has-panel{grid-template-columns:minmax(0, 1fr) var(--panel-w)}.reader-main{min-width:0}.reader-bar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--bar-h);padding:0 var(--space-4) 0 var(--space-6);background:color-mix(in srgb, var(--canvas) 84%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(16px);backdrop-filter:saturate(1.8)blur(16px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.crumbs{min-width:0;color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;display:flex}.crumbs a:hover{color:var(--ink)}.crumbs strong{text-overflow:ellipsis;min-width:0;color:var(--ink);font-weight:500;overflow:hidden}.reader-actions{align-items:center;gap:var(--space-2);display:flex}.reader-actions .btn[aria-pressed=true]{background:var(--surface-2)}.panel{border-left:1px solid var(--line);background:var(--canvas);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.panel-head{height:var(--bar-h);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;display:flex}.panel-head h2{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600}.panel .comments{overscroll-behavior:contain;padding:var(--space-3);flex:1;overflow-y:auto}.comments{gap:var(--space-2);flex-direction:column;display:flex}.comment{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;scroll-margin:var(--space-3);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease);flex-direction:column;display:flex}.comment:hover{border-color:var(--line-strong)}.comment.is-active{border-color:color-mix(in srgb, var(--amber) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent)}.comment.is-draft{cursor:default;border-color:var(--line-strong);box-shadow:var(--shadow-pop);animation:pop-in var(--dur-2) var(--ease-out)}.comment.is-orphan .comment-quote{border-left-color:var(--line-strong);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}@keyframes pop-in{0%{opacity:0;translate:0 -4px}}.comment-quote{border-left:2px solid var(--amber);color:var(--ink-2);font-size:var(--text-xs);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:1px 0 1px 10px;line-height:1.5;display:-webkit-box;overflow:hidden}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.comment-foot{font-size:var(--text-xs);justify-content:space-between;align-items:center;margin:-4px -6px -6px 0;display:flex}.comment-edit{gap:var(--space-2);flex-direction:column;display:flex}.comment-actions{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.kbd-hint{color:var(--ink-3);font-size:var(--text-2xs);margin-right:auto}.comments-empty{padding:40px var(--space-4);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.comments-empty span:last-child{color:var(--ink-3);font-size:var(--text-xs)}.comments-empty-art{width:48px;height:48px;margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--amber-soft);color:var(--amber);place-items:center;display:grid}.comments-orphan-head{margin-top:var(--space-3);align-items:center;gap:4px;display:flex}::highlight(md-comment){background-color:color-mix(in srgb, var(--amber) 24%, transparent)}::highlight(md-comment-active){background-color:color-mix(in srgb, var(--amber) 52%, transparent)}.sel-btn{z-index:50;border-radius:var(--radius-full);corner-shape:round;background:var(--primary);height:34px;color:var(--on-primary);font:inherit;box-shadow:var(--shadow-pop);cursor:pointer;-webkit-user-select:none;user-select:none;animation:sel-in var(--dur-2) var(--ease-out);border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px 0 12px;font-weight:500;display:inline-flex;position:fixed}.sel-btn kbd{background:color-mix(in srgb, var(--on-primary) 18%, transparent);font-size:var(--text-2xs);border-radius:5px;margin-left:2px;padding:0 5px;line-height:16px}@keyframes sel-in{0%{opacity:0;translate:0 4px;scale:.92}}.sel-dock{z-index:75;left:0;right:0;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed}.sel-btn.is-dock{pointer-events:auto;height:46px;padding:0 22px;font-size:16px;position:static}.badge{border-radius:var(--radius-full);corner-shape:round;background:var(--amber);color:#1a1305;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--canvas);padding:0 4px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;top:3px;right:1px}.sheet-body>.card-header{margin-bottom:var(--space-4)}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-2);font-size:var(--text-xs);font-weight:500}.textarea{height:auto;min-height:84px;padding:8px var(--space-3);resize:vertical;line-height:1.5}.textarea.mono{font-size:var(--text-xs)}.form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;display:flex}.switch-row.is-disabled{cursor:default}.switch-row>span{flex-direction:column;gap:2px;display:flex}.switch-row small{color:var(--ink-3);font-size:var(--text-xs);line-height:1.4}.switch-row strong{font-weight:500}.export-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);overflow:hidden}.export-preview-head{justify-content:space-between;gap:var(--space-2);padding:8px var(--space-3);border-bottom:1px solid var(--line);font-size:var(--text-xs);display:flex}.export-preview-head .mono{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.export-preview pre{max-height:220px;padding:var(--space-3);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11.5px;line-height:1.55;overflow:auto}.pick-list{flex-direction:column;gap:2px;display:flex}.pick-list button{border-radius:var(--radius-md);height:40px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.pick-list button svg{color:var(--ink-3)}.pick-list button span{flex:1}.pick-list button:hover,.pick-list button[aria-selected=true]{background:var(--surface-2)}.pick-list .pick-check{color:var(--ink)}.pick-list .pick-new{margin-top:var(--space-1);border-top:1px solid var(--line);color:var(--ink-2);border-radius:0}.appbar{display:none}@media (max-width:1099px){:root{--panel-w:300px;--sidebar-w:232px}}@media (max-width:899px){.only-desk{display:none!important}.only-phone{display:initial}.only-phone-inline{display:inline-flex}.frame{display:block}.sidebar,.reader-bar,.page-head{display:none}.appbar{z-index:20;align-items:center;gap:var(--space-2);min-height:44px;padding:env(safe-area-inset-top) max(var(--space-2), env(safe-area-inset-right)) 0 max(var(--space-2), env(safe-area-inset-left));padding-top:max(4px, env(safe-area-inset-top));background:color-mix(in srgb, var(--canvas) 82%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(18px);backdrop-filter:saturate(1.8)blur(18px);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.appbar-title{text-align:center;grid-column:2;min-width:0;max-width:52vw}.appbar-title strong,.appbar-title h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:16px;font-weight:600;display:block;overflow:hidden}.appbar-actions{grid-column:3;justify-self:end;align-items:center;display:flex}.appbar .btn-icon{width:40px;height:40px;position:relative}.appbar .btn-icon svg{color:var(--ink)}.appbar-back{border-radius:var(--radius-full);height:40px;color:var(--ink);-webkit-user-select:none;user-select:none;grid-column:1;justify-self:start;align-items:center;gap:2px;padding:0 8px 0 2px;font-size:16px;font-weight:500;display:inline-flex}.appbar-back:active{opacity:.55}.page{max-width:none;padding:0 0 calc(var(--space-6) + env(safe-area-inset-bottom))}.lib-appbar{border-bottom-color:#0000}.lib-appbar .appbar-title{display:none}.lib-page:before{content:"Library";padding:2px max(var(--space-5), env(safe-area-inset-left)) var(--space-3);font-family:var(--font-display);letter-spacing:-.025em;order:1;font-size:32px;font-weight:700;display:block}.lib-page>.appbar{order:0}.lib-page>:not(.appbar){order:2}.lib{gap:var(--space-5);padding:0 max(var(--space-4), env(safe-area-inset-left))}.lib-head{padding:0 var(--space-3) 6px}.lib-head .eyebrow{font-size:12px}.lib-rows{border-radius:14px}.lib-row{min-height:60px;padding-right:84px}.lib-row:hover{background:0 0}.lib-row:active{background:var(--surface-2)}.lib-text strong{font-size:16px}.lib-text small{font-size:13px}.lib-chevron{display:block;position:absolute;right:16px}.lib-menu{right:38px}.lib-rows>li+li{border-top:0}.lib-rows>li+li:before{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:58px;right:0}.lib-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-6) max(var(--space-5), env(safe-area-inset-left)) 0;margin-top:auto;display:flex}.empty-hero{padding:0 var(--space-4);min-height:50dvh}.drop-target{padding:var(--space-6) var(--space-5)}.reader,.reader.has-panel{display:block}.reader-appbar .appbar-title{max-width:44vw}.btn{height:40px;font-size:15px}.btn-sm{height:34px;font-size:14px}.btn-icon{width:40px}.btn-icon.btn-sm{width:34px}.menu-item{height:42px;font-size:15px}.sheet .comments{padding-bottom:var(--space-2)}.comment{padding:14px}.comment-quote{font-size:14px}.comment-body{font-size:15px}.comment-foot{font-size:13px}.switch-row strong{font-size:15px}.form-actions .btn{flex:1}}
.prose{--prose-size:15.5px;max-width:740px;color:var(--ink);font-size:var(--prose-size);letter-spacing:-.006em;overflow-wrap:break-word;margin:0 auto;padding:40px 40px 160px;line-height:1.7}.prose ::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose .table-wrap,.prose .code-block,.prose .mermaid,.prose dl,.prose hr{margin:0 0 1.05em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-display);letter-spacing:-.02em;margin:1.8em 0 .6em;scroll-margin-top:64px;font-weight:650;line-height:1.25}.prose h1{letter-spacing:-.028em;margin-top:.4em;font-size:2em;font-weight:700}.prose h2{border-bottom:1px solid var(--line);padding-bottom:.3em;font-size:1.45em}.prose h3{font-size:1.2em}.prose h4{font-size:1.05em}.prose h5,.prose h6{color:var(--ink-2);font-size:.95em}.prose a{color:var(--blue-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--blue) 35%, transparent);text-underline-offset:.18em}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:650}.prose ul,.prose ol{padding-left:1.5em}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.3em}.prose li>ul,.prose li>ol{margin-bottom:0}.prose li::marker{color:var(--ink-3)}.prose .task-list-item{list-style:none}.prose .task-list-item input{vertical-align:-.1em;accent-color:var(--green);margin:0 .5em 0 -1.4em}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);padding:.1em 0 .1em 1em}.prose blockquote>:last-child{margin-bottom:0}.prose hr{background:var(--line);border:0;height:1px;margin:2em 0}.prose img{border-radius:var(--radius-md);max-width:100%;height:auto}.prose :not(pre)>code{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;padding:.12em .36em;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.prose .table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.92em;line-height:1.5}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px}.prose th+th,.prose td+td{border-left:1px solid var(--line)}.prose thead th{background:var(--surface-2);font-weight:600}.prose tbody tr:last-child td{border-bottom:0}.prose .code-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);position:relative;overflow:hidden}.code-bar{border-bottom:1px solid var(--line);height:32px;color:var(--ink-3);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:lowercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 4px 0 12px;font-weight:500;display:flex}.prose pre{tab-size:2;margin:0;padding:12px 14px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;line-height:1.6;overflow-x:auto}.prose pre code{font:inherit}.hljs-comment,.hljs-quote{color:var(--ink-3);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-meta .hljs-keyword{color:var(--violet-ink)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:var(--green-ink)}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable.constant_{color:var(--orange-ink)}.hljs-title,.hljs-title.function_,.hljs-section{color:var(--blue-ink)}.hljs-type,.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:var(--amber-ink)}.hljs-attr,.hljs-attribute,.hljs-property,.hljs-name,.hljs-selector-class,.hljs-selector-id{color:var(--sky-ink)}.hljs-tag,.hljs-meta,.hljs-punctuation{color:var(--ink-2)}.hljs-deletion{color:var(--red-ink)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:600}.prose .mermaid{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;padding:16px;position:relative;overflow-x:auto}.mermaid-svg svg{max-width:100%;height:auto}.mermaid-loading{height:160px;display:block}.mermaid-loading:before{border-radius:var(--radius-md);inset:0}.mermaid-code{text-align:left;border-radius:var(--radius-md);background:var(--surface-2)}.mermaid-error{color:var(--danger-ink);font-size:var(--text-xs);text-align:left;margin-top:8px}.front-matter{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:max-content 1fr;margin:0 0 1.6em;padding:10px 14px;font-size:12.5px;line-height:1.5;display:grid}.front-matter>div{display:contents}.front-matter dt{color:var(--ink-3);padding:2px 16px 2px 0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.front-matter dd{color:var(--ink-2);overflow-wrap:anywhere;margin:0;padding:2px 0}@media (max-width:899px){.prose{--prose-size:17px;max-width:none;padding:20px max(18px, env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));line-height:1.62}.prose h1{font-size:1.75em}.prose h2{font-size:1.35em}.prose pre{font-size:13px}.prose .code-block,.prose .table-wrap,.prose .mermaid{margin-left:-6px;margin-right:-6px}}