:where(html:has(.moodboard-app)),:where(html:has(.moodboard-app)) body{background-color:#0a0a0a}:where(.moodboard-app) *,:where(.moodboard-app) :before,:where(.moodboard-app) :after{border-color:initial;outline-color:initial}.moodboard-app{--mb-bg:#0a0a0a;--mb-bg-elevated:#141414;--mb-bg-hover:#1e1e1e;--mb-text:#e5e5e5;--mb-text-muted:#888;--mb-text-faint:#555;--mb-accent:#3b82f6;--mb-accent-hover:#2563eb;--mb-border:#262626;--mb-danger:#ef4444;--mb-radius:8px;--mb-gap:12px;--color-1:#ff4242;--color-2:#a142ff;--color-3:#42a1ff;--color-4:#42d0ff;--color-5:#a1ff42;background-color:var(--mb-bg);color:var(--mb-text);min-height:100dvh}.moodboard-title-rainbow{background:linear-gradient(45deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2));background-size:200%;border-radius:6px;padding:8px 20px;animation:2s linear infinite moodboard-rainbow;position:relative}.moodboard-title-rainbow-inner{background:var(--mb-bg);opacity:.95;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);border-radius:4px;position:absolute;inset:1.5px}@keyframes moodboard-rainbow{0%{background-position:0%}to{background-position:200%}}.moodboard-grid{columns:2;column-gap:var(--mb-gap);padding:0 var(--mb-gap)}@media (min-width:640px){.moodboard-grid{columns:2}}@media (min-width:1024px){.moodboard-grid{columns:3}}@media (min-width:1280px){.moodboard-grid{columns:4}}.moodboard-grid-item{break-inside:avoid;margin-bottom:var(--mb-gap)}.moodboard-card{border-radius:var(--mb-radius);cursor:pointer;background-color:var(--mb-bg-elevated);position:relative;overflow:hidden}.moodboard-card img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.moodboard-card-placeholder{z-index:0;border-radius:inherit;background:linear-gradient(110deg, var(--mb-bg-elevated) 30%, var(--mb-bg-hover) 50%, var(--mb-bg-elevated) 70%);background-size:200% 100%;transition:opacity .4s;animation:1.5s ease-in-out infinite moodboard-shimmer;position:absolute;inset:0}@keyframes moodboard-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.moodboard-card-archived{opacity:.5}.moodboard-tags-mobile{display:none}@media (max-width:639px){.moodboard-tags-desktop{display:none}.moodboard-tags-mobile{display:block;position:relative}.moodboard-tags-collapsed{max-height:5.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.moodboard-tags-expand{width:100%;color:var(--mb-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:6px 0 0;font-size:12px;font-weight:500;transition:color .15s;display:flex}.moodboard-tags-expand:hover{color:var(--mb-text)}}.moodboard-tag{background-color:var(--mb-bg-hover);color:var(--mb-text-muted);border:1px solid var(--mb-border);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.moodboard-tag:hover{background-color:var(--mb-border);color:var(--mb-text)}.moodboard-tag-active{background-color:var(--mb-accent);color:#fff;border-color:var(--mb-accent)}.moodboard-tag-active:hover{background-color:var(--mb-accent-hover)}.moodboard-dropzone{border:2px dashed var(--mb-border);border-radius:var(--mb-radius);text-align:center;cursor:pointer;padding:48px 24px;transition:border-color .2s,background-color .2s}.moodboard-dropzone-active{border-color:var(--mb-accent);background-color:#3b82f60d}.moodboard-lightbox-image{object-fit:contain;border-radius:var(--mb-radius);max-width:100%;max-height:80dvh}