*,:after,:before{box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%}:where(body){background:#fff;background:var(--bg);color:#0a0a0a;color:var(--fg);font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6;margin:0;text-rendering:optimizeLegibility}:where(img,svg,video,canvas){display:block;max-width:100%}:where(button,input,select,textarea){color:inherit;font:inherit}:where(a){color:inherit;text-decoration:none}:where(ul,ol){padding-left:1.25rem}:where(h1,h2,h3,h4,h5,h6){line-height:1.25;margin:0 0 .5rem}:root{--bg:#fff;--fg:#0a0a0a;--muted:#6b7280;--border:#e5e7eb;--panel:#fff;--hover:#f5f5f5;--accent:#f03;--accent-ink:#fff;--radius:10px;--shadow:0 8px 30px #0000000f;--container:1180px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e5e7eb;--muted:#94a3b8;--border:#1f2937;--panel:#0f172a;--hover:#111a2e;--shadow:0 10px 36px #00000059,0 4px 14px #00000047}}.h1,h1{letter-spacing:-.015em}.h1,.h2,h1,h2{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-weight:800}.h2,h2{letter-spacing:-.01em}.kicker{color:#f03;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.headline{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-size:clamp(1.6rem,2.2vw + 1rem,3rem);font-weight:800;letter-spacing:-.015em;line-height:1.08}.dek{color:#6b7280;color:var(--muted);font-size:1.05rem}.caption{color:#6b7280;font-size:.85rem}.container{margin:0 auto;max-width:1180px;max-width:var(--container);padding-inline:16px;padding-inline:var(--space-4)}.stack>*+*{margin-top:16px;margin-top:var(--space-4)}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3)}.grid{grid-gap:16px;grid-gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid,.header-bar{display:grid;gap:16px;gap:var(--space-4)}.header-bar{grid-gap:16px;grid-gap:var(--space-4);align-items:center;grid-template-columns:1fr auto;height:64px}.brand{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-weight:800;letter-spacing:-.02em}.auth,.nav--primary{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.auth{margin-left:24px;margin-left:var(--space-6)}.btn-sm{border-radius:8px;font-weight:700;padding:8px 12px}.btn-icon{border-radius:10px;height:44px;padding:10px;width:44px}.id-pill{align-items:center;background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:10px;height:36px;padding:6px 10px 6px 6px}.id-pill .avatar{background:#0a0a0a;background:var(--fg);border-radius:999px;color:#fff;display:inline-grid;font-size:12px;font-weight:800;height:24px;letter-spacing:.02em;place-items:center;width:24px}.truncate{color:#6b7280;color:var(--muted);font-weight:600;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-toggle{display:none}@media (max-width:900px){.header-bar{grid-template-columns:auto auto}.nav-toggle{display:inline-flex;justify-self:end}.nav--primary{background:#fff;background:var(--bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:16px;gap:var(--space-4);left:0;padding:16px;padding:var(--space-4);position:absolute;right:0;top:64px}.nav--primary.is-open{display:flex}.auth{margin-left:0}.logout-btn .logout-text{display:none}.truncate{max-width:10ch}}.nav a{border-radius:8px;padding:8px 10px}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;background:var(--bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav a:hover{background:#f5f5f5;background:var(--hover)}.nav .is-active{box-shadow:inset 0 -3px 0 0 #f03;box-shadow:inset 0 -3px 0 0 var(--accent)}.hero{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:1.2fr 1fr}@media (max-width:860px){.hero{grid-template-columns:1fr}}.hero .media{aspect-ratio:16/9;background:#ddd;border-radius:10px;border-radius:var(--radius);overflow:hidden}.hero .media img{height:100%;object-fit:cover;width:100%}.card{background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden;transition:transform .08s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 30px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.card>.media{aspect-ratio:16/10;background:#f5f5f5;background:var(--hover)}.card>.body{padding:16px;padding:var(--space-4)}.card h3{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-weight:800;letter-spacing:-.01em;margin:6px 0 8px}.btn{align-items:center;background:#000;border:1px solid #0a0a0a;border:1px solid var(--fg);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.6ch;justify-content:center;padding:10px 14px;transition:opacity .12s ease,transform .06s ease}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn-accent{background:#f03;background:var(--accent);border-color:#f03;border-color:var(--accent);color:#fff;color:var(--accent-ink)}.btn-ghost{background:#0000;border-color:#0000;color:#0a0a0a;color:var(--fg)}.label{border:1px solid #0a0a0a;border:1px solid var(--fg);border-radius:999px;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:4px 8px;text-transform:uppercase}.label--accent{border-color:#f03;border-color:var(--accent);color:#f03;color:var(--accent)}:focus-visible{border-radius:6px;outline:2px solid #f03;outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=main.d92c62cb.css.map*/