:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#0d0f12;--surface:#15181d;--surface-hover:#1b1f26;--border:#262b33;--border-strong:#343a44;--text:#e6e9ee;--text-muted:#9aa3ae;--text-faint:#7d8794;--ok:#3fb950;--warn:#d29922;--off:#7d8794;--focus:#7aa7ff;--bad:#f85149;--wash:#ffffff08}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--surface:#fff;--surface-hover:#fbfcfd;--border:#e2e5ea;--border-strong:#cdd2da;--text:#14171c;--text-muted:#5a636e;--text-faint:#656e79;--ok:#1a7f37;--warn:#9a6700;--off:#656e79;--focus:#2563eb;--bad:#cf222e;--wash:#00000005}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:400 13px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}.wrap{max-width:640px;margin:0 auto;padding:32px 24px 64px}.page-head{text-align:center}.page-mark{width:64px;height:64px;font:700 20px var(--font);letter-spacing:.02em;background:var(--border-strong);color:var(--text);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}h1{font:650 24px/1.2 var(--font);letter-spacing:-.02em;margin:0}.meta{color:var(--text-faint);margin:4px 0 0;font-size:12px}.toolbar{z-index:10;background:var(--bg);box-shadow:0 1px 0 var(--border);margin:12px 0 4px;padding-block:12px;position:sticky;top:0}.tb-row{align-items:center;gap:12px;display:flex}.tb-search{flex:auto;min-width:0;display:flex}.search{background:var(--surface);border:1px solid var(--border);min-width:0;height:36px;color:var(--text);font:400 14px var(--font);appearance:none;border-radius:8px;flex:auto;padding:0 12px}.search::placeholder{color:var(--text-faint)}.count{font:500 12px var(--font);letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;flex:none}.chip{border:1px solid var(--border);font:500 12px var(--font);white-space:nowrap;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 12px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}[hidden]{display:none!important}.crumbs{margin:0 0 16px}.crumbs ol{font:500 12px var(--font);flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:6px;display:inline-flex}.crumb{color:var(--text-muted);text-decoration:none}.crumb:hover{color:var(--text)}.crumb[aria-current=page]{color:var(--text);cursor:default}.crumb-sep{width:14px;height:14px;color:var(--text-faint);flex:none}.stack{flex-direction:column;gap:12px;display:flex}.sec{font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:12px 0 0}.stack>.sec:first-child{margin-top:0}.row{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;min-height:64px;padding:12px 14px;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.row:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.row-link{color:inherit;text-decoration:none}.row-link[href]:after{content:"";border-radius:12px;position:absolute;inset:0}.row-main{align-items:center;gap:12px;display:flex}.row-text{flex:auto;min-width:0}.name{font:600 15px/1.3 var(--font);letter-spacing:-.01em;margin:0}.desc{color:var(--text-muted);margin:2px 0 0;font-size:13px;line-height:1.45}.name,.desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mark{width:44px;height:44px;font:700 13px var(--font);letter-spacing:.02em;background:hsl(var(--h),38%,24%);border:1px solid hsl(var(--h),40%,36%);color:hsl(var(--h),68%,76%);border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;display:flex;overflow:hidden}.mark>img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-color-scheme:light){.mark{background:hsl(var(--h),62%,93%);border-color:hsl(var(--h),48%,80%);color:hsl(var(--h),60%,28%)}}.mark.is-icon{background:#757575;border:none}.mark.is-icon>img{object-fit:contain;width:24px;height:24px}.row.is-typed{background-color:var(--tint-d);box-shadow:inset 3px 0 0 var(--rail-d)}.row.is-typed:hover{background-image:linear-gradient(var(--wash),var(--wash))}@media (prefers-color-scheme:light){.row.is-typed{background-color:var(--tint-l);box-shadow:inset 3px 0 0 var(--rail-l)}}.mark.is-typed{background:var(--tile);color:#fff;border:none}.ico-type{fill:currentColor;width:24px;height:24px;display:block}.ico-type .k{fill:var(--tile)}.ico-type .ks{fill:none;stroke:var(--tile)}.ico-type .s{fill:none;stroke:currentColor}.row.is-typed .badge.s-archived{color:var(--text-muted)}.mark.is-folder,.page-mark.is-folder{color:var(--text-faint);background:0 0;border:none}.ico-folder{fill:currentColor;width:100%;height:100%}.trail{font:500 11px var(--font);letter-spacing:.02em;color:var(--text-faint);flex:none;align-items:center;gap:4px;display:inline-flex}.ico-chev{flex:none;width:14px;height:14px}@media (max-width:480px){.trail-n{display:none}}.badge{border:1px solid var(--border);font:600 11px var(--font);letter-spacing:.03em;color:var(--text-muted);background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.dot{border-radius:50%;flex:none;width:6px;height:6px}.s-live .dot{background:var(--ok)}.s-progress .dot{box-shadow:inset 0 0 0 2px var(--warn);background:0 0}.s-archived .dot{background:var(--off);opacity:.55}.s-archived{color:var(--text-faint);border-style:dashed}.cred{gap:4px}.ico-lock{flex:none;width:14px;height:14px}@media (max-width:480px){.cred-t{display:none}.cred{padding:2px 5px}}.empty{text-align:center;color:var(--text-muted);padding:48px 0;font-size:13px}.empty p{margin:0 0 12px}.empty-card{border:1px dashed var(--border-strong);text-align:center;border-radius:12px;padding:32px 24px}.empty-mark{width:44px;height:44px;color:var(--text-faint);margin:0 auto 12px}.empty-card h2{font:600 15px/1.3 var(--font);letter-spacing:-.01em;margin:0}.empty-card p{color:var(--text-muted);max-width:44ch;margin:6px auto 0;font-size:13px;line-height:1.5}.empty-card p.empty-note{color:var(--text-faint);margin:12px auto 0;font-size:11px;line-height:1.4}.empty-acts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.empty-card.is-bad{border-style:solid;border-color:var(--border);box-shadow:inset 3px 0 0 var(--bad);text-align:left}.empty-card.is-bad p{max-width:none;margin-left:0;margin-right:0}.empty-card p.code{font:400 11px/1.5 var(--mono);overflow-wrap:anywhere}.tb-end{flex:none;align-items:center;gap:12px;display:flex}.btn{background:var(--surface);border:1px solid var(--border-strong);height:36px;color:var(--text);font:500 13px var(--font);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--text-faint)}.btn:disabled{color:var(--text-faint);border-color:var(--border);cursor:default}.btn:disabled:hover{background:var(--surface)}.btn.ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn.ghost:hover{border-color:var(--border-strong);color:var(--text)}.ico-plus{flex:none;width:14px;height:14px}.acts{z-index:1;flex:none;gap:6px;display:flex;position:relative}.act{border-radius:8px;width:28px;height:28px;padding:0}.ico-act{flex:none;width:14px;height:14px}.act-del:hover,.act-del:focus-visible{color:var(--bad);border-color:var(--bad)}.confirm{z-index:1;border-top:1px dashed var(--border);gap:8px;margin-top:10px;padding-top:10px;display:grid;position:relative}.confirm-q{margin:0;font-size:12px;line-height:1.5}.confirm-q strong{font-weight:600}.confirm-u{font:400 11px/1.4 var(--mono);color:var(--text-muted);overflow-wrap:anywhere;margin-top:2px;display:block}.confirm-acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn.danger:hover{background:var(--surface-hover);border-color:var(--bad)}.btn.danger:disabled{color:var(--text-faint);border-color:var(--border)}.btn.danger:disabled:hover{background:0 0}.editor{background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);border:1px solid var(--border-strong);border-radius:14px;padding:0;overflow:auto;box-shadow:0 24px 64px #00000073}.editor::backdrop{background:#0000008c}@media (prefers-color-scheme:light){.editor{box-shadow:0 16px 48px #00000029}.editor::backdrop{background:#00000059}}.ed-panel{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.ed-head{flex:none;padding:20px 20px 0}.ed-head h2{font:650 15px/1.3 var(--font);letter-spacing:-.01em;margin:0}.ed-head p{color:var(--text-faint);margin:4px 0 0;font-size:12px;line-height:1.45}.ed-body{flex:auto;gap:12px;min-height:0;padding:16px 20px;display:grid;overflow:auto}.ed-foot{border-top:1px solid var(--border);flex:none;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.ed-back{margin-right:auto}.f{gap:4px;min-width:0;display:grid}.f>label{font:500 12px var(--font);color:var(--text-muted)}.f .req{color:var(--text-muted)}.hint{color:var(--text-faint);margin:0;font-size:11px;line-height:1.4}.f input,.f select{background:var(--bg);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);font:400 13px var(--font);border-radius:8px;height:36px;padding:0 10px}.f input::placeholder{color:var(--text-faint)}.f input:user-invalid{border-color:var(--bad)}.ed-msg{border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--bad);border-radius:8px;margin:0;padding:10px 12px 10px 15px;font-size:12px;line-height:1.5}.tiles{border:0;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.tiles>legend{font:500 12px var(--font);color:var(--text-muted);float:left;width:100%;margin-bottom:8px;padding:0}.tiles>.tiles-clear{clear:both;grid-column:1/-1;height:0}.tile{cursor:pointer;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px;transition:border-color .12s,color .12s;display:flex}.tile:hover{border-color:var(--border-strong);color:var(--text)}.tile-t{font:500 11px/1.3 var(--font);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tile:has(:checked){border-color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--text-faint);color:var(--text)}.tile:has(:checked) .tile-t{font-weight:600}.tile:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tiles.is-status{grid-template-columns:repeat(3,1fr)}.tiles.is-status .tile{padding:10px 4px}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{cursor:pointer;text-align:center;background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:border-color .12s,background .12s;display:flex}.choice:hover{border-color:var(--border-strong);background:var(--surface-hover)}.choice-t{font:600 15px/1.3 var(--font);letter-spacing:-.01em}.choice-d{color:var(--text-muted);font-size:12px;line-height:1.45}.chip:focus-visible,.search:focus-visible,.crumb:focus-visible,.btn:focus-visible,.f input:focus-visible,.choice:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.row-link:focus-visible{outline:none}.row-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}h1:focus{outline:none}@media (max-width:640px){.wrap{padding:32px 16px 64px}h1{font-size:20px}.tb-row{flex-direction:column;align-items:stretch;gap:8px}.tb-end{justify-content:space-between}}@media (max-width:480px){.row-main{flex-wrap:wrap}.row-text{flex:1 1 0}.acts{flex:0 0 100%;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.row:hover{transform:none}}