:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #6b7280;--ok: #15803d;--bad: #b91c1c;--accent: #2563eb}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--fg: #e5e7eb;--muted: #9ca3af;--ok: #4ade80;--bad: #f87171;--accent: #60a5fa}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{max-width:42rem;margin:12vh auto 0;padding:0 1.5rem}h1{font-size:2rem;margin:0 0 .25rem}.tagline{color:var(--muted);margin:0 0 2rem}.status{font-size:1.05rem}.ok{color:var(--ok);font-weight:600}.bad{color:var(--bad);font-weight:600}.pending{color:var(--muted)}.note{margin-top:2rem;color:var(--muted);font-size:.9rem}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-block;background:var(--accent);color:#fff;padding:.55rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1rem}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-radius:12px}.who{display:flex;align-items:center;gap:.75rem}.who img{border-radius:50%}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.viewer{display:flex;flex-direction:column;height:100vh}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent);flex:0 0 auto}.viewer-left{display:flex;align-items:center;gap:1rem;min-width:0}.viewer-brand{font-weight:700;text-decoration:none;color:inherit;white-space:nowrap;flex:0 0 auto;padding-right:1rem;border-right:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.viewer-brand:hover{color:var(--accent)}.viewer-title{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1 1 auto}.viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-frame{flex:1 1 auto;width:100%;border:0}.badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:999px;font-weight:700;border:1px solid currentColor}.badge-private{color:var(--muted)}.badge-shared{color:var(--accent)}.badge-people{color:var(--accent);text-decoration:none;margin-left:.3rem}.badge-people:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.badge-public{color:var(--ok)}@media(max-width:640px){.viewer-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.viewer-left{width:100%;gap:.6rem}.viewer-brand{padding-right:.6rem}.viewer-right{width:100%}.share{flex-wrap:wrap;width:100%}.share select{flex:1 1 auto;min-width:0}.topbar{flex-wrap:wrap}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.topbar-left{display:flex;align-items:center;gap:1.5rem}.topbar-right{display:flex;align-items:center;gap:.75rem}.brand{font-weight:700;text-decoration:none;color:var(--fg);display:inline-flex;align-items:center;gap:.5rem}.brand-mark{display:block;flex:0 0 auto;vertical-align:middle}.viewer-brand{display:inline-flex;align-items:center;gap:.45rem}.nav{display:flex;gap:1rem}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--fg)}.avatar{border-radius:50%}.small{padding:.35rem .7rem;font-size:.85rem}.page{max-width:60rem;margin:2rem auto;padding:0 1.5rem}.empty{padding:2rem 0}.tabs{display:flex;gap:.25rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent);margin-bottom:.5rem}.tab{font:inherit;cursor:pointer;background:none;border:none;color:var(--muted);padding:.6rem 1rem;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--fg)}.tab-active{color:var(--fg);font-weight:600;border-bottom-color:var(--accent)}.list{width:100%;border-collapse:collapse;margin-top:1rem}.list th,.list td{text-align:left;vertical-align:middle;padding:.6rem .5rem;border-bottom:1px solid color-mix(in srgb,var(--fg) 12%,transparent)}.list th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.row-actions{text-align:right;white-space:nowrap}.row-actions .link-btn+.link-btn{margin-left:1rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;padding:0}.link-btn.danger{color:var(--bad)}.link-btn[disabled]{opacity:.5;cursor:default}.token-form{display:flex;gap:.5rem;margin:1rem 0}.token-form input{flex:1;max-width:22rem;padding:.5rem .7rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:var(--bg);color:var(--fg)}.reveal{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.9rem 1rem;margin:1rem 0;border:1px solid var(--ok);border-radius:10px}.token{font-family:ui-monospace,monospace;background:color-mix(in srgb,var(--fg) 8%,transparent);padding:.3rem .5rem;border-radius:6px;overflow-wrap:anywhere}.viewer-right{display:flex;align-items:center;gap:.75rem}.share{display:flex;align-items:center;gap:.5rem}.share select{padding:.35rem .5rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:var(--bg);color:var(--fg)}.people-modal{width:min(360px,92vw)}.people-modal .modal-head{padding:.8rem 1rem}.people-modal .modal-body{padding:.85rem 1rem 1.1rem}.people-modal .modal-body>.muted:first-child{margin:0}.people-add{display:flex;gap:.5rem;margin:.8rem 0 0}.people-add input{flex:1;min-width:0;padding:.45rem .6rem;border-radius:8px;font:16px/1.4 inherit;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:var(--bg);color:var(--fg)}.people-sub{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1.1rem 0 .2rem}.people-list{list-style:none;margin:0;padding:0}.people-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-top:1px solid color-mix(in srgb,var(--fg) 10%,transparent);font-size:.92rem}.people-who{min-width:0;overflow-wrap:anywhere}.people-modal .err{color:var(--bad);margin:.6rem 0 0;font-size:.88rem}@media(max-width:640px){.sheet-on-mobile{padding:0;align-items:flex-end}.sheet-on-mobile .people-modal{width:100%;max-width:none;max-height:85vh;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0)}.people-add{flex-direction:column;align-items:stretch}.people-add .btn{width:100%}.people-list li{flex-wrap:wrap}}.copybox{margin:1rem 0 .75rem}.llmtxt{background:color-mix(in srgb,var(--fg) 7%,transparent);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:10px;padding:1rem;overflow-x:auto;white-space:pre;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.sep{border:none;border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent);margin:2.5rem 0}.langswitch{display:flex;justify-content:flex-end;gap:.25rem;margin-bottom:.5rem}.langbtn{font:inherit;font-size:.85rem;cursor:pointer;background:transparent;color:var(--muted);border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);border-radius:6px;padding:.25rem .6rem}.langbtn-active{color:#fff;background:var(--accent);border-color:var(--accent)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.85em}.search{width:100%;max-width:24rem;padding:.5rem .7rem;margin:.5rem 0 1rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:var(--bg);color:var(--fg)}.cmp-filters{display:flex;gap:.5rem;flex-wrap:wrap}.cmp-filters .search{margin:.5rem 0 1rem}.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.cmp-card{text-align:left;cursor:pointer;background:transparent;color:inherit;border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.35rem}.cmp-card:hover{border-color:var(--accent)}.cmp-title{font-weight:700;display:flex;align-items:center;gap:.35rem}.star{color:#f59e0b}.cmp-sum{color:var(--muted);font-size:.9rem}.cmp-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.tag{font-size:.72rem;padding:.05rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent);color:var(--muted)}.cmp-embed-head{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .4rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:3vh 2vw;z-index:100;overflow:auto}.modal{background:var(--bg);color:var(--fg);width:min(1100px,92vw);max-height:94vh;overflow:auto;border-radius:14px;border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);box-shadow:0 20px 60px #0008}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;position:sticky;top:0;background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--fg) 12%,transparent);z-index:1}.modal-x{font:inherit;font-size:1.1rem;line-height:1;cursor:pointer;background:none;border:none;color:var(--muted)}.modal-x:hover{color:var(--fg)}.modal-body{padding:1rem 1.25rem 1.5rem}.cmp-owner-controls{display:flex;gap:1.25rem;align-items:center;margin-top:.5rem;flex-wrap:wrap;font-size:.9rem}.cmp-owner-controls select{margin-left:.25rem;padding:.2rem .4rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent);background:var(--bg);color:var(--fg)}.modal-preview{width:100%;border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-radius:10px;background:#fff;display:block}.chip{display:inline-flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.78rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;white-space:nowrap}.chip-link{text-decoration:none;cursor:pointer}.chip-link:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.ftype{color:var(--muted);font-size:.8rem}.res-modal{width:min(760px,94vw)}.res-modal .list{margin-top:.5rem}.res-modal .row-actions .link-btn{text-decoration:none}.list-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem}.pager{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.pgbtn{font:inherit;font-size:.85rem;cursor:pointer;min-width:2rem;padding:.3rem .55rem;border-radius:8px;color:var(--fg);background:var(--bg);border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}.pgbtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pgbtn:disabled{opacity:.4;cursor:default}.pgbtn-active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.pgbtn-active:hover{color:#fff}.pgellipsis{color:var(--muted);padding:0 .15rem}.pgjump{display:inline-flex;gap:.25rem;margin-left:.4rem}.pgjump input{width:4.5rem;font:inherit;font-size:.85rem;padding:.3rem .5rem;border-radius:8px;background:var(--bg);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}.name-input{font:inherit;font-size:.9rem;padding:.35rem .6rem;min-width:12rem;border-radius:8px;background:var(--bg);color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 22%,transparent)}.name-input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:.6rem;align-items:center;justify-content:flex-end;margin-top:.9rem}.modal-backdrop.centered{align-items:center}.modal.dialog-sm{width:min(28rem,92vw)}.token-create{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0 .75rem}.token-create .name-input{flex:1 1 20rem}.callout{border:1px solid color-mix(in srgb,var(--fg) 15%,transparent);border-left:4px solid #e0a020;border-radius:8px;padding:.85rem 1.1rem;margin:1rem 0;background:color-mix(in srgb,#e0a020 12%,transparent)}@media(prefers-color-scheme:dark){.callout{border-left-color:#f5c451;background:color-mix(in srgb,#f5c451 14%,transparent)}}.callout p{margin:.35rem 0 0;color:var(--muted)}.callout-info{border-left-color:color-mix(in srgb,var(--fg) 35%,transparent)!important;background:color-mix(in srgb,var(--fg) 4%,transparent)!important}.setup-tabhint{color:var(--muted);font-size:.9rem;margin:.6rem 0 1.5rem}.walk{line-height:1.7;padding-left:1.4rem}.walk>li{margin:0 0 1.75rem;padding-left:.4rem}.walk>li::marker{color:var(--muted)}.shot{margin:.6rem 0 0}.shot img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:8rem;padding:1rem;text-align:center;border:2px dashed color-mix(in srgb,var(--fg) 25%,transparent);border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--fg) 3%,transparent)}.shot-placeholder code{font-size:.78rem;word-break:break-all}