:root{--palette-gray-0:#fff;--palette-gray-50:#f7f6f3;--palette-gray-100:#efede8;--palette-gray-200:#e2dfd8;--palette-gray-400:#a09d96;--palette-gray-600:#6b6862;--palette-gray-700:#34343a;--palette-gray-800:#26262a;--palette-gray-850:#1c1c1e;--palette-gray-900:#1c1b19;--palette-gray-950:#121212;--palette-blue-400:#7c8cff;--palette-blue-500:#3d5afe;--palette-blue-900:#0e1033;--palette-orange-300:#ff9a7f;--palette-orange-500:#ff7a59;--palette-orange-950:#2b1405;--palette-green-400:#3cc584;--palette-green-600:#1f9d63;--palette-yellow-400:#e6ae2e;--palette-yellow-600:#c98a00;--palette-red-400:#ff6b6b;--palette-red-600:#d93a3a;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--font-family-base:"Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-body:1.6;--line-height-heading:1.25;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--size-touch-min:2.75rem;--motion-fast:.15s;--motion-normal:.25s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--color-background:var(--palette-gray-50);--color-surface:var(--palette-gray-0);--color-surface-muted:var(--palette-gray-100);--color-text:var(--palette-gray-900);--color-text-muted:var(--palette-gray-600);--color-border:var(--palette-gray-200);--color-primary:var(--palette-blue-500);--color-primary-hover:color-mix(in oklab, var(--color-primary), black 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), black 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 12%);--color-on-primary:var(--palette-gray-0);--color-accent:var(--palette-orange-500);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-600);--color-warning:var(--palette-yellow-600);--color-danger:var(--palette-red-600);--shadow-card:0 1px 3px #00000014;--shadow-sheet:0 8px 24px #0000001f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-background:var(--palette-gray-950);--color-surface:var(--palette-gray-850);--color-surface-muted:var(--palette-gray-800);--color-text:var(--palette-gray-50);--color-text-muted:var(--palette-gray-400);--color-border:var(--palette-gray-700);--color-primary:var(--palette-blue-400);--color-primary-hover:color-mix(in oklab, var(--color-primary), white 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), white 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 16%);--color-on-primary:var(--palette-blue-900);--color-accent:var(--palette-orange-300);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-400);--color-warning:var(--palette-yellow-400);--color-danger:var(--palette-red-400);--shadow-card:0 1px 3px #0000003d;--shadow-sheet:0 8px 24px #0000005c}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:var(--palette-gray-950);--color-surface:var(--palette-gray-850);--color-surface-muted:var(--palette-gray-800);--color-text:var(--palette-gray-50);--color-text-muted:var(--palette-gray-400);--color-border:var(--palette-gray-700);--color-primary:var(--palette-blue-400);--color-primary-hover:color-mix(in oklab, var(--color-primary), white 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), white 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 16%);--color-on-primary:var(--palette-blue-900);--color-accent:var(--palette-orange-300);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-400);--color-warning:var(--palette-yellow-400);--color-danger:var(--palette-red-400);--shadow-card:0 1px 3px #0000003d;--shadow-sheet:0 8px 24px #0000005c}:root{--button-bg:var(--color-primary);--button-bg-hover:var(--color-primary-hover);--button-bg-pressed:var(--color-primary-pressed);--button-text:var(--color-on-primary);--button-radius:var(--radius-full);--button-padding-x:var(--space-6);--button-padding-y:var(--space-3);--button-min-height:var(--size-touch-min);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-card);--card-padding:var(--space-6);--chip-bg:var(--color-surface);--chip-bg-selected:var(--color-primary);--chip-text:var(--color-text-muted);--chip-text-selected:var(--color-on-primary);--chip-border:var(--color-border);--chip-radius:var(--radius-full);--chip-min-height:var(--size-touch-min)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-background);min-height:100dvh;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:var(--line-height-heading);font-weight:var(--font-weight-bold)}img,svg{max-width:100%;display:block}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.page{max-width:67.5rem;padding:0 var(--space-4);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-bold);text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);display:flex}.site-nav a{color:var(--color-text-muted);text-decoration:none}.site-nav a:hover{color:var(--color-text)}.theme-toggle{padding:var(--space-1) var(--space-2);border:1px solid var(--chip-border);border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--chip-text);font-size:var(--font-size-xs);cursor:pointer}.hero{padding:var(--space-10) 0 var(--space-8)}.hero-title{max-width:18em;font-size:clamp(var(--font-size-xl), 5vw, var(--font-size-2xl));letter-spacing:-.01em;word-break:auto-phrase;text-wrap:balance}.hero-meta{margin-top:var(--space-4);color:var(--color-text-muted)}.hero-meta strong{color:var(--color-primary);font-size:var(--font-size-lg)}.filters{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.chip{min-height:var(--chip-min-height);padding:var(--space-1) var(--space-4);border:1px solid var(--chip-border);border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--chip-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard)}.chip:hover{color:var(--color-text)}.chip[aria-selected=true]{border-color:var(--chip-bg-selected);background:var(--chip-bg-selected);color:var(--chip-text-selected)}.app-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,18.75rem),1fr));margin:0;padding:0;list-style:none;display:grid}.app-card{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);height:100%;box-shadow:var(--card-shadow);transition:transform var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-card:hover{transform:translateY(calc(var(--space-1) / -2));box-shadow:var(--shadow-sheet)}.app-card-thumb{aspect-ratio:16/10;background:var(--color-surface-muted);place-items:center;display:grid}.app-card-thumb img{object-fit:cover;width:100%;height:100%}.app-card-initial{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.app-card-body{gap:var(--space-2);padding:var(--space-4) var(--card-padding) var(--card-padding);flex-direction:column;display:flex}.app-card-meta{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.app-card-meta time{margin-left:auto}.badge{padding:calc(var(--space-1) / 2) var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.badge-wip{background:var(--color-accent);color:var(--color-on-accent)}.app-card-title{font-size:var(--font-size-lg)}.app-card-title a{color:var(--color-text);text-decoration:none}.app-card-title a:after{content:"";position:absolute;inset:0}.app-card-desc{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-card-links{gap:var(--space-4);font-size:var(--font-size-sm);display:flex;position:relative}.empty{padding:calc(var(--space-10) * 2) var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.empty-body{margin-top:var(--space-2);color:var(--color-text-muted)}.site-footer{padding:var(--space-10) 0 var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}