:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#fbfbf9;--surface:#fff;--surface-sunken:#f2f2ef;--ink:#16161a;--ink-muted:#5f6068;--line:#deddda;--accent:#4338ca;--accent-ink:#fff;--danger:#b3261e;--radius:.75rem;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color:var(--ink);background:var(--page);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#121215;--surface:#1b1b20;--surface-sunken:#232329;--ink:#ececef;--ink-muted:#a0a0aa;--line:#33333c;--accent:#a5b4fc;--accent-ink:#16161a;--danger:#f2b8b5}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}.shell{max-width:68rem;margin:0 auto;padding:0 1rem 4rem}.masthead{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.02em;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.05rem;font-weight:600}.wordmark:after{content:".";color:var(--accent)}.who{color:var(--ink-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}button,.button{font:inherit;border:1px solid var(--line);background:var(--surface);color:inherit;cursor:pointer;border-radius:.5rem;padding:.45rem .9rem;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--ink-muted)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:550}input,textarea{font:inherit;border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;border-radius:.5rem;padding:.45rem .6rem}label{color:var(--ink-muted);margin-bottom:.25rem;font-size:.8rem;font-weight:550;display:block}.gallery-controls{align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.search{flex:1}.hint{color:var(--ink-muted)}[role=alert]{color:var(--danger)}.cards{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .12s,transform .12s}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card-link{color:inherit;grid-template-columns:2.75rem 1fr;gap:.75rem;padding:.9rem;text-decoration:none;display:grid}.card-mark{width:2.75rem;height:2.75rem;font-family:var(--mono);color:#fff;border-radius:.6rem;place-items:center;font-size:.85rem;font-weight:600;display:grid}.card-body{gap:.3rem;min-width:0;display:grid}.card-title{overflow-wrap:anywhere;font-weight:600}.card-description{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-meta{font-family:var(--mono);color:var(--ink-muted);font-size:.72rem}.more{margin:1.25rem auto 0;display:block}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-muted);text-align:center;justify-items:center;gap:.75rem;padding:3rem 1rem;display:grid}.signin{gap:1rem;max-width:26rem;margin:6rem auto;padding:0 1rem;display:grid}.providers{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.providers button{width:100%}.overlay{background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(34rem,100%);max-height:90vh;padding:1.25rem;overflow:auto}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dialog-header h2{margin:0;font-size:1.05rem}.dialog form{gap:.9rem;display:grid}.dropzone{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-sunken);text-align:center;gap:.6rem;padding:1.25rem;display:grid}.dropzone.dragging{border-color:var(--accent);background:var(--surface)}.dropzone label{margin:0}.chosen{color:var(--ink-muted);margin:0;font-size:.85rem}.problem{color:var(--danger);margin:0;font-size:.85rem}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.detail{gap:1rem;display:grid}.back{color:var(--ink-muted);background:0 0;border:0;justify-self:start;padding:0}.detail-header h1{overflow-wrap:anywhere;margin:0 0 .35rem;font-size:1.5rem}.detail-description{color:var(--ink-muted);margin:0 0 .5rem}.detail-meta{font-family:var(--mono);color:var(--ink-muted);margin:0;font-size:.75rem}.detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.preview{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%}.digest{color:var(--ink-muted);margin:0;font-size:.72rem}.digest code,.filename{font-family:var(--mono);overflow-wrap:anywhere}@media (width<=34rem){.gallery-controls{flex-direction:column;align-items:stretch}.cards{grid-template-columns:1fr}}.scopes{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);gap:.4rem;margin:0;padding:.75rem 1rem;font-size:.9rem;list-style:none;display:grid}.scopes li:before{content:"→ ";color:var(--accent)}.views{border-bottom:1px solid var(--line);gap:.25rem;display:flex}.view{color:var(--ink-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.4rem .7rem}.view.selected{border-bottom-color:var(--accent);color:var(--ink);font-weight:550}.text-view{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;margin:0;padding:1rem;font-size:.85rem;overflow:auto}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chips{border:0;gap:.25rem;margin:0;padding:0;display:flex}.chips legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chip{color:var(--ink-muted);border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.chip.selected{border-color:var(--accent);color:var(--ink);font-weight:550}.toggle{align-items:center;gap:.4rem;margin:0;font-size:.85rem;display:flex}.toggle input{width:auto}.badge{border:1px solid var(--line);font-family:var(--mono);color:var(--ink-muted);border-radius:999px;padding:.05rem .45rem;font-size:.68rem;display:inline-block}.badge.solved{border-color:color-mix(in oklab, var(--accent) 60%, transparent);color:var(--accent)}.card-title .badge{vertical-align:middle;margin-left:.4rem}.comments{gap:.75rem;display:grid}.comments h2{margin:0;font-size:1rem}.comments ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.comments li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.6rem .8rem}.comment-meta{font-family:var(--mono);color:var(--ink-muted);margin:0 0 .25rem;font-size:.72rem}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comments form{justify-items:start;gap:.4rem;display:grid}button.link{color:var(--ink-muted);font-family:var(--mono);background:0 0;border:0;padding:0 0 0 .5rem;font-size:.72rem;text-decoration:underline}