:root{--bg: #f6f2e9;--surface: #fffdf8;--ink: #12343b;--ink-soft: #50676e;--brand: #0f7b8a;--brand-dark: #0a5b66;--aqua: #9fe0e8;--accent: #f7c948;--accent-deep: #b98a14;--vermilion: #f97316;--border: #e4dcc9;--tint: #edf3f1;--radius: 10px;--maxw: 1080px;--font-sans: "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-serif: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--font-serif);font-weight:700;letter-spacing:.02em}a{color:var(--brand-dark)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}.site-header{position:sticky;top:0;z-index:10;background:#f6f2e9e0;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px;flex-wrap:wrap;padding-block:.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink)}.brand-logo{display:block}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-ja{font-family:var(--font-serif);font-weight:900;font-size:1.1rem;letter-spacing:.04em}.brand-en{font-size:.62rem;font-weight:700;letter-spacing:.28em;color:var(--brand)}.site-nav{display:flex;gap:1.4rem;flex-wrap:wrap}.site-nav a{position:relative;text-decoration:none;color:var(--ink-soft);font-size:.95rem;font-weight:600;padding-block:.25rem}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);transition:right .18s ease}.site-nav a:hover{color:var(--brand-dark)}.site-nav a:hover:after{right:0}@media(max-width:640px){.header-inner{min-height:0;padding-block:.6rem}.site-nav{gap:.55rem 1rem}.site-nav a{font-size:.85rem;padding-block:.1rem}}.site-footer{margin-top:4.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%239fe0e8' stroke-opacity='.08'%3E%3Ccircle cx='0' cy='0' r='38'/%3E%3Ccircle cx='0' cy='0' r='26'/%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='80' cy='0' r='38'/%3E%3Ccircle cx='80' cy='0' r='26'/%3E%3Ccircle cx='80' cy='0' r='14'/%3E%3Ccircle cx='40' cy='20' r='38'/%3E%3Ccircle cx='40' cy='20' r='26'/%3E%3Ccircle cx='40' cy='20' r='14'/%3E%3Ccircle cx='0' cy='40' r='38'/%3E%3Ccircle cx='0' cy='40' r='26'/%3E%3Ccircle cx='0' cy='40' r='14'/%3E%3Ccircle cx='80' cy='40' r='38'/%3E%3Ccircle cx='80' cy='40' r='26'/%3E%3Ccircle cx='80' cy='40' r='14'/%3E%3C/g%3E%3C/svg%3E"),#12343b;color:#d7e3e8}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:2.5rem}.footer-id{display:flex;align-items:center;gap:.85rem}.footer-logo{display:block}.footer-brand{margin:0;font-family:var(--font-serif);font-weight:700;font-size:1.05rem;color:#fff}.footer-note{margin:.15rem 0 0;font-size:.82rem;letter-spacing:.08em;color:#9fb6bf}.footer-links{display:flex;gap:1.4rem}.footer-links a{color:#d7e3e8;text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--accent)}.copyright{width:100%;margin:0;padding-top:1.25rem;border-top:1px solid rgba(159,224,232,.15);font-size:.8rem;color:#7d97a1}.hero[data-astro-cid-j7pv25f6]{position:relative;overflow:hidden;color:#eaf6f8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%239fe0e8' stroke-opacity='.1'%3E%3Ccircle cx='0' cy='0' r='38'/%3E%3Ccircle cx='0' cy='0' r='26'/%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='80' cy='0' r='38'/%3E%3Ccircle cx='80' cy='0' r='26'/%3E%3Ccircle cx='80' cy='0' r='14'/%3E%3Ccircle cx='40' cy='20' r='38'/%3E%3Ccircle cx='40' cy='20' r='26'/%3E%3Ccircle cx='40' cy='20' r='14'/%3E%3Ccircle cx='0' cy='40' r='38'/%3E%3Ccircle cx='0' cy='40' r='26'/%3E%3Ccircle cx='0' cy='40' r='14'/%3E%3Ccircle cx='80' cy='40' r='38'/%3E%3Ccircle cx='80' cy='40' r='26'/%3E%3Ccircle cx='80' cy='40' r='14'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#0f7b8a,#0a5b66 55%,#0c3f49)}.hero-mark[data-astro-cid-j7pv25f6]{position:absolute;right:-60px;top:50%;transform:translateY(-58%) rotate(8deg);opacity:.1;pointer-events:none;user-select:none}@media(max-width:720px){.hero-mark[data-astro-cid-j7pv25f6]{display:none}}.hero-inner[data-astro-cid-j7pv25f6]{position:relative;padding-block:clamp(3.5rem,9vw,6.5rem) clamp(5rem,11vw,8rem)}.eyebrow[data-astro-cid-j7pv25f6]{margin:0 0 1.25rem;font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{margin:0;font-size:clamp(2rem,5.2vw,3.3rem);line-height:1.45;font-weight:900;letter-spacing:.03em;text-wrap:balance}.hero[data-astro-cid-j7pv25f6] .lead[data-astro-cid-j7pv25f6]{margin:1.75rem 0 0;max-width:40rem;font-size:clamp(1rem,2.2vw,1.12rem);color:#d4eef1}.hero[data-astro-cid-j7pv25f6] .lead[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:#fff}.hero-actions[data-astro-cid-j7pv25f6]{margin-top:2.25rem;display:flex;gap:.85rem;flex-wrap:wrap}.hero-wave[data-astro-cid-j7pv25f6]{position:absolute;inset-inline:0;bottom:-1px;line-height:0}.hero-wave[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{width:100%;height:clamp(36px,5vw,72px);display:block}.btn[data-astro-cid-j7pv25f6]{display:inline-block;padding:.75rem 1.6rem;border-radius:8px;font-weight:700;text-decoration:none;font-size:.95rem;letter-spacing:.04em;transition:transform .12s ease,box-shadow .12s ease}.btn[data-astro-cid-j7pv25f6]:hover{transform:translateY(-1px)}.btn-primary[data-astro-cid-j7pv25f6]{background:var(--accent);color:#3a2a06;box-shadow:0 6px 16px #f7c94852}.btn-ghost[data-astro-cid-j7pv25f6]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.45)}.btn-note[data-astro-cid-j7pv25f6]{background:#2cb696;color:#fff;box-shadow:0 6px 16px #2cb6964d}.section[data-astro-cid-j7pv25f6]{padding-block:clamp(2.75rem,6vw,5rem)}.section-tint[data-astro-cid-j7pv25f6]{background:var(--tint)}.sec-eyebrow[data-astro-cid-j7pv25f6]{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--brand)}.section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin:0 0 1rem;font-size:clamp(1.55rem,3.6vw,2.1rem)}.section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]:after{content:"";display:block;width:2.6rem;height:3px;margin-top:.7rem;background:var(--accent);border-radius:2px}.section-lead[data-astro-cid-j7pv25f6]{margin:0 0 2.25rem;max-width:46rem;color:var(--ink-soft)}.section-lead[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:var(--ink)}code[data-astro-cid-j7pv25f6]{background:#0f7b8a1a;padding:.1rem .4rem;border-radius:6px;font-size:.9em}.feature-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.feature[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:var(--radius);padding:1.6rem}.feature-icon[data-astro-cid-j7pv25f6]{font-size:1.8rem}.feature[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:.75rem 0 .4rem;font-size:1.1rem}.feature[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;color:var(--ink-soft);font-size:.95rem}.app-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.app-card[data-astro-cid-j7pv25f6]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.app-card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #12343b14}.app-card[data-astro-cid-j7pv25f6].status-planned{opacity:.92;border-style:dashed}.app-card-head[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between}.app-icon[data-astro-cid-j7pv25f6]{font-size:1.9rem}.app-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:.75rem 0 .5rem;font-size:1.15rem}.app-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0 0 1.25rem;color:var(--ink-soft);font-size:.95rem;flex-grow:1}.app-card-foot[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-link[data-astro-cid-j7pv25f6]{font-weight:700;text-decoration:none}.app-path[data-astro-cid-j7pv25f6]{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--ink-soft)}.repo-link[data-astro-cid-j7pv25f6]{font-size:.85rem;color:var(--ink-soft);text-decoration:none}.repo-link[data-astro-cid-j7pv25f6]:hover{color:var(--brand-dark)}.badge[data-astro-cid-j7pv25f6]{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;letter-spacing:.03em}.badge-live[data-astro-cid-j7pv25f6]{background:#d8f3df;color:#1c7a3d}.badge-wip[data-astro-cid-j7pv25f6]{background:#fdf0cd;color:#8c6710}.badge-planned[data-astro-cid-j7pv25f6]{background:#e7ebe4;color:#5a7264}.apps-note[data-astro-cid-j7pv25f6]{margin-top:2rem;color:var(--ink-soft)}.note-list[data-astro-cid-j7pv25f6]{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.note-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;text-decoration:none;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease}.note-item[data-astro-cid-j7pv25f6]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #12343b14}.note-item[data-astro-cid-j7pv25f6] time[data-astro-cid-j7pv25f6]{font-size:.82rem;letter-spacing:.05em;color:var(--ink-soft)}.note-item[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:.4rem 0 .5rem;font-size:1.1rem;line-height:1.55}.note-item[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0 0 1rem;color:var(--ink-soft);font-size:.92rem;flex-grow:1}.note-read[data-astro-cid-j7pv25f6]{font-weight:700;font-size:.9rem;color:var(--brand-dark)}.note-more[data-astro-cid-j7pv25f6]{margin:0}.steps[data-astro-cid-j7pv25f6]{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:1rem}.steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{counter-increment:step;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem 1.25rem 4.25rem}.steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:before{content:counter(step,decimal-leading-zero);position:absolute;left:1.25rem;top:1.4rem;font-family:var(--font-serif);font-weight:900;font-size:1.3rem;line-height:1;color:var(--brand)}.steps[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;left:1.3rem;top:3rem;width:1.9rem;height:2px;background:var(--accent)}.steps[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:0 0 .25rem;font-size:1.05rem}.steps[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;color:var(--ink-soft);font-size:.95rem}.section-cta[data-astro-cid-j7pv25f6]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%230f7b8a' stroke-opacity='.07'%3E%3Ccircle cx='0' cy='0' r='38'/%3E%3Ccircle cx='0' cy='0' r='26'/%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='80' cy='0' r='38'/%3E%3Ccircle cx='80' cy='0' r='26'/%3E%3Ccircle cx='80' cy='0' r='14'/%3E%3Ccircle cx='40' cy='20' r='38'/%3E%3Ccircle cx='40' cy='20' r='26'/%3E%3Ccircle cx='40' cy='20' r='14'/%3E%3Ccircle cx='0' cy='40' r='38'/%3E%3Ccircle cx='0' cy='40' r='26'/%3E%3Ccircle cx='0' cy='40' r='14'/%3E%3Ccircle cx='80' cy='40' r='38'/%3E%3Ccircle cx='80' cy='40' r='26'/%3E%3Ccircle cx='80' cy='40' r='14'/%3E%3C/g%3E%3C/svg%3E"),var(--tint)}.cta-actions[data-astro-cid-j7pv25f6]{display:flex;gap:.85rem;flex-wrap:wrap}.contact-mail[data-astro-cid-j7pv25f6]{margin-top:1.5rem;font-weight:600}.contact-mail[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--brand-dark)}.cta-note[data-astro-cid-j7pv25f6]{margin-top:.5rem;font-size:.85rem;color:var(--ink-soft)}