.projects-container.svelte-rqn88j{position:relative;display:flex;flex-direction:column;gap:var(--sao-spacing-lg);padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.header.svelte-rqn88j{margin-bottom:2rem;position:relative}.header-content.svelte-rqn88j{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}h1.svelte-rqn88j{font-family:SAO UI,sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:.05em;margin:0}.jp-title.svelte-rqn88j{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;opacity:.6}.subtitle.svelte-rqn88j{font-family:SAO UI,monospace;font-size:.9rem;opacity:.7;letter-spacing:.1em;margin:0}.header-line.svelte-rqn88j{position:absolute;bottom:-10px;left:0;width:100px;height:2px;background:var(--sao-orange, #ff9900)}.list-panel.svelte-rqn88j{flex:1;display:flex;flex-direction:column;gap:var(--sao-spacing-md)}.list-header.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center}.item-count.svelte-rqn88j{font-family:SAO UI,sans-serif;font-size:.9rem;color:var(--sao-text-secondary)}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sao-spacing-md)}.project-card.svelte-rqn88j{display:flex;flex-direction:column;gap:var(--sao-spacing-sm);padding:var(--sao-spacing-md);background:var(--sao-panel-bg);border:2px solid transparent;border-radius:var(--sao-radius-md);cursor:pointer;text-align:left;opacity:0;transform:translateY(20px);animation:svelte-rqn88j-cardAppear .4s ease forwards;transition:all var(--sao-transition-fast)}@keyframes svelte-rqn88j-cardAppear{to{opacity:1;transform:translateY(0)}}.project-card.svelte-rqn88j:hover{border-color:var(--sao-orange);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.project-icon.svelte-rqn88j{width:100%;border-radius:var(--sao-radius-sm);overflow:hidden;display:flex;justify-content:center;align-items:center}.project-icon.svelte-rqn88j img:where(.svelte-rqn88j){max-width:100%;height:auto;display:block}.icon-placeholder.svelte-rqn88j{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.icon-placeholder.svelte-rqn88j img:where(.svelte-rqn88j){width:40px;height:40px;filter:brightness(0) invert(1);opacity:.7}.project-header.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;gap:var(--sao-spacing-sm)}.project-title.svelte-rqn88j{font-family:SAO UI,sans-serif;font-size:1rem;font-weight:600}.project-status.svelte-rqn88j{padding:2px 8px;border-radius:var(--sao-radius-sm);font-family:SAO UI,sans-serif;font-size:.65rem;color:#fff;text-transform:uppercase}.project-excerpt.svelte-rqn88j{font-family:SAO UI,sans-serif;font-size:.85rem;color:var(--sao-text-secondary);line-height:1.5;margin:0}.project-tech.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:4px}.mini-tag.svelte-rqn88j{padding:2px 6px;background:#0000001a;border-radius:var(--sao-radius-sm);font-family:SAO UI,sans-serif;font-size:.7rem;color:var(--sao-text-secondary)}.mini-tag.more.svelte-rqn88j{background:var(--sao-orange);color:#fff}@media(max-width:900px){.projects-container.svelte-rqn88j{padding:1rem}.header.svelte-rqn88j{margin-bottom:1.5rem;padding-right:60px}h1.svelte-rqn88j{font-size:2rem}.jp-title.svelte-rqn88j{font-size:1.2rem}.subtitle.svelte-rqn88j{font-size:.8rem}.projects-grid.svelte-rqn88j{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card.svelte-rqn88j:hover{transform:none}}@media(max-width:480px){h1.svelte-rqn88j{font-size:1.75rem}.jp-title.svelte-rqn88j{font-size:1rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr}.project-excerpt.svelte-rqn88j{font-size:.8rem}}