:root{--paper:#ecf2f3;--card:#f8fdff;--surface:#dee4e5;--ink:#2b3133;--muted:#61686a;--line:#c9cfd0;--line-soft:#dde3e4;--pop:#06707e;--pop-wash:#e4f0f1;--danger:#8a2b14;--gap:22px;--gap-lg:34px;--radius:10px;--t:140ms;--font-serif:Fraunces,Superclarendon,"Bookman Old Style",Georgia,serif;--font-sans:"Instrument Sans",ui-sans-serif,system-ui,"Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0 0 96px;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(43,49,51,.08) 1px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5}a{text-decoration:none}a,button{color:inherit}button{font:inherit}::selection{background:#bfe0e3;color:var(--ink)}input,textarea{caret-color:var(--pop)}:focus-visible{outline:2px solid var(--pop);outline-offset:1px;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#b3bbbd transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#b3bbbd;border:3px solid var(--paper);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#98a2a4}.wrap{max-width:1080px;margin:0 auto;padding:40px 32px 0}.card-slug,.mono,.plate-path,.preview-bar,.share-url,.shot-facts,.window-bar{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0,none;letter-spacing:.015em}.mast{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;padding-bottom:13px;border-bottom:2px solid var(--ink)}.mast h1{font-family:var(--font-serif);font-weight:900;font-size:22px;letter-spacing:-.02em;margin:0}.wordmark{display:inline-flex;align-items:center;gap:9px}.wordmark svg{display:block;flex:none;margin-top:-3px;color:var(--ink)}.mast .meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0}.mast form{display:inline}.sign-out{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px}.sign-out:hover{color:var(--ink)}.bundle-shell .mast,.catalog-shell .mast{border-bottom-width:5px}.register-line{display:flex;justify-content:space-between;gap:16px;padding:7px 0 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.register-line span:last-child{color:var(--muted);font-weight:500}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:22px 0 34px}.bar .chips{margin:0;flex:1 1 auto}.file-in{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.file-in:focus-visible+.btn{outline:2px solid var(--pop);outline-offset:2px}.foot{max-width:1080px;margin:56px auto 0;padding:18px 32px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.meta-link{color:var(--pop)}.meta-link:hover{text-decoration:underline;text-underline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.chip{display:inline-block;font-size:13px;padding:3px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.chip:hover,.chip[data-on]{border-color:var(--ink);color:var(--ink)}.chip[data-on]{background:var(--card)}.chip .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.6;margin-left:5px}.flag{display:inline-flex;align-items:center;min-height:27px;padding:3px 10px;border:1px solid var(--pop);border-radius:5px;background:var(--pop);color:#fff;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.flag[data-s=private]{border-color:var(--line);border-style:dashed;background:transparent;color:var(--muted)}.btn{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:4px 11px;font-size:12.5px;cursor:pointer;display:inline-block;transition:border-color var(--t) ease,color var(--t) ease}.btn:hover{border-color:var(--ink)}.btn[data-tone=danger]:hover{border-color:var(--danger);color:var(--danger)}.btn[data-copied]{border-color:var(--pop);color:var(--pop)}.btn:disabled,.btn[aria-disabled=true]{color:var(--muted);border-style:dashed;background:none;cursor:default}.btn:disabled:hover,.btn[aria-disabled=true]:hover{border-color:var(--line)}.btn[data-tone=go]{border-color:var(--ink);background:var(--ink);color:var(--paper);font-size:13px;padding:6px 15px;font-weight:500}.btn[data-tone=go]:hover{background:#1b2123}.btn[data-tone=go] .arw{opacity:.66;margin-left:6px;font-size:11px}.quiet-danger{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.quiet-danger:hover{color:var(--danger);-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.shot{position:relative;overflow:hidden;background:var(--surface)}.shot-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 16px 32px;color:var(--muted)}.plate-word{font-family:var(--font-serif);font-size:24px;font-weight:900;line-height:1;letter-spacing:-.025em}.plate-bars{display:flex;align-items:flex-end;gap:7px;height:70px}.plate-bars i{flex:1 1;max-width:42px;border-radius:2px 2px 0 0;background:#c5cdcf}.plate-path{font-size:11px;overflow-wrap:anywhere}.shot-frame{position:absolute;z-index:1;top:0;left:0;border:0;transform-origin:top left;background:#fff;pointer-events:none;opacity:0;transition:opacity var(--t) ease-in}.shot[data-live] .shot-frame{opacity:1}.shot[data-live]:after{content:"";z-index:2;inset:auto 0 0;height:48px;background:linear-gradient(to bottom,rgba(248,253,255,0),var(--card) 82%)}.shot-facts,.shot[data-live]:after{position:absolute;pointer-events:none}.shot-facts{z-index:3;inset:auto 14px 9px;display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:11px;line-height:1.3}.shot-facts .entry{color:var(--ink)}.shot-hit,.shot-open{position:absolute;z-index:4;inset:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(298px,1fr));grid-gap:var(--gap);gap:var(--gap)}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color var(--t) ease}.card:hover{border-color:var(--muted)}.card-window{border-bottom:1px solid var(--line-soft)}.window-bar{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 13px;background:var(--paper);color:var(--muted);font-size:11.5px;line-height:1.4}.window-bar .where{min-width:0;overflow:hidden;color:var(--pop);text-overflow:ellipsis;white-space:nowrap}.window-bar span:last-child{flex:none}.thumb{aspect-ratio:16/10}.card-body{display:flex;align-items:baseline;gap:12px;padding:15px 17px 8px}.frame-no{flex:none;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.08em}.card-name{min-width:0}.card-body h2{margin:0;font-family:var(--font-serif);font-size:25px;font-weight:900;line-height:1.08;letter-spacing:-.028em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.card-body h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.card-slug{display:none;margin:5px 0 0;overflow:hidden;color:var(--pop);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.card-meta{margin:0;padding:0 17px 15px 41px;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-meta span{padding:0 3px;opacity:.55}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 17px;border-top:1px solid var(--line-soft);background:var(--paper)}.card-open{display:inline-flex;min-height:32px;align-items:center;color:var(--pop);font-size:13px;font-weight:500;white-space:nowrap}.card-open:hover{text-decoration:underline;text-underline-offset:3px}.card-open[aria-disabled=true]{color:var(--muted);font-weight:400}.sheet-tail{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px var(--gap);margin-top:var(--gap-lg);padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.drop{flex-basis:100%;margin:4px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.drop[data-over]{border-color:var(--pop);background:#e8f4f5}.drop-done,.drop-say{margin:0;color:var(--pop);font-size:13px}.drop-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}.drop-file,.drop-verdict{flex-basis:100%;margin:0;font-size:13px}.drop-file span,.drop-form label,.drop-verdict{color:var(--muted)}.drop-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.drop-form label input{width:200px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;letter-spacing:normal;text-transform:none}.drop-acts,.drop-progress{display:flex;align-items:center;gap:8px}.drop-progress{margin:12px 0 0;color:var(--muted);font-size:12.5px}.drop-progress progress{flex:1 1;height:6px}.drop-verdict[data-existing]{color:var(--pop)}.drop .error,.drop-done{margin-top:12px}.back{display:inline-block;margin:18px 0 2px;color:var(--muted);font-size:13px}.back:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.detail-head{margin-top:14px}.detail-head h2{max-width:18ch;margin:0;font-family:var(--font-serif);font-size:clamp(34px,5.6vw,54px);font-weight:900;line-height:1.02;letter-spacing:-.035em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.detail-meta{justify-content:space-between;gap:8px var(--gap);margin-top:18px;padding:11px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail-facts,.detail-meta{display:flex;flex-wrap:wrap;align-items:center}.detail-facts{gap:4px 0;min-width:0}.detail-facts>.dot{padding:0 10px;opacity:.55}.collection-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.collection-picker form{display:inline-flex;align-items:center;gap:8px}.collection-select{max-width:14em;padding:5px 28px 5px 11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--card);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="6"><path d="M0 0h9L4.5 6z" fill="%2361686a"/></svg>');background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.collection-select,.new-collection input{border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;font-size:13.5px}.new-collection input{width:14em;padding:5px 9px;background:var(--card)}.collection-error{flex-basis:100%;color:var(--danger);font-size:12.5px}.preview-panel{margin-top:var(--gap);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 13px;border-bottom:1px solid var(--line-soft);background:var(--paper);color:var(--muted);font-size:12px}.preview-bar .where{min-width:0;overflow:hidden;color:var(--pop);text-overflow:ellipsis;white-space:nowrap}.preview-bar .rev{flex:none}.preview{aspect-ratio:21/9}.preview .shot-art{padding:22px 24px 36px}.preview .plate-word{font-size:30px}.preview .plate-bars{height:100px;gap:11px;padding-right:20%}.preview .shot-facts{inset:auto 24px 12px;font-size:12px}.shot-open{display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;opacity:0;background:linear-gradient(180deg,rgba(43,49,51,0) 55%,rgba(43,49,51,.24));transition:opacity var(--t) ease-out}.shot-open span{padding:5px 15px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:12.5px}.shot-open:focus-visible,.shot-open:hover{opacity:1}.danger-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px var(--gap);margin-top:var(--gap-lg);padding-top:16px;border-top:1px solid var(--line)}.danger-strip[data-confirm]{justify-content:space-between}.danger-strip p{flex:1 1 340px;max-width:60ch;margin:0;color:var(--ink);font-size:15px}.delete-actions{display:flex;align-items:center;gap:8px}.delete-actions form{display:inline}.btn-red{display:inline-flex;min-height:41px;align-items:center;justify-content:center;padding:8px 18px;border:1px solid var(--danger);border-radius:6px;background:var(--danger);color:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:filter var(--t)}.btn-red:hover{filter:brightness(.84)}.share-island{margin-top:var(--gap);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.island-foot,.island-head{background:var(--paper)}.island-head{padding:9px 18px;border-bottom:1px solid var(--line-soft)}.island-head h3{margin:0;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.sharing-form fieldset{min-width:0;margin:0;padding:0;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.sharing-choice{min-height:54px;padding:13px 18px;color:var(--muted)}.sharing-choice+.sharing-choice{border-top:1px solid var(--line-soft)}.sharing-choice[data-on]{background:var(--paper);color:var(--ink)}.sharing-choice>label{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;min-height:28px;cursor:pointer}.sharing-choice input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--pop);cursor:pointer}.sharing-choice>label span{font-size:18px;font-weight:500;line-height:1.25}.share-error{margin:0;padding:10px 18px;border-bottom:1px solid var(--line-soft);color:var(--danger);font-size:13px}.pin-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0 1px 34px}.pin-field{width:17ch;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-family:var(--font-mono);font-size:13px;font-feature-settings:none;font-variant-ligatures:none}.pin-stamp{padding:3px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pin-note{color:var(--muted);font-size:12.5px}.share-noscript{padding:10px 18px;border-top:1px solid var(--line-soft)}.sharing-empty{margin:0;padding:13px 18px;color:var(--muted);font-size:13.5px}.share-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px var(--gap);padding:14px 18px;border-top:1px solid var(--line-soft)}.share-foot p{flex:1 1 320px;max-width:60ch;margin:0}.share-url{color:var(--pop);font-size:15px;overflow-wrap:anywhere}.share-url[data-dead]{color:var(--muted)}.share-foot[data-confirm] p{color:var(--ink);font-family:var(--font-sans);font-size:14px}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.share-actions form{display:inline}.gate{max-width:372px;margin:14vh auto 0;padding:0 24px}.gate .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px 28px 24px}.gate h1{font-family:var(--font-serif);font-weight:900;font-size:24px;letter-spacing:-.02em;margin:0 0 18px;display:inline-flex;align-items:center;gap:9px}.gate h1 svg{display:block;flex:none;margin-top:-3px}.gate form{display:flex;flex-direction:column;gap:11px}.gate label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}.gate input{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 12px;width:100%}.gate input:focus{outline:2px solid var(--pop);outline-offset:1px;border-color:var(--pop)}.gate button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:6px;padding:9px 14px;font-size:14px;cursor:pointer;margin-top:2px}.gate button:hover{background:#1b2123}.gate .error{font-size:13px;color:var(--danger);margin:0}.gate .setup{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0}.gate .setup+.setup{margin-top:12px}.gate .setup code{font-family:var(--font-mono);font-feature-settings:none;font-variant-ligatures:none;font-size:12.5px;color:var(--ink)}.gate .after{margin:16px 0 0;font-size:13px;color:var(--muted);text-align:center}.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px 28px;max-width:640px}.empty h2{font-family:var(--font-serif);font-weight:900;font-size:26px;margin:0 0 8px;letter-spacing:-.02em}.empty p{color:var(--muted);font-size:14px;margin:0;max-width:56ch}.empty-lead{font-size:14.5px;margin-bottom:22px}.empty pre{font-family:var(--font-mono);font-feature-settings:none;font-variant-ligatures:none;font-size:12.5px;line-height:1.75;background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:11px 14px;margin:9px 0 0;overflow-x:auto;color:var(--ink);white-space:pre-wrap}.steps{list-style:none;counter-reset:step;margin:0 0 4px;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 20px 34px;border-left:1px solid var(--line-soft);margin-left:11px}.steps li:last-child{border-left-color:transparent;padding-bottom:0}.steps li:before{content:counter(step);position:absolute;left:-11px;top:0;width:22px;height:22px;border-radius:999px;background:var(--pop-wash);border:1px solid var(--line);color:var(--pop);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.steps h3{margin:1px 0 4px;font-size:14.5px;font-weight:500;color:var(--ink)}@media (max-width:900px){.wrap{padding:26px 20px 0}.foot{padding:18px 20px 0}.empty{padding:22px 22px 24px}}@media (max-width:560px){.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;margin:18px 0 var(--gap)}.bar .chips{margin:0}.bar .drop{grid-column:1/-1}.grid{grid-template-columns:1fr;gap:12px}.card{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-areas:"shot body" "shot foot"}.card-window{grid-area:shot;min-width:0;border-right:1px solid var(--line-soft);border-bottom:0}.card .window-bar{display:none}.card .thumb{height:100%;min-height:118px;aspect-ratio:auto}.card .shot-art{padding:13px 10px 28px}.card .plate-word{font-size:17px}.card .plate-bars{height:34px;gap:4px}.card .plate-path{display:none}.card .shot-facts{inset:auto 10px 9px}.card .shot-facts span:not(.bytes){display:none}.card-body{grid-area:body;padding:11px 13px 2px;gap:9px}.card-body h2{font-size:19px;letter-spacing:-.022em}.card-slug{display:block}.card-meta{display:none}.card-foot{grid-area:foot;padding:5px 13px 9px;border-top:0;background:transparent}.card-open{min-height:44px}.sheet-tail{align-items:flex-start;flex-direction:column}.detail-head{margin-top:13px}.detail-meta{align-items:flex-start}.detail-facts{flex-basis:100%}.detail-meta>.btn{min-height:42px;padding-inline:18px}.collection-picker{max-width:100%}.collection-select{max-width:min(14em,70vw)}.new-collection{flex-basis:100%}.new-collection input{width:min(13em,52vw)}.preview{aspect-ratio:16/10}.preview .plate-word{font-size:24px}.preview .shot-facts{inset:auto 14px 10px}.sharing-choice{min-height:54px;padding:12px 18px}.sharing-choice>label{min-height:30px}.pin-controls{padding-left:0}.share-foot p,.share-url{flex-basis:100%}.danger-strip:not([data-confirm]) .btn-red,.share-actions{width:100%}.drop-form label{flex-basis:100%}.drop-form label input{width:100%}.gate{margin-top:7vh}}@media (prefers-reduced-motion:reduce){:root{--t:0ms}}