:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-fg:#111;--color-muted:#737373;--color-line:#e5e5e5;--color-subtle:#f5f5f5;--color-shimmer:#ffffffe6;--shadow:0 4px 16px #00000014;--backdrop:#0006;--pattern-filter:none;--color-danger:#c62828;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm:13px;--text-base:14px;--text-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:6px;--content-width:1100px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0f0f;--color-fg:#ededed;--color-muted:#8f8f8f;--color-line:#2a2a2a;--color-subtle:#1c1c1c;--color-shimmer:#ffffff0f;--shadow:0 4px 16px #00000080;--backdrop:#0009;--pattern-filter:invert(.94);--color-danger:#ef5350}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f0f0f;--color-fg:#ededed;--color-muted:#8f8f8f;--color-line:#2a2a2a;--color-subtle:#1c1c1c;--color-shimmer:#ffffff0f;--shadow:0 4px 16px #00000080;--backdrop:#0009;--pattern-filter:invert(.94);--color-danger:#ef5350}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.5}a{color:inherit}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}h2,h3{font-size:var(--text-base);font-weight:500}input,textarea,button{font:inherit;color:inherit}input,textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg)}input[type=radio]{width:auto;margin:0}@media (pointer:coarse){input,textarea,select{font-size:16px}}input:focus,textarea:focus{border-color:var(--color-fg);outline:none}button,.button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-fg);border-radius:var(--radius);background:var(--color-fg);color:var(--color-bg);cursor:pointer}.button{text-align:center;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--color-bg);color:var(--color-fg)}button.danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff}button.link{color:var(--color-muted);font-size:var(--text-sm);background:0 0;border:0;padding:0;text-decoration:underline}.muted{color:var(--color-muted);font-size:var(--text-sm)}.error{font-size:var(--text-sm)}summary{color:var(--color-muted);font-size:var(--text-sm);cursor:pointer}details[open]>summary{margin-bottom:var(--space-2)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar,.main{--gutter:max(var(--space-8), (100% - var(--content-width)) / 2)}.topbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--color-line);grid-template-columns:1fr minmax(160px,240px) 1fr;align-items:center;display:grid}.topbar-actions{gap:var(--space-1);justify-self:end;align-items:center;display:flex}.search{color:var(--color-muted);align-items:center;display:flex;position:relative}.search svg{left:var(--space-3);pointer-events:none;position:absolute}.search input{padding:var(--space-2) var(--space-3) var(--space-2) 44px;font-size:var(--text-lg);background:0 0;border:0}.search input:hover,.search input:focus{background:var(--color-subtle)}.search input::placeholder{color:var(--color-muted)}.topbar-button{border-radius:var(--radius);width:48px;height:48px;color:var(--color-fg);background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid}.topbar-button:hover,.topbar-button[aria-expanded=true]{background:var(--color-subtle)}.topbar-button:focus-visible,.title-switcher:focus-visible{outline:2px solid var(--color-fg);outline-offset:-2px}.trash-button{z-index:5;right:var(--space-6);bottom:var(--space-6);border:1px solid var(--color-line);background:var(--color-bg);box-shadow:var(--shadow);position:fixed}.trash-button:hover{border-color:var(--color-fg)}.trash-button[aria-current=page]{background:var(--color-subtle)}.brand{gap:var(--space-2);color:var(--color-fg);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;align-items:center;font-weight:600;text-decoration:none;display:flex}.brand-centered{margin-bottom:var(--space-4);justify-content:center;font-size:24px}.topbar-home{justify-self:start}.title-switcher{gap:var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--color-fg);font-size:inherit;font-weight:inherit;background:0 0;border:0;align-items:center;display:inline-flex}.title-switcher:hover,.title-switcher[aria-expanded=true]{background:var(--color-subtle)}.dropdown{position:relative}.dropdown-panel{z-index:10;top:calc(100% + var(--space-1));min-width:240px;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow);position:absolute;left:0}.dropdown-panel[data-align=end]{left:auto;right:0}.title-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.switcher-panel{gap:var(--space-2);flex-direction:column;display:flex}.switcher-group{flex-direction:column;display:flex}.switcher-panel a,.switcher-panel button{width:100%;padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius) - 2px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.switcher-panel a:hover,.switcher-panel a:focus-visible,.switcher-panel button:hover,.switcher-panel button:focus-visible{background:var(--color-subtle);outline:none}.switcher-panel a[aria-current=page]{background:var(--color-subtle)}.switcher-panel p{padding:var(--space-1) var(--space-2)}.main{gap:var(--space-6);padding:var(--space-6) var(--gutter) 96px;flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:720px){.topbar{grid-template-columns:1fr auto}.search{grid-area:2/1/auto/-1}.topbar,.main{--gutter:var(--space-4)}.topbar{padding-block:var(--space-2)}.main{gap:var(--space-4);padding-top:var(--space-4)}.trash-button{right:var(--space-4);bottom:var(--space-4)}}.stack{gap:var(--space-2);flex-direction:column;display:flex}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.empty-state{gap:var(--space-4);color:var(--color-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.main .stack>button{align-self:flex-start}.settings-section{max-width:400px}.landing{--landing-gutter:clamp(var(--space-4), 8vw, 128px);--landing-edge:calc(var(--landing-gutter) + 420px + 64px);isolation:isolate;height:100dvh;padding:var(--space-8) var(--landing-gutter);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.landing:before{content:"";z-index:-1;background:linear-gradient(to right, #fff var(--landing-edge), #ffffff80 calc(var(--landing-edge) / 2 + 50%), #fff0 100%), #fff url(/pattern.webp) right center / auto 100% repeat-x;filter:var(--pattern-filter);position:absolute;inset:0}.landing-copy{gap:var(--space-4);flex-direction:column;align-items:flex-start;max-width:420px;display:flex}.landing-brand{margin-bottom:var(--space-2);font-size:24px}.landing-lead{font-size:var(--text-lg);line-height:1.45}.landing-meaning{color:var(--color-muted)}.landing-login{margin-top:var(--space-2)}.landing-apps{gap:var(--space-6);margin-top:var(--space-4);padding:0;list-style:none;display:flex}@media (max-width:640px){.landing{justify-content:flex-start;padding-top:12dvh}.landing:before{background:linear-gradient(0deg,#fff0 0,#fff 25%),#fff url(/pattern.webp) bottom/600px 600px}}.landing-app{gap:var(--space-1);min-width:64px;color:var(--color-muted);font-size:var(--text-sm);flex-direction:column;align-items:center;text-decoration:none;display:flex}.landing-app small{font-size:11px}a.landing-app:hover{color:var(--color-fg)}.auth-page{background:#fff url(/pattern.webp) bottom/800px 800px;min-height:100dvh}.auth{min-height:90dvh;padding:var(--space-4);background:var(--color-bg);border-radius:0 0 40px 40px;place-items:center;display:grid;box-shadow:0 8px 32px #0003}.auth form{width:100%;max-width:320px}.doc{gap:var(--space-3);max-width:640px;padding:var(--space-8) var(--space-4) 96px;flex-direction:column;margin:0 auto;display:flex}.doc h1{font-size:28px}.doc h2{margin-top:var(--space-4)}.doc ul{gap:var(--space-2);padding-left:var(--space-6);flex-direction:column;list-style:outside;display:flex}.banner{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-subtle);flex-direction:column;display:flex}.banner-row{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.banner-row+.banner-row{border-top:1px solid var(--color-line)}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.card{aspect-ratio:4/5;border:1px solid var(--color-line);background:var(--color-subtle);border-radius:10px;transition:box-shadow .15s;position:relative;overflow:hidden}.card:hover:not([data-removal]){box-shadow:var(--shadow)}.card-image{object-fit:cover;width:100%;height:100%;display:block}.card-image,.preview-image{opacity:0;transition:opacity .3s}.card-image[data-loaded],.preview-image[data-loaded]{opacity:1}.card-image[data-failed],.preview-image[data-failed]{visibility:hidden}.picture-clip{pointer-events:none;position:absolute;inset:0}:is(.card:has(>img.card-image:not([data-loaded])),.shimmer){background-image:linear-gradient(100deg, transparent 30%, var(--color-shimmer) 50%, transparent 70%);background-size:250% 100%;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.card-skeleton{gap:var(--space-2);height:100%;padding:var(--space-4);flex-direction:column;display:flex}.card-skeleton-line{background:var(--color-line);border-radius:5px;height:10px}.card-skeleton-line:first-child{width:85%}.card-skeleton-line:nth-child(2){width:70%}.card-skeleton-line:nth-child(3){width:40%}.card-skeleton-site{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;overflow:hidden}.card[data-removal]{background:0 0;transition:opacity .3s,transform .3s}.card[data-removal]>:not(.card-undo){visibility:hidden}.card[data-removal=fading]{opacity:0;transform:scale(.96)}.card-undo{place-items:center;display:grid;position:absolute;inset:0}.card-placeholder{-webkit-line-clamp:6;line-clamp:6;margin:var(--space-4);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:720px){.grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.card-placeholder{margin:var(--space-3)}}.card-open{background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.card-open:focus-visible{outline:2px solid var(--color-fg);outline-offset:-2px}.ghost-button{align-items:center;gap:var(--space-2);color:var(--color-fg);background:0 0;border:0;display:inline-flex}.ghost-button:hover{background:var(--color-subtle)}.preview{width:min(400px, calc(100vw - 2 * (48px + var(--space-4))));max-width:none;max-height:none;color:var(--color-fg);background:0 0;border:0;padding:0;overflow:visible}.preview:has(.preview-image){width:min(760px, calc(100vw - 2 * (48px + var(--space-4))))}.preview,.modal{opacity:0;transition:opacity .2s ease-in-out, transform .2s ease-in-out, overlay .2s ease-in-out allow-discrete, display .2s ease-in-out allow-discrete;transform:translateY(8px)scale(.98)}.preview:focus{outline:none}.preview[open],.modal[open]{opacity:1;transform:none}.preview::backdrop,.modal::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color .2s ease-in-out, backdrop-filter .2s ease-in-out, overlay .2s ease-in-out allow-discrete, display .2s ease-in-out allow-discrete;background:0 0}.preview[open]::backdrop,.modal[open]::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@starting-style{.preview[open],.modal[open]{opacity:0;transform:translateY(8px)scale(.98)}.preview[open]::backdrop,.modal[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.preview[data-instant],.preview[data-instant]::backdrop{transition:none}@media (prefers-reduced-motion:reduce){.preview,.preview::backdrop,.modal,.modal::backdrop,.card[data-removal]{transition:none}:is(.card:has(>img.card-image:not([data-loaded])),.shimmer){animation:none}}.preview-body{max-height:calc(100dvh - 2 * var(--space-8));scrollbar-width:none;padding:var(--space-2);border:1px solid var(--color-line);--preview-inner-radius:12px;border-radius:calc(var(--preview-inner-radius) + var(--space-2) + 1px);background:var(--color-bg);font-size:var(--text-lg);align-items:flex-start;line-height:1.65;display:flex;overflow:auto}.preview-body::-webkit-scrollbar{display:none}.preview-body .muted,.preview-body .tag{font-size:var(--text-base)}.preview-content{min-width:0;padding:calc(var(--space-6) - var(--space-2));flex:1;align-self:stretch}.preview-footer{margin-top:auto}@media (min-width:721px){.preview-body:has(.preview-image) .preview-content{contain:size;overflow:hidden}.preview-body:has(.preview-image) .preview-content>*{flex-shrink:0}}.preview-body:has(.preview-image) .preview-edit{scrollbar-width:none;overflow:auto}.field{gap:var(--space-1);flex-direction:column;display:flex}.preview-edit textarea{field-sizing:content;resize:vertical}.preview-edit .row>button{font-size:var(--text-base)}@media (max-width:720px){.preview-body{flex-direction:column;align-items:stretch}.preview-content{padding:calc(var(--space-4) - var(--space-2));flex:none}}.preview-tools{top:0;left:calc(100% + var(--space-2));gap:var(--space-1);flex-direction:column;display:flex;position:absolute}.preview-tools .topbar-button{color:#fff}.preview-tools .topbar-button:hover,.preview-tools .topbar-button[aria-expanded=true]{color:var(--color-fg)}.preview-media{flex:none;width:45%;display:block;position:relative}.preview-image{aspect-ratio:4/5;object-fit:cover;border-radius:var(--preview-inner-radius);width:100%;display:block}@media (max-width:720px){.preview-media{width:100%}}.menu{z-index:10;width:220px;padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed}.menu-item{padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius) - 2px);color:var(--color-fg);text-align:left;background:0 0;border:0}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--color-subtle);outline:none}.menu-header{padding:var(--space-1) var(--space-2);justify-content:space-between;align-items:center;display:flex}.menu-panel{gap:var(--space-2);padding-bottom:var(--space-1);flex-direction:column;display:flex}.menu-panel>:not(.menu-header){width:auto;margin:0 var(--space-1)}.menu-panel>button{align-self:flex-start}.card-title{overflow-wrap:anywhere;font-weight:500;text-decoration:none}.preview-title,.preview-fit{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-title{-webkit-line-clamp:2;line-clamp:2}.preview-description{-webkit-line-clamp:5;line-clamp:5}.meta-site{gap:var(--space-1);vertical-align:bottom;align-items:center;text-decoration:none;display:inline-flex}.meta-row{gap:var(--space-1);align-items:center;display:flex}.meta-row svg{flex:none}.avatar{border:1px solid var(--color-line);background:var(--color-subtle);width:16px;height:16px;color:var(--color-fg);border-radius:50%;flex:none;place-items:center;font-size:7px;font-weight:600;line-height:1;display:grid}.meta-site:hover{text-decoration:underline}.favicon{border-radius:3px;width:16px;height:16px}.tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.tag{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius);font-size:var(--text-sm);display:inline-flex}a.tag{text-decoration:none}a.tag:hover{border-color:var(--color-fg)}.tag-remove{color:var(--color-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.tag-remove:hover{color:var(--color-fg)}.input-with-button{gap:var(--space-2);display:flex}.input-with-button button{padding:0 var(--space-3);flex:none;place-items:center;display:grid}.modal{width:min(480px, calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-8));border:1px solid var(--color-line);border-radius:calc(var(--radius) * 2);background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow);padding:0}.modal-body{gap:var(--space-6);padding:var(--space-6)}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0 0;display:flex}.modal-header h2{font-size:var(--text-lg)}.members-pending form{margin-left:auto}.danger-zone>summary{color:var(--color-fg);font-size:var(--text-base);font-weight:500}.modal-body .stack>button,.modal-body form.stack>button{align-self:flex-start}.tooltip{padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--color-fg);color:var(--color-bg);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;border:0;margin:0;position:fixed;inset:auto}.drop-zone{z-index:20;padding:var(--space-6);background:var(--backdrop);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-zone-message{text-align:center;border:2px dashed var(--color-fg);border-radius:var(--radius);background:var(--color-bg);place-content:center;width:100%;height:100%;display:grid}.drop-zone-title{font-size:var(--text-lg);font-weight:600}.drop-status{z-index:5;left:var(--space-6);bottom:var(--space-6);max-width:min(400px, calc(100% - 2 * var(--space-6) - 64px));gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow);justify-items:start;display:grid;position:fixed}