.filter-bar.svelte-m9tjun{max-width:1340px;margin:0 auto 1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 2rem;perspective:600px}.filter-chip.svelte-m9tjun{font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;padding:.5rem .9rem;border-radius:100px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),color .25s var(--ease-out-expo),opacity .25s var(--ease-out-expo)}.chip-dormant.svelte-m9tjun{background:var(--glass);border:var(--border-w) solid var(--color-line);color:var(--color-medium);transform:translateY(0) translateZ(0) rotateX(0);box-shadow:0 1px 3px #0000001f}.chip-dormant.svelte-m9tjun:hover{border-color:var(--color-line-dark);color:var(--color-charcoal);transform:translateY(-1px) translateZ(4px) rotateX(-1deg);box-shadow:0 4px 12px #0003}.chip-active.svelte-m9tjun{background:var(--color-accent);border:var(--border-w) solid var(--color-accent);color:var(--color-warm-white);transform:translateY(-4px) translateZ(16px) rotateX(-3deg);box-shadow:0 6px 20px #312a2329,0 2px 6px #312a2314,4px 4px 0 var(--color-line-dark)}.chip-active.svelte-m9tjun:hover{transform:translateY(-5px) translateZ(20px) rotateX(-4deg);box-shadow:0 8px 28px #312a232e,0 3px 8px #312a231a,5px 5px 0 var(--color-line-dark)}.chip-inactive.svelte-m9tjun{background:transparent;border:var(--border-w) dashed var(--color-line);color:var(--color-muted);opacity:.5;cursor:default;transform:translateY(1px) translateZ(-4px) rotateX(1deg);box-shadow:none}.chip-inactive.svelte-m9tjun:hover{opacity:.5}@media(max-width:700px){.filter-bar.svelte-m9tjun{padding:0 1rem;gap:.4rem}}.bento-card.svelte-oviq8z{width:100%;height:100%;background:var(--color-warm-white);border:var(--border-w) solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:all .35s var(--ease-out-expo);box-shadow:var(--shadow-card);text-decoration:none;color:inherit}.bento-card.svelte-oviq8z .visible,.bento-card.svelte-oviq8z.visible{opacity:1;transform:translateY(0)}.bento-card.svelte-oviq8z:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover),6px 6px 0 var(--color-line);border-color:var(--color-line-dark)}.card-gradient.svelte-oviq8z{flex-shrink:0;height:100px;position:relative;overflow:hidden;border-bottom:var(--border-w) solid var(--color-line)}.card-gradient-bg.svelte-oviq8z{position:absolute;inset:0;transition:transform .5s var(--ease-out-expo)}.bento-card.svelte-oviq8z:hover .card-gradient-bg:where(.svelte-oviq8z){transform:scale(1.06)}.card-gradient.svelte-oviq8z:after{content:"";position:absolute;width:80px;height:80px;right:-20px;bottom:-20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;z-index:1}.card-body.svelte-oviq8z{flex:1;padding:.85rem 1rem 1rem;display:flex;flex-direction:column;justify-content:flex-end}.card-tag-row.svelte-oviq8z{display:flex;gap:.3rem;margin-bottom:.4rem;flex-wrap:wrap}.card-tag.svelte-oviq8z{font-family:var(--font-mono);font-size:.54rem;font-weight:400;padding:.18rem .5rem;border:1.5px solid;border-radius:999px;letter-spacing:.14em;text-transform:uppercase}.tag-personal{border-color:var(--color-accent-light);color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.tag-university{border-color:var(--color-info);color:var(--color-info);background:color-mix(in srgb,var(--color-info) 12%,transparent)}.tag-professional{border-color:var(--color-warning);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.tag-complete{border-color:var(--color-success);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.tag-progress{border-color:var(--color-warning);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.tag-archived{border-color:var(--color-line);color:var(--color-muted)}.card-title.svelte-oviq8z{font-family:var(--font-display);font-size:1.28rem;font-weight:500;line-height:1.14;letter-spacing:-.025em;margin-bottom:.38rem;color:var(--color-charcoal)}.card-desc.svelte-oviq8z{font-size:.86rem;color:var(--color-medium);line-height:1.65;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tech.svelte-oviq8z{display:flex;gap:.28rem;margin-top:.55rem;flex-wrap:wrap}.card-source.svelte-oviq8z{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-family:var(--font-mono);font-size:.54rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-strong)}.card-source-icon.svelte-oviq8z{flex-shrink:0;color:var(--color-accent)}.tech-pill.svelte-oviq8z{font-family:var(--font-mono);font-size:.52rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;padding:.18rem .46rem;border-radius:999px;background:color-mix(in srgb,var(--color-cream) 84%,var(--color-warm-white));color:var(--color-muted);border:1px solid var(--color-line)}.card-arrow.svelte-oviq8z{position:absolute;top:.85rem;right:.85rem;width:30px;height:30px;border-radius:8px;background:var(--glass-strong);border:var(--border-w) solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;color:var(--color-medium);opacity:0;transform:translate(-4px,4px);transition:all .3s var(--ease-out-expo);z-index:3}.bento-card.svelte-oviq8z:hover .card-arrow:where(.svelte-oviq8z){opacity:1;transform:translate(0)}.bento.svelte-1j2ur1k{max-width:1340px;margin:0 auto;padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:205px;gap:1.1rem}.card-wrapper.svelte-1j2ur1k{position:relative}.card-wrapper.large.svelte-1j2ur1k{grid-column:span 2;grid-row:span 2}.card-wrapper.wide.svelte-1j2ur1k{grid-column:span 2}.card-wrapper.tall.svelte-1j2ur1k{grid-row:span 2}.empty-state.svelte-1j2ur1k{grid-column:1 / -1;text-align:center;padding:3rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-medium);font-weight:400}@media(max-width:1100px){.bento.svelte-1j2ur1k{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.bento.svelte-1j2ur1k{grid-template-columns:1fr;grid-auto-rows:auto;padding-left:1rem;padding-right:1rem}.card-wrapper.svelte-1j2ur1k,.card-wrapper.large.svelte-1j2ur1k,.card-wrapper.wide.svelte-1j2ur1k,.card-wrapper.tall.svelte-1j2ur1k{grid-column:span 1;grid-row:span 1;min-height:250px}}