*,:after,:before{box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%}:where(body){background:#faf6f0;background:var(--bg);color:#1c1714;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:#faf6f0;--fg:#1c1714;--muted:#7a6f65;--border:#e0d9cf;--panel:#fffefb;--hover:#f0e9de;--surface2:#ede6d8;--accent:#c27a3a;--accent-ink:#fff;--accent-soft:#c27a3a1a;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 3px #3c280a12,0 1px 2px #3c280a0a;--shadow:0 4px 20px #3c280a17,0 1px 6px #3c280a0d;--shadow-lg:0 12px 40px #3c280a1f,0 4px 12px #3c280a12;--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:#161310;--fg:#ede8e0;--muted:#8a7f75;--border:#2e2920;--panel:#1e1a16;--hover:#261f18;--surface2:#231e18;--accent-soft:#c27a3a24;--shadow-sm:0 1px 3px #00000059;--shadow:0 4px 20px #00000073,0 1px 4px #00000040;--shadow-lg:0 12px 48px #0000008c}}.h1,h1{font-family:Lora,Georgia,"Noto Serif JP",serif}.h1,.h2,h1,h2{font-weight:700;letter-spacing:-.01em}.h2,h2{font-family:Archivo,Inter,Noto Sans JP,sans-serif}.kicker{color:#c27a3a;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.headline{font-family:Lora,Georgia,"Noto Serif JP",serif;font-size:clamp(1.8rem,2.5vw + 1rem,3.2rem);font-style:italic;font-weight:700;letter-spacing:-.01em;line-height:1.12}.dek{font-size:1.05rem;line-height:1.75}.caption,.dek{color:#7a6f65;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,#faf6f0 85%,#0000);background:color-mix(in srgb,var(--bg) 85%,#0000);border-bottom:1px solid #e0d9cf;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:Lora,Georgia,serif;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.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:10px;border-radius:var(--radius-sm);color:#7a6f65;color:var(--muted);font-size:.9rem;font-weight:600;padding:6px 10px;transition:color .15s,background .15s}.nav .is-active,.nav a:hover{background:#f0e9de;background:var(--hover);color:#1c1714;color:var(--fg)}.nav-toggle{display:inline-flex;justify-self:end}.nav--primary{background:#faf6f0;background:var(--bg);border-bottom:1px solid #e0d9cf;border-bottom:1px solid var(--border);box-shadow:0 4px 20px #3c280a17,0 1px 6px #3c280a0d;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}@media (max-width:860px){.logout-btn .logout-text{display:none}.truncate{max-width:10ch}}.id-pill{align-items:center;background:#fffefb;background:var(--panel);border:1px solid #e0d9cf;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:#c27a3a;border-color:var(--accent);box-shadow:0 0 0 3px #c27a3a1a;box-shadow:0 0 0 3px var(--accent-soft)}.id-pill .avatar{background:#c27a3a;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:#7a6f65;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:#ede6d8;background:var(--surface2);border-radius:14px;border-radius:var(--radius);box-shadow:0 12px 40px #3c280a1f,0 4px 12px #3c280a12;box-shadow:var(--shadow-lg);overflow:hidden}.card{background:#fffefb;background:var(--panel);border:1px solid #e0d9cf;border:1px solid var(--border);border-radius:14px;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:#c27a3a1a;border-color:var(--accent-soft);box-shadow:0 4px 20px #3c280a17,0 1px 6px #3c280a0d;box-shadow:var(--shadow);transform:translateY(-2px)}.card>.media{aspect-ratio:16/10;background:#ede6d8;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;letter-spacing:-.005em;line-height:1.35;margin:6px 0}.btn,.card h3{font-weight:700}.btn{align-items:center;background:#1c1714;background:var(--fg);border:1.5px solid #1c1714;border:1.5px solid var(--fg);border-radius:10px;border-radius:var(--radius-sm);color:#faf6f0;color:var(--bg);cursor:pointer;display:inline-flex;font-size:.9rem;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 #3c280a12,0 1px 2px #3c280a0a;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:10px;border-radius:var(--radius-sm);height:40px;padding:10px;width:40px}.btn-accent{background:#c27a3a;background:var(--accent);border-color:#c27a3a;border-color:var(--accent);color:#fff}.btn-accent:hover{background:#a86630;border-color:#a86630;opacity:1}.btn-ghost{background:#0000;color:#1c1714;color:var(--fg)}.btn-ghost,.btn-ghost:hover{border-color:#e0d9cf;border-color:var(--border)}.btn-ghost:hover{background:#f0e9de;background:var(--hover);opacity:1}.input{background:#fffefb;background:var(--panel);border:1.5px solid #e0d9cf;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);font-size:.95rem;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:#c27a3a;border-color:var(--accent);box-shadow:0 0 0 3px #c27a3a1a;box-shadow:0 0 0 3px var(--accent-soft);outline:none}.label{border:1.5px solid #1c1714;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:#c27a3a;border-color:var(--accent);color:#c27a3a;color:var(--accent)}:focus-visible{border-radius:4px;outline:2px solid #c27a3a;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}}.featured-mobile{display:none}@media (max-width:640px){.featured-desktop{display:none}.featured-mobile{display:block}}
/*# sourceMappingURL=main.2e7ff2f8.css.map*/