:root{--surface: #ffffff;--surface-variant: #f4f6f9;--surface-sunken: #eceff4;--on-surface: #16181d;--on-surface-muted: #5d6572;--outline: #dde1e8;--outline-strong: #c3cad6;--accent: #2b5cd9;--accent-quiet: #e8eefc;--on-accent: #ffffff;--success: #1a7f4b;--warning: #9a6400;--danger: #b3261e;--danger-quiet: #fdeceb;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .8rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--weight-normal: 400;--weight-strong: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-control: 6px;--radius-card: 10px;--radius-pill: 999px;--elev-1: 0 1px 2px rgb(16 24 40 / 6%);--elev-2: 0 2px 8px rgb(16 24 40 / 10%);--elev-3: 0 8px 28px rgb(16 24 40 / 16%);--motion-press: .12s;--motion-view: .2s;--easing: cubic-bezier(.2, 0, 0, 1);--touch: 44px;color-scheme:light}:root[data-theme=dark]{--surface: #14161a;--surface-variant: #1b1e24;--surface-sunken: #0f1115;--on-surface: #e8eaed;--on-surface-muted: #99a1ae;--outline: #2a2e36;--outline-strong: #3d434e;--accent: #7ea2ff;--accent-quiet: #1e2740;--on-accent: #0d1220;--success: #6ed09b;--warning: #e3b341;--danger: #f2b8b5;--danger-quiet: #38211f;--elev-1: 0 1px 2px rgb(0 0 0 / 40%);--elev-2: 0 2px 8px rgb(0 0 0 / 50%);--elev-3: 0 8px 28px rgb(0 0 0 / 60%);color-scheme:dark}@media (prefers-reduced-motion: reduce){:root{--motion-press: 0ms;--motion-view: 0ms}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--surface-sunken);color:var(--on-surface);font-family:var(--font);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:var(--weight-strong);line-height:1.25}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-muted)}.muted{color:var(--on-surface-muted)}.boot{padding:var(--space-6);color:var(--on-surface-muted)}.grow{flex:1;min-width:0}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-control)}.btn{font:inherit;font-size:var(--text-sm);min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-control);background:var(--surface);color:var(--on-surface);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:background var(--motion-press) var(--easing),border-color var(--motion-press) var(--easing)}.btn:hover:not(:disabled){background:var(--surface-variant);border-color:var(--outline-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.btn.quiet{background:transparent;border-color:transparent}.btn.quiet:hover:not(:disabled){background:var(--surface-variant);border-color:var(--outline)}.btn.danger{color:var(--danger);border-color:var(--outline)}.btn.large{min-height:52px;font-size:var(--text-md);padding:0 var(--space-6)}.icon-btn{font:inherit;width:var(--touch);height:var(--touch);display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--on-surface-muted);cursor:pointer;transition:background var(--motion-press) var(--easing),color var(--motion-press) var(--easing)}.icon-btn:hover{background:var(--surface-variant);color:var(--on-surface)}.locale-code{font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.04em}.input{font:inherit;font-size:var(--text-sm);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--outline);border-radius:var(--radius-control);background:var(--surface);color:var(--on-surface);min-width:0}.form{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.form .input{flex:1}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--outline);position:sticky;top:0;z-index:2}.brand{font-size:var(--text-lg);font-weight:var(--weight-strong);letter-spacing:-.01em}.storage{font-size:var(--text-xs);color:var(--on-surface-muted);padding:var(--space-1) var(--space-3);border:1px solid var(--outline);border-radius:var(--radius-pill);white-space:nowrap}.account{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);min-width:0}.account-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.account-alias{font-size:var(--text-sm);font-weight:var(--weight-strong)}.account-uid{color:var(--on-surface-muted)}.avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-quiet);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-strong)}.avatar.big{width:56px;height:56px;font-size:var(--text-md)}.offline{margin:0;padding:var(--space-2) var(--space-4);background:var(--danger-quiet);color:var(--danger);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.body{flex:1;display:grid;grid-template-columns:auto 1fr;align-items:stretch;min-height:0}.body.with-pane{grid-template-columns:auto minmax(13rem,17rem) 1fr}.rail{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--surface);border-right:1px solid var(--outline)}.rail-item{font:inherit;font-size:var(--text-xs);width:76px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:1px solid transparent;border-radius:var(--radius-card);background:transparent;color:var(--on-surface-muted);cursor:pointer;transition:background var(--motion-press) var(--easing),color var(--motion-press) var(--easing)}.rail-item:hover{background:var(--surface-variant);color:var(--on-surface)}.rail-item.current{background:var(--accent-quiet);color:var(--accent);font-weight:var(--weight-strong)}.pane{padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--outline);overflow-y:auto}.tree{display:flex;flex-direction:column;gap:var(--space-2)}.tree ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tree-item{font:inherit;font-size:var(--text-sm);width:100%;min-height:36px;display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--on-surface);cursor:pointer;text-align:start}.tree-item:hover:not(:disabled){background:var(--surface-variant)}.tree-item[data-depth="1"]{padding-inline-start:calc(var(--space-2) + var(--space-4))}.tree-item[data-depth="2"]{padding-inline-start:calc(var(--space-2) + 2 * var(--space-4))}.tree-item[data-depth="3"]{padding-inline-start:calc(var(--space-2) + 3 * var(--space-4))}.tree-item[data-depth="4"]{padding-inline-start:calc(var(--space-2) + 4 * var(--space-4))}.tree-item[data-depth="5"]{padding-inline-start:calc(var(--space-2) + 5 * var(--space-4))}.tree-item[data-depth="6"]{padding-inline-start:calc(var(--space-2) + 6 * var(--space-4))}.tree-item[data-depth="7"]{padding-inline-start:calc(var(--space-2) + 7 * var(--space-4))}.tree-item[data-depth="8"]{padding-inline-start:calc(var(--space-2) + 8 * var(--space-4))}.tree-item[data-depth="9"]{padding-inline-start:calc(var(--space-2) + 9 * var(--space-4))}.tree-item[data-depth="10"]{padding-inline-start:calc(var(--space-2) + 10 * var(--space-4))}.tree-item.current{background:var(--accent-quiet);color:var(--accent);font-weight:var(--weight-strong)}.tree-item:disabled{opacity:.6;cursor:default}.tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-count{font-size:var(--text-xs);color:var(--on-surface-muted);font-variant-numeric:tabular-nums}.view{padding:var(--space-5);min-width:0;overflow-y:auto}.view-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.view-title{font-size:var(--text-lg);overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto}.upload{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--on-surface-muted)}.upload input{font:inherit;font-size:var(--text-xs);max-width:13rem}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);text-align:center}.hero-tagline{margin:0;color:var(--on-surface-muted);font-size:var(--text-lg)}.notice{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);font-size:var(--text-sm)}.notice.busy{background:var(--surface-variant);color:var(--on-surface-muted)}.notice.error{background:var(--danger-quiet);color:var(--danger)}.spinner{width:14px;height:14px;flex:none;border:2px solid var(--outline-strong);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--on-surface-muted);font-size:var(--text-sm);text-align:center}.pill{display:inline-flex;align-items:center;padding:0 var(--space-3);min-height:24px;border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--surface-variant);color:var(--on-surface-muted)}.pill.accent{background:var(--accent-quiet);color:var(--accent)}.pill.warning{color:var(--warning)}.pill.danger{background:var(--danger-quiet);color:var(--danger)}.items,.cards{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-card);overflow:hidden}.items li,.cards li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--outline)}.items li:last-child,.cards li:last-child{border-bottom:0}.items li:hover{background:var(--surface-variant)}.row-glyph{color:var(--on-surface-muted);font-size:var(--text-lg);line-height:1}.items .grow{display:flex;flex-direction:column;line-height:1.35}.row-name,.card-title{font-size:var(--text-sm);font-weight:var(--weight-strong);overflow-wrap:anywhere}.row-meta,.card-meta{font-size:var(--text-xs);color:var(--on-surface-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-3)}.tile{margin:0;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elev-1)}.tile-image,.tile-placeholder{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface-variant);color:transparent}.tile-placeholder{display:grid;place-items:center;font-size:var(--text-xl);color:var(--on-surface-muted)}.tile figcaption{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.tile-name{font-size:var(--text-xs);font-weight:var(--weight-strong);overflow-wrap:anywhere}.tile-date{font-size:var(--text-xs);color:var(--on-surface-muted)}.tile figcaption .btn{min-height:32px;padding:0 var(--space-2);font-size:var(--text-xs);margin-top:var(--space-1)}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--outline)}.tab{font:inherit;font-size:var(--text-sm);min-height:var(--touch);padding:0 var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--on-surface-muted);cursor:pointer}.tab:hover{color:var(--on-surface)}.tab.current{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--weight-strong)}.stack{display:flex;flex-direction:column;gap:var(--space-4);max-width:44rem}.panel{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.identity{display:flex;align-items:center;gap:var(--space-4)}.gauge{width:100%;height:8px;border:0;border-radius:var(--radius-pill);background:var(--surface-variant);-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.gauge::-webkit-progress-bar{background:var(--surface-variant)}.gauge::-webkit-progress-value{background:var(--accent);transition:width var(--motion-view) var(--easing)}.gauge::-moz-progress-bar{background:var(--accent)}.panel p{margin:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm)}.setting .input{max-width:14rem}@media (max-width: 52rem){.body,.body.with-pane{grid-template-columns:1fr;grid-template-rows:1fr auto}.pane{display:none}.rail{order:2;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--outline);position:sticky;bottom:0}.rail-item{width:auto;flex:1;min-height:var(--touch)}.view{order:1;padding:var(--space-4)}}.row-open,.tile-open{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;text-align:start}.row-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);min-height:40px}.tile-open{display:block;width:100%}.items li.selected,.tile.selected{outline:2px solid var(--accent);outline-offset:-2px}.body.with-inspector{grid-template-columns:auto minmax(13rem,17rem) 1fr minmax(16rem,22rem)}.inspector{background:var(--surface);border-left:1px solid var(--outline);padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.inspector-body{display:flex;flex-direction:column;gap:var(--space-4)}.facts{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:var(--space-2) var(--space-3);margin:0;font-size:var(--text-sm)}.facts dt{color:var(--on-surface-muted)}.facts dd{margin:0;overflow-wrap:anywhere}.inspector-description{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.tags,.variants,.inspector-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.inspector-id{margin:0;overflow-wrap:anywhere}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:#0b0d11;color:#f2f4f7}.viewer-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid rgb(255 255 255 / 12%)}.viewer-bar .icon-btn{color:inherit}.viewer-bar .icon-btn:hover{background:#ffffff1f;color:inherit}.viewer-title{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-count{font-size:var(--text-xs);opacity:.7;font-variant-numeric:tabular-nums}.viewer-stage,.reader-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3)}.reader-stage{align-items:stretch;overflow:auto}.viewer-media{max-width:100%;max-height:100%;object-fit:contain}.viewer-empty{margin:0;opacity:.75;font-size:var(--text-sm)}.viewer-meta{margin:0;padding:var(--space-2) var(--space-4) var(--space-4);text-align:center;font-size:var(--text-xs);opacity:.7}.reader-text{margin:0 auto;max-width:46rem;width:100%;padding:var(--space-5);background:var(--surface);color:var(--on-surface);border-radius:var(--radius-card);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width: 52rem){.body.with-inspector{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--outline)}}.reader-text:has(.markdown){font-family:var(--font);white-space:normal}.markdown{display:flow-root}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:var(--space-5) 0 var(--space-2);line-height:1.25}.markdown h1{font-size:var(--text-xl)}.markdown h2{font-size:var(--text-lg)}.markdown h3{font-size:var(--text-md)}.markdown h4,.markdown h5,.markdown h6{font-size:var(--text-sm)}.markdown p{margin:0 0 var(--space-3)}.markdown ul,.markdown ol{margin:0 0 var(--space-3);padding-inline-start:var(--space-5)}.markdown li{margin-bottom:var(--space-1)}.markdown .md-todo{list-style:none;padding-inline-start:0}.markdown .md-todo li{display:flex;align-items:baseline;gap:var(--space-2)}.markdown blockquote{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-4);border-inline-start:3px solid var(--accent);color:var(--on-surface-muted)}.markdown code{font-family:var(--font-mono);font-size:.9em;padding:.1em .35em;border-radius:var(--radius-pill);background:var(--surface-sunken)}.markdown .md-code{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-sunken);overflow-x:auto}.markdown .md-code code{padding:0;background:none}.markdown hr{margin:var(--space-5) 0;border:0;border-top:1px solid var(--outline)}.markdown a{color:var(--accent)}.markdown .md-image{max-width:100%;height:auto;border-radius:var(--radius-card);display:block;margin:var(--space-3) 0}.markdown .md-image-missing{display:inline-block;padding:.1em .4em;border:1px dashed var(--outline);border-radius:var(--radius-pill);color:var(--on-surface-muted);font-size:var(--text-xs)}.markdown .md-image-loading{display:inline-block;width:6rem;height:1rem;border-radius:var(--radius-pill);background:var(--surface-sunken)}.markdown .md-table-wrap{margin:0 0 var(--space-3);overflow-x:auto}.markdown .md-table{border-collapse:collapse;min-width:100%}.markdown .md-table th,.markdown .md-table td{border:1px solid var(--outline);padding:var(--space-2) var(--space-3);text-align:start}.markdown .md-table th{background:var(--surface-sunken)}.editor-tools{display:flex;align-items:center;gap:var(--space-2)}.editor-stage{flex:1;min-height:0;display:flex;gap:var(--space-3);padding:var(--space-3)}.editor-area{flex:1;min-width:0;resize:none;padding:var(--space-5);border:0;border-radius:var(--radius-card);background:var(--surface);color:var(--on-surface);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;-moz-tab-size:2;tab-size:2}.editor-area:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-preview{flex:1;min-width:0;overflow:auto;padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);color:var(--on-surface)}.editor .notice{margin:0 var(--space-3) var(--space-2);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.editor-history{width:20rem;flex:none;overflow:auto;padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface);color:var(--on-surface)}.editor-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.editor-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.editor-history-list li{display:grid;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--outline);border-radius:var(--radius-control)}.editor-revision-head{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.editor-revision-at,.editor-revision-name{font-size:var(--text-xs);color:var(--on-surface-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 52rem){.editor-stage{flex-direction:column}.editor-history{width:auto;max-height:40vh}}