*,:after,:before{box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%}:where(body){background:#f8f8f6;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:#f8f8f6;--fg:#0a0a0a;--muted:#6b7280;--border:#e2e2de;--panel:#fff;--hover:#f0f0ec;--surface2:#f0f0ec;--accent:#f03;--accent-ink:#fff;--accent-soft:#ff003314;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow:0 4px 16px #00000012,0 1px 4px #0000000a;--shadow-lg:0 12px 40px #0000001a,0 4px 12px #0000000f;--container:1200px;--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:#0d0d0f;--fg:#ebebeb;--muted:#888;--border:#222228;--panel:#16161a;--hover:#1c1c22;--surface2:#1a1a20;--accent-soft:#ff00331f;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 20px #0006,0 1px 4px #0003;--shadow-lg:0 12px 48px #00000080}}.h1,h1{letter-spacing:-.02em}.h1,.h2,h1,h2{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-weight:800}.h2,h2{letter-spacing:-.015em}.kicker{color:#f03;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.headline{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-size:clamp(1.8rem,2.5vw + 1rem,3.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.06}.dek{font-size:1.05rem;line-height:1.7}.caption,.dek{color:#6b7280;color:var(--muted)}.caption{font-size:.82rem}.container{margin:0 auto;max-width:1200px;max-width:var(--container);padding-inline:24px;padding-inline:var(--space-6)}.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:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8f8f6d9;background:rgba(var(--bg-raw,248,248,246),.85);background:color-mix(in srgb,#f8f8f6 85%,#0000);background:color-mix(in srgb,var(--bg) 85%,#0000);border-bottom:1px solid #e2e2de;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-bar{grid-gap:16px;grid-gap:var(--space-4);align-items:center;display:grid;gap:16px;gap:var(--space-4);grid-template-columns:auto auto;height:64px}.brand{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.nav--primary{gap:8px;gap:var(--space-2)}.auth,.nav--primary{align-items:center;display:flex}.auth{gap:12px;gap:var(--space-3);margin-left:16px;margin-left:var(--space-4)}.nav a{border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--muted);font-size:.9rem;font-weight:600;padding:6px 10px;transition:color .15s,background .15s}.nav .is-active,.nav a:hover{background:#f0f0ec;background:var(--hover);color:#0a0a0a;color:var(--fg)}.nav-toggle{display:none}@media (max-width:860px){.nav-toggle{display:inline-flex;justify-self:end}.nav--primary{background:#f8f8f6;background:var(--bg);border-bottom:1px solid #e2e2de;border-bottom:1px solid var(--border);box-shadow:0 4px 16px #00000012,0 1px 4px #0000000a;box-shadow:var(--shadow);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}}.id-pill{align-items:center;background:#fff;background:var(--panel);border:1px solid #e2e2de;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:8px;height:34px;padding:5px 10px 5px 5px;transition:border-color .15s,box-shadow .15s}.id-pill:hover{border-color:#f03;border-color:var(--accent);box-shadow:0 0 0 3px #ff003314;box-shadow:0 0 0 3px var(--accent-soft)}.id-pill .avatar{background:#f03;background:var(--accent);border-radius:999px;color:#fff;display:inline-grid;font-size:11px;font-weight:800;height:24px;place-items:center;width:24px}.truncate{color:#6b7280;color:var(--muted);font-size:.82rem;font-weight:600;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{grid-gap:32px;grid-gap:var(--space-8);align-items:center;display:grid;gap:32px;gap:var(--space-8);grid-template-columns:1.3fr 1fr;padding-block:32px;padding-block:var(--space-8)}@media (max-width:860px){.hero{grid-template-columns:1fr}}.hero .media{aspect-ratio:16/9;background:#f0f0ec;background:var(--surface2);border-radius:12px;border-radius:var(--radius);box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000f;box-shadow:var(--shadow-lg);overflow:hidden}.card{background:#fff;background:var(--panel);border:1px solid #e2e2de;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease,border-color .15s}.card:hover{border-color:#0000;box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card>.media{aspect-ratio:16/10;background:#f0f0ec;background:var(--surface2);flex-shrink:0}.card>.body{display:flex;flex:1 1;flex-direction:column;padding:16px;padding:var(--space-4)}.card h3{font-family:Archivo,Inter,Noto Sans JP,sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:6px 0}.btn{align-items:center;background:#0a0a0a;background:var(--fg);border:1.5px solid #0a0a0a;border:1.5px solid var(--fg);border-radius:8px;border-radius:var(--radius-sm);color:#f8f8f6;color:var(--bg);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5ch;justify-content:center;letter-spacing:.01em;padding:10px 18px;transition:opacity .12s,transform .08s,box-shadow .15s}.btn:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);opacity:.88}.btn:active{opacity:.75;transform:translateY(1px)}.btn-sm{border-radius:6px;font-size:.82rem;padding:6px 12px}.btn-icon{border-radius:8px;border-radius:var(--radius-sm);height:40px;padding:10px;width:40px}.btn-accent{background:#f03;background:var(--accent);border-color:#f03;border-color:var(--accent);color:#fff}.btn-accent:hover{background:#d4002a;border-color:#d4002a;opacity:1}.btn-ghost{background:#0000;color:#0a0a0a;color:var(--fg)}.btn-ghost,.btn-ghost:hover{border-color:#e2e2de;border-color:var(--border)}.btn-ghost:hover{background:#f0f0ec;background:var(--hover);opacity:1}.input{background:#fff;background:var(--panel);border:1.5px solid #e2e2de;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);font-size:.95rem;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:#f03;border-color:var(--accent);box-shadow:0 0 0 3px #ff003314;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.label{border:1.5px solid #0a0a0a;border:1.5px solid var(--fg);border-radius:999px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;padding:3px 8px;text-transform:uppercase}.label--accent{border-color:#f03;border-color:var(--accent);color:#f03;color:var(--accent)}:focus-visible{border-radius:4px;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.04efbb05.css.map*/