.site-header[data-astro-cid-sckkx6r4]{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner[data-astro-cid-sckkx6r4]{display:flex;align-items:center;justify-content:space-between;height:60px}.logo[data-astro-cid-sckkx6r4]{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--color-text)}.logo[data-astro-cid-sckkx6r4]:hover{color:var(--color-accent)}nav[data-astro-cid-sckkx6r4] ul[data-astro-cid-sckkx6r4]{display:flex;list-style:none;gap:1.5rem}nav[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]{color:var(--color-text-muted);font-weight:600;font-size:.95rem;transition:color .2s}nav[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:hover{color:var(--color-accent)}.site-footer[data-astro-cid-sckkx6r4]{background:#2d2a26;color:#ccc;padding:2rem 0;text-align:center;font-size:.9rem}.footer-links[data-astro-cid-sckkx6r4]{margin-top:.75rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]{color:#aaa;font-size:.85rem}.footer-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:hover{color:#fff}@media(max-width:768px){.header-inner[data-astro-cid-sckkx6r4]{flex-direction:column;height:auto;padding:.75rem 0;gap:.5rem}nav[data-astro-cid-sckkx6r4] ul[data-astro-cid-sckkx6r4]{gap:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #faf8f5;--color-bg-card: #ffffff;--color-text: #2d2a26;--color-text-muted: #6b6560;--color-accent: #c0392b;--color-accent-light: #e74c3c;--color-gold: #d4a843;--color-gold-light: #f0d78c;--color-border: #e8e2da;--font-heading: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--max-width: 1100px;--radius: 12px;--radius-sm: 8px}html{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;scroll-behavior:smooth}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.3}h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.25rem}.section{padding:var(--space-xl) 0}.section-title{text-align:center;margin-bottom:var(--space-lg);position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-gold);margin:var(--space-xs) auto 0;border-radius:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card-title{font-size:1.2rem;margin-bottom:var(--space-xs)}.card-desc{color:var(--color-text-muted);font-size:.95rem}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.tag-flutter{background:#e8f0fe;color:#1a73e8}.tag-nextjs{background:#f0f0f0;color:#333}.tag-status-active{background:#e8f5e9;color:#2e7d32}.tag-status-dev{background:#fff3e0;color:#e65100}.tag-status-wip{background:#fce4ec;color:#c62828}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-light);color:#fff}.btn-outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-outline:hover{background:var(--color-accent);color:#fff}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}@media(max-width:768px){h1{font-size:1.7rem}h2{font-size:1.3rem}.card-grid{grid-template-columns:1fr}}