:root{--ink:#1c1b19;--ink-muted:#7c776f;--ink-faint:#b0aba2;--surface:#fff;--canvas:#fbfaf8;--line:#e8e4dd;--danger:#b4423a;--brand:#2f6feb;--shadow-card:0 1px 2px #1c1b190f, 0 8px 24px #1c1b190f;--shadow-lift:0 2px 4px #1c1b1914, 0 16px 32px #1c1b191a;--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.78rem;--text-sm:.87rem;--text-base:.95rem;--text-lg:1.15rem;--text-xl:1.35rem;--leading-tight:1.35;--leading:1.55;--weight-normal:400;--weight-medium:560;--weight-strong:620;--tracking-tight:-.02em;--ease:cubic-bezier(.2, 0, 0, 1);--duration-fast:.12s;--duration:.2s;--duration-slow:.32s;--rise:6px;--stagger:26ms;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:dark){:root[data-theme=dark],:root:not([data-theme=light]){--ink:#f2efe9;--ink-muted:#9b958c;--ink-faint:#6b665f;--surface:#1c1b1a;--canvas:#131211;--line:#2c2a28;--danger:#e08078;--brand:#5b8cf5;--shadow-card:0 1px 2px #0006, 0 8px 24px #0000004d;--shadow-lift:0 2px 4px #00000080, 0 16px 32px #0006}}:root[data-theme=dark]{--ink:#f2efe9;--ink-muted:#9b958c;--ink-faint:#6b665f;--surface:#1c1b1a;--canvas:#131211;--line:#2c2a28;--danger:#e08078;--brand:#5b8cf5;--shadow-card:0 1px 2px #0006, 0 8px 24px #0000004d;--shadow-lift:0 2px 4px #00000080, 0 16px 32px #0006}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);background:var(--ink);color:var(--surface);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);border:1px solid #0000;display:inline-flex}.button:hover:not(:disabled){opacity:.85}.button:disabled{opacity:.45;cursor:default}.button[data-variant=secondary]{background:var(--surface);color:var(--ink);border-color:var(--line)}.button[data-variant=ghost]{color:var(--ink-muted);padding-inline:var(--space-2);background:0 0}.button[data-variant=ghost]:hover:not(:disabled){color:var(--ink)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;transition:border-color var(--duration-fast) var(--ease);outline:none}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--ink-muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.text-muted{color:var(--ink-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.wordmark{font-size:var(--text-xl);font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight);margin:0}.app{max-width:76rem;padding:var(--space-5) var(--space-5) var(--space-7);margin:0 auto}.header{padding-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.splash{padding:var(--space-7) var(--space-5);text-align:center}.error{color:var(--danger);font-size:var(--text-sm);margin:0}.link{color:var(--ink-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link:hover{color:var(--ink)}.gate{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.gate__card{gap:var(--space-3);width:min(24rem,100%);padding:var(--space-6);flex-direction:column;display:flex}.gate__card>.text-muted{margin:calc(var(--space-2) * -1) 0 var(--space-2)}.compose{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.compose__field{flex:18rem}.compose__input{width:100%}.compose__error{flex-basis:100%}.masonry{align-items:flex-start;display:flex}.masonry__column{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.bookmark{transition:transform var(--duration-fast) var(--ease);position:relative}.bookmark:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.bookmark__link{color:inherit;text-decoration:none;display:block}.bookmark .image{border-bottom:1px solid var(--line)}.bookmark__body{padding:var(--space-3) var(--space-4) var(--space-4)}.bookmark__title{font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-tight);overflow-wrap:anywhere;margin:0}.bookmark__description{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:var(--text-sm);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bookmark__site{margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:var(--text-xs);text-transform:lowercase;overflow-wrap:anywhere}.bookmark__remove{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);color:#fff;cursor:pointer;opacity:0;width:1.75rem;height:1.75rem;transition:opacity var(--duration-fast) var(--ease);background:#1c1b198c;border:none;font-size:1.05rem;line-height:1;position:absolute}.bookmark:hover .bookmark__remove,.bookmark__remove:focus-visible{opacity:1}.landing{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.landing__inner{max-width:32rem}.landing__mark{font-size:clamp(2.5rem,9vw,4.5rem);font-weight:var(--weight-strong);letter-spacing:-.04em;margin:0;line-height:1}.landing__line{margin:var(--space-4) 0 var(--space-6);color:var(--ink-muted);font-size:var(--text-lg)}.landing__actions{align-items:center;gap:var(--space-5);display:flex}a.button{text-decoration:none}.gate__mark{color:inherit;margin-bottom:var(--space-2);text-decoration:none}.detail{max-width:44rem;padding-bottom:var(--space-7);margin:0 auto}.detail__back{margin-bottom:var(--space-5);text-decoration:none;display:inline-block}.detail__image{width:100%;height:auto;margin-bottom:var(--space-5);background:color-mix(in srgb, var(--ink) 6%, transparent);display:block}.detail__title{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-strong);line-height:var(--leading-tight);overflow-wrap:anywhere}.detail__description{margin:0 0 var(--space-4);color:var(--ink-muted)}.detail__url{margin-bottom:var(--space-5);color:var(--ink-muted);font-size:var(--text-sm);overflow-wrap:anywhere;display:inline-block}.detail__meta{gap:var(--space-5);margin:0 0 var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.detail__meta dt{text-transform:lowercase;margin-bottom:var(--space-1)}.detail__meta dd{color:var(--ink);margin:0}a.wordmark{color:inherit;text-decoration:none}.notes{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.notes__label{text-transform:lowercase}.notes__input{resize:vertical;min-height:7rem;font-family:inherit;line-height:var(--leading)}.dev-signin{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-muted);font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);align-self:center;text-decoration:none;display:inline-flex}.dev-signin:hover{color:var(--ink);border-color:var(--ink-muted)}.dev-signin__tag{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.modal{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(30rem,100vw - 2rem);color:var(--ink);padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073}.modal__body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__form{gap:var(--space-4);flex-direction:column;display:flex}.modal__title{font-size:var(--text-lg);margin:0;font-weight:600}.modal__actions{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.hit{color:var(--ink);background:0 0;font-weight:600}.compose__input::-webkit-search-decoration{appearance:none}.compose__input::-webkit-search-cancel-button{appearance:none}.text{font-size:var(--text-base);line-height:var(--leading);color:var(--ink);margin:0}.text[data-size=xs]{font-size:var(--text-xs)}.text[data-size=sm]{font-size:var(--text-sm)}.text[data-size=lg]{font-size:var(--text-lg);line-height:var(--leading-tight)}.text[data-size=xl]{font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text[data-weight=medium]{font-weight:var(--weight-medium)}.text[data-weight=strong]{font-weight:var(--weight-strong)}.text[data-tone=muted]{color:var(--ink-muted)}.text[data-tone=faint]{color:var(--ink-faint)}.text[data-tone=danger]{color:var(--danger)}.text[data-clamp]{-webkit-line-clamp:var(--text-lines,3);line-clamp:var(--text-lines,3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.image{background:color-mix(in srgb, var(--ink) 6%, transparent);line-height:0;position:relative;overflow:hidden}.image__img{object-fit:cover;width:100%;height:100%;display:block}.image:not([data-reserved]) .image__img{height:auto}.field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.field__label[data-hidden]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty{align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);text-align:center;flex-direction:column;display:flex}.card[data-interactive]{transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease)}.card[data-interactive]:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.card[data-interactive]:hover{transform:none}}.button[data-size=sm]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.button[data-busy]{cursor:progress}.input[data-size=lg]{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.theme-toggle{border-radius:var(--radius-pill);width:1.85rem;height:1.85rem;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--ink);border-color:var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent)}.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.theme-toggle svg{animation:fade-in var(--duration-fast) var(--ease)}@media (prefers-reduced-motion:reduce){.theme-toggle svg{animation:none}}.landing__corner{top:var(--space-5);right:var(--space-5);position:absolute}.landing{position:relative}.devbar{left:var(--space-3);bottom:var(--space-3);z-index:50;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);font-size:var(--text-xs);color:var(--ink-muted);max-width:min(22rem, calc(100vw - var(--space-6)));flex-direction:column;display:flex;position:fixed}.devbar__toggle{align-items:center;gap:var(--space-2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.devbar__dot{border-radius:var(--radius-pill);background:var(--ink-faint);flex:none;width:.5rem;height:.5rem}.devbar[data-mode=isolated] .devbar__dot{background:var(--brand)}.devbar__facts{gap:var(--space-1) var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line);grid-template-columns:auto 1fr;margin:0;display:grid}.devbar__facts dt{color:var(--ink-faint)}.devbar__facts dd{color:var(--ink);font-family:var(--font-mono);margin:0}.devbar__id{word-break:break-all}.devbar__spans{gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line);flex-direction:column;display:flex}.devbar__spans-title,.devbar__spans-empty{color:var(--ink-faint)}.devbar__span{gap:var(--space-2);font-family:var(--font-mono);grid-template-columns:1fr auto auto;align-items:baseline;display:grid}.devbar__span-name{color:var(--ink);text-overflow:ellipsis;overflow:hidden}.devbar__span-ms{color:var(--ink);font-variant-numeric:tabular-nums}.devbar__span .devbar__id{color:var(--ink-faint);word-break:normal}.devbar__span[data-outcome=error] .devbar__span-ms,.devbar__span[data-outcome=defect] .devbar__span-ms{color:var(--danger)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.appear{animation:rise-in var(--duration) var(--ease) backwards;animation-delay:calc(var(--appear-index,0) * var(--stagger))}.appear--fade{animation-name:fade-in}.page{animation:rise-in var(--duration) var(--ease)}.modal[open]{animation:scale-in var(--duration) var(--ease)}.modal[open]::backdrop{animation:fade-in var(--duration) var(--ease)}.image__img{animation:fade-in var(--duration-fast) var(--ease) both}@media (prefers-reduced-motion:reduce){.appear,.page,.modal[open],.modal[open]::backdrop,.image__img{animation:none}}