:root{--bg:#fff;--fg:#0a0a0a;--muted:#5c5c5c;--line:#d8d8d8;--raised:#f4f4f4;--focus:#0a0a0a;--max-width:34rem;--radius:.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5}:where(a){color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.shell{max-width:var(--max-width);margin:0 auto;padding:0 1rem 5rem}.masthead{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 0 1rem;display:flex}.masthead h1{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:800}.masthead h1 a{flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.masthead .brand-mark{flex-shrink:0;width:2.5rem;height:2.5rem;margin-bottom:.35rem;display:block}.masthead .sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:500;display:block}.stack{flex-direction:column;gap:1rem;display:flex}.stack-tight{flex-direction:column;gap:.5rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spread{justify-content:space-between;align-items:center;gap:1rem;display:flex}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.2}h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .375rem;font-size:.75rem;font-weight:700}p{margin:0}.meta{color:var(--muted);font-size:.9375rem}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}.search{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:2px solid var(--fg);border-radius:var(--radius);appearance:none;padding:.75rem .875rem;font-size:1.125rem}.search::placeholder{color:var(--muted)}.filters{scrollbar-width:none;gap:.375rem;margin:0 -1rem;padding:0 1rem;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:.5rem .75rem;font-size:.875rem;line-height:1}.chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}.tabs{border:1px solid var(--fg);border-radius:var(--radius);display:flex;overflow:hidden}.tabs a{text-align:center;flex:1;padding:.625rem .5rem;font-size:1rem;font-weight:600;text-decoration:none}.tabs a[aria-current=page]{background:var(--fg);color:var(--bg)}.btn{font:inherit;min-height:2.75rem;color:var(--bg);background:var(--fg);border:2px solid var(--fg);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:progress}.btn-secondary{color:var(--fg);background:0 0}.btn-block{width:100%}.list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line)}.item{padding:.875rem .25rem;text-decoration:none;display:block}.item:active{background:var(--raised)}.item .title{font-size:1.1875rem;font-weight:600;line-height:1.25}.item .meta{margin-top:.125rem;font-size:.875rem}.count{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem}.ordered{border-top:1px solid var(--line);counter-reset:tune;margin:0;padding:0;list-style:none}.ordered>li{border-bottom:1px solid var(--line);counter-increment:tune}.ordered .item{grid-template-columns:1.75rem 1fr;align-items:baseline;gap:.75rem;display:grid}.ordered .item:before{content:counter(tune);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3125rem .5rem;font-size:.8125rem;line-height:1}.field{flex-direction:column;gap:.3125rem;display:flex}.field>label{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.field .hint{color:var(--muted);font-size:.8125rem}.field input,.field select,.field textarea{font:inherit;width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--fg);border-radius:var(--radius);appearance:none;padding:.625rem .75rem;font-size:1rem}.field textarea{resize:vertical;min-height:6rem}.field textarea.code{white-space:pre;min-height:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.field select{background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 1.125rem center,right .875rem center;background-repeat:no-repeat;background-size:.3125rem .3125rem;padding-right:2.25rem}.notice{border:2px solid var(--fg);border-radius:var(--radius);background:var(--raised);padding:.75rem .875rem;font-size:.9375rem}.actions{gap:.5rem;padding-top:.5rem;display:flex}.actions>*{flex:1}.picked{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.picked>li{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.picked>li:last-child{border-bottom:0}.picked .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.icon-btn{font:inherit;min-width:2.25rem;min-height:2.25rem;color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;font-size:1rem;line-height:1}.icon-btn:disabled{opacity:.3;cursor:default}.backlink{font:inherit;color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;margin:-.375rem -.625rem;padding:.375rem .625rem;font-size:.9375rem;line-height:1.25;text-decoration:none;display:inline-block}.backlink:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}