:root{--bg-main: #F2F2E8;--bg-card: #E6ECDB;--text-body: #2A2D24;--text-heading: #1F2620;--color-primary: #5E7448;--color-accent: #7A8B5C;--color-gold: #B89B5E;--text-muted: #7A8077;--font-heading: "Shippori Mincho B1", "Hiragino Mincho ProN", "YuMincho", serif;--font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;--font-en: "Inter", system-ui, sans-serif;--max-w: 1080px;--max-w-text: 640px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-main);color:var(--text-body);font-family:var(--font-body);font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased;text-size-adjust:100%}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}a:hover{border-bottom-color:var(--color-gold)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading);font-weight:500;line-height:1.5;letter-spacing:.02em}.site-header{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(184,155,94,.25);background:var(--bg-main)}.site-header .logo{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-heading);letter-spacing:.08em;border:none}.site-header .logo .accent{color:var(--color-gold)}.site-header nav a{margin-left:24px;font-size:14px;color:var(--text-body);border:none}.site-header nav a:hover{color:var(--color-primary)}.site-footer{margin-top:96px;padding:32px;border-top:1px solid rgba(184,155,94,.25);font-size:12px;color:var(--text-muted);text-align:center}.container{max-width:var(--max-w);margin:0 auto;padding:0 32px}.container-narrow{max-width:var(--max-w-text);margin:0 auto;padding:0 32px}.section-title{font-family:var(--font-heading);font-size:22px;font-weight:500;margin:64px 0 24px;color:var(--text-heading)}.section-title:after{content:"";display:block;width:32px;height:1px;background:var(--color-gold);margin-top:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.card{position:relative;display:block;background:transparent;color:var(--text-body);border:none;transition:background .2s ease;padding:8px;border-radius:4px}.card:hover{background:#7a8b5c0f}.card .thumb{aspect-ratio:4 / 3;background:var(--bg-card);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.card .thumb img{width:100%;height:100%;object-fit:cover}.card .thumb .placeholder{font-family:var(--font-heading);font-size:24px;color:var(--color-accent);letter-spacing:.1em;padding:16px;text-align:center}.card .work-name{font-family:var(--font-heading);font-size:18px;font-weight:500;color:var(--text-heading);margin:0 0 4px;position:relative;display:inline-block}.card .meta{font-family:var(--font-body);font-size:12px;color:var(--text-muted)}.card .meta .en{font-family:var(--font-en)}.card .work-name:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1px;background:var(--color-gold);transition:width .2s ease}.card:hover .work-name:after{width:100%}.badge-type{display:inline-block;font-size:11px;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:2px;padding:2px 8px;margin-bottom:8px;letter-spacing:.05em}.badge-supervised{position:absolute;top:12px;right:12px;font-size:11px;color:var(--text-muted);border:1px solid var(--text-muted);border-radius:2px;padding:1px 6px;background:#f2f2e8d9;letter-spacing:.03em}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cat-card{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--bg-card);color:var(--text-heading);font-family:var(--font-heading);font-size:26px;letter-spacing:.15em;border:none;transition:background .2s ease}.cat-card:hover{background:#dde5cd}.search-bar{margin:32px 0}.search-bar input{width:100%;padding:12px 16px;font-size:15px;font-family:var(--font-body);background:transparent;color:var(--text-body);border:none;border-bottom:1px solid var(--color-accent);outline:none}.search-bar input:focus{border-bottom-color:var(--color-gold)}.rule-gold{border:none;border-top:1px solid var(--color-gold);width:48px;margin:48px 0}.btn-dl{display:inline-block;padding:12px 28px;background:var(--color-primary);color:var(--bg-main);font-family:var(--font-body);font-size:14px;border:none;border-radius:2px;letter-spacing:.08em;transition:background .2s ease}.btn-dl:hover{background:var(--color-accent);border:none}.btn-dl[aria-disabled=true],.btn-dl.disabled{background:transparent;color:var(--text-muted);border:1px solid var(--text-muted);cursor:not-allowed;pointer-events:none}.tagline-vertical{writing-mode:vertical-rl;font-family:var(--font-heading);font-size:20px;letter-spacing:.4em;color:var(--text-heading);line-height:1.8}@media(max-width:640px){.site-header{padding:16px 20px}.site-header nav a{margin-left:12px;font-size:13px}.container,.container-narrow{padding:0 20px}.section-title{font-size:19px;margin:48px 0 16px}}