:root{--color-midnight:#0b1524;--color-charcoal:#12171b;--color-parchment:#d7c7aa;--color-ivory:#d8ccb5;--color-amber:#c98a3d;--color-vermilion:#8f3028;--color-blue-green:#2d4b50;--color-stone:#6e6a62;--color-bg:var(--color-midnight);--color-surface:var(--color-charcoal);--color-surface-2:#16202e;--color-text:var(--color-parchment);--color-text-muted:#b3a88f;--color-border:rgba(110, 106, 98, 0.35);--color-link:#e0b878;--color-focus:var(--color-amber);--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", Georgia, serif;--font-sans:"Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--content-max:72rem;--reading-max:46rem;--radius-sm:0.375rem;--radius-md:0.75rem;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;-webkit-text-size-adjust:100%}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.25;color:var(--color-ivory);margin:0 0 .6em}h1{font-size:clamp(1.75rem,4.5vw,2.5rem)}h2{font-size:clamp(1.35rem,3vw,1.75rem)}h3{font-size:1.15rem}p{margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.4em}img{max-width:100%;height:auto;display:block}figure{margin:0}[lang=ja]{font-family:var(--font-serif)}a{color:var(--color-link);text-underline-offset:.15em}a:hover{color:var(--color-amber)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:100;background:var(--color-amber);color:#1a1206;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:top 150ms ease}.skip-link:focus{top:.5rem}.btn{display:inline-block;padding:.65rem 1.4rem;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font-sans);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}.btn--primary{background:var(--color-amber);color:#1a1206}.btn--primary:hover{background:#d99b4e;color:#1a1206}.btn--secondary{background:0 0;color:var(--color-link);border-color:var(--color-stone)}.btn--secondary:hover{border-color:var(--color-amber);color:var(--color-amber)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-charcoal)}.site-header__inner{max-width:var(--content-max);margin:0 auto;padding:.75rem var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-ivory)}.brand__mark{border-radius:var(--radius-sm)}.brand__text{display:flex;flex-direction:column}.brand__name{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--color-ivory)}.brand__ja{font-size:.8rem;color:var(--color-text-muted);letter-spacing:.35em}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.site-nav a{text-decoration:none;color:var(--color-text);padding:.35rem .1rem;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current=true]{color:var(--color-amber);border-bottom-color:var(--color-amber)}.site-footer{margin-top:var(--space-5);border-top:1px solid var(--color-border);background:var(--color-charcoal);color:var(--color-text-muted);font-size:.9rem}.site-footer__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-4)var(--space-2);display:grid;gap:var(--space-3)}@media(min-width:48rem){.site-footer__inner{grid-template-columns:2fr 1fr 2fr}}.site-footer__tagline{color:var(--color-text-muted)}.site-footer__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.site-footer__nav a{color:var(--color-text-muted)}.site-footer__nav a:hover{color:var(--color-amber)}.site-footer__notes p{margin-bottom:.4em}.social-links{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2)}.social-links__item{display:inline-block;padding:.45rem 1.1rem;border:1px solid var(--color-stone);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text)}.social-links__item:hover{border-color:var(--color-amber);color:var(--color-amber)}.page-shell{max-width:var(--content-max);margin:0 auto;padding:var(--space-3)var(--space-2)0}.page-header{margin-bottom:var(--space-3)}.page-header__intro{max-width:var(--reading-max);color:var(--color-text-muted)}.breadcrumbs{font-size:.85rem;margin-bottom:var(--space-3)}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.breadcrumbs li{display:flex;align-items:center;gap:.45rem}.breadcrumbs li+li::before{content:"›";color:var(--color-stone)}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-amber);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--color-text)}.hero{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(45,75,80,.35),transparent),var(--color-midnight);border-bottom:1px solid var(--color-border);text-align:center}.hero__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-5)var(--space-2)}.hero__mark{margin:0 auto var(--space-2);border-radius:var(--radius-md)}.hero__title{margin-bottom:.15em}.hero__ja{letter-spacing:.6em;text-indent:.6em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.hero__tagline{max-width:34rem;margin:0 auto var(--space-3);font-size:1.15rem;color:var(--color-ivory)}.home-section{padding:var(--space-4)0}.home-section--alt{background:var(--color-charcoal);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.home-section__inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-2)}.home-section__more{margin-top:var(--space-2)}.home-about{max-width:var(--reading-max)}.habitat-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-2)}.habitat-links__item{display:block;padding:var(--space-2);text-align:center;background:var(--color-blue-green);color:var(--color-ivory);border-radius:var(--radius-sm);text-decoration:none;border:1px solid transparent}.habitat-links__item:hover{border-color:var(--color-amber);color:var(--color-ivory)}.featured-short{display:grid;gap:var(--space-3);align-items:start}@media(min-width:48rem){.featured-short{grid-template-columns:minmax(16rem,22rem)1fr}}.yokai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-3)}.yokai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color 150ms ease}.yokai-card:hover,.yokai-card:focus-within{border-color:var(--color-amber)}.yokai-card__image-link{display:block}.yokai-card__image-link img{aspect-ratio:3/4;object-fit:cover;width:100%}.yokai-card__body{padding:var(--space-2)}.yokai-card__title{margin-bottom:.1em}.yokai-card__title a{color:var(--color-ivory);text-decoration:none}.yokai-card__title a:hover{color:var(--color-amber)}.yokai-card__ja{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.5em}.yokai-card__hook{font-size:.95rem;margin-bottom:.7em}.yokai-card__meta{list-style:none;margin:0 0 .6em;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.8rem;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--color-stone);color:var(--color-text-muted)}.chip--nature-harmful{border-color:var(--color-vermilion);color:#d99a90}.chip--nature-mixed{border-color:var(--color-blue-green);color:#9fc3c0}.chip--nature-helpful{border-color:var(--color-blue-green);color:#9fc3c0}.danger-rating{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;font-size:.85rem;color:var(--color-text-muted)}.danger-rating__label{font-weight:600;color:var(--color-text)}.danger-rating__dots{display:inline-flex;gap:.25rem}.danger-rating__dot{width:.6rem;height:.6rem;border-radius:50%;border:1px solid var(--color-stone)}.danger-rating__dot--filled{background:var(--color-vermilion);border-color:var(--color-vermilion)}.danger-rating__note{font-size:.75rem;border:1px solid var(--color-stone);border-radius:999px;padding:.05rem .5rem}.yokai-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);margin-bottom:var(--space-3)}.yokai-controls label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.yokai-controls input[type=search],.yokai-controls select{width:100%;padding:.55rem .7rem;background:var(--color-midnight);color:var(--color-text);border:1px solid var(--color-stone);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-sans)}.yokai-controls__search{margin-bottom:var(--space-2)}.yokai-controls__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2);align-items:end}.yokai-controls__count{margin:var(--space-2)0 0;font-size:.9rem;color:var(--color-text-muted)}.zero-results{text-align:center;padding:var(--space-4);border:1px dashed var(--color-stone);border-radius:var(--radius-md);margin-top:var(--space-3)}.yokai-article{max-width:var(--content-max)}@media(min-width:64rem){.yokai-intro{display:grid;grid-template-columns:minmax(0,24rem)minmax(0,1fr);gap:var(--space-4);align-items:start;margin-bottom:var(--space-4)}.yokai-intro .yokai-hero{max-width:none;margin-bottom:0}.yokai-intro .yokai-article__header{max-width:none}}.yokai-hero{max-width:var(--reading-max);margin:0 0 var(--space-3)}.yokai-hero img{width:100%;border-radius:var(--radius-md);aspect-ratio:4/5;object-fit:cover}.illustration-notice{font-size:.8rem;color:var(--color-text-muted);padding:.5rem .2rem 0}.yokai-article__header{max-width:var(--reading-max);margin-bottom:var(--space-3)}.yokai-article__names{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;color:var(--color-text-muted);margin-bottom:.3em}.yokai-article__ja{font-size:1.2rem;color:var(--color-ivory)}.yokai-article__ascii{font-size:.85rem}.yokai-article__aliases,.yokai-article__pronunciation{color:var(--color-text-muted);font-size:.95rem;margin-bottom:.3em}.pronunciation{font-style:italic}.yokai-article__summary{font-size:1.2rem;font-family:var(--font-serif);color:var(--color-ivory);border-left:3px solid var(--color-amber);padding-left:var(--space-2);margin-top:var(--space-2)}.quick-facts{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);max-width:var(--reading-max);margin-bottom:var(--space-3)}.quick-facts__list{margin:0}.quick-facts__row{display:grid;grid-template-columns:9rem 1fr;gap:var(--space-1);padding:.45rem 0;border-bottom:1px solid var(--color-border)}.quick-facts__row:last-child{border-bottom:none}.quick-facts__row dt{font-weight:600;color:var(--color-text)}.quick-facts__row dd{margin:0;color:var(--color-text-muted)}.quick-facts__disclaimer{font-size:.8rem;color:var(--color-text-muted);margin:var(--space-1)0 0}@media(max-width:30rem){.quick-facts__row{grid-template-columns:1fr;gap:.1rem}}.toc{max-width:var(--reading-max);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);margin-bottom:var(--space-3)}.toc__title{font-size:1rem;margin-bottom:.5em}.toc__list{list-style:none;margin:0;padding:0}@media(min-width:48rem){.toc__list{columns:2;column-gap:var(--space-3)}}.toc__list li{padding:.2rem 0;break-inside:avoid}.toc__list a{color:var(--color-text-muted);text-decoration:none}.toc__list a:hover{color:var(--color-amber);text-decoration:underline}h2[id]{scroll-margin-top:var(--space-2)}.yokai-video{max-width:var(--reading-max);margin-bottom:var(--space-3)}.video-coming-soon{border:1px dashed var(--color-stone);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-text-muted)}.yt-facade{max-width:22rem}.yt-facade__frame{position:relative;aspect-ratio:9/16;border-radius:var(--radius-md);overflow:hidden;background:var(--color-charcoal)}.yt-facade__frame iframe,.yt-facade__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.yt-facade__play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;background:linear-gradient(to top,rgba(11,21,36,.85),rgba(11,21,36,.15) 45%);color:var(--color-ivory);transition:background-color 150ms ease}.yt-facade__play:hover{color:var(--color-ivory)}.yt-facade__play:hover .yt-facade__play-icon{background:#d99b4e}.yt-facade__play-icon{width:4rem;height:4rem;border-radius:50%;background:var(--color-amber);position:relative;transition:background-color 150ms ease}.yt-facade__play-icon::after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:.7rem 0 .7rem 1.2rem;border-color:transparent transparent transparent #1a1206}.yt-facade__play-label{font-size:.95rem;font-weight:600;text-align:center;padding:0 var(--space-2);text-shadow:0 1px 4px rgba(0,0,0,.8)}.yt-facade__external{margin:var(--space-1)0 0;font-size:.9rem}.prose{max-width:var(--reading-max);margin-bottom:var(--space-4)}.prose h2{margin-top:1.8em;padding-top:.6em;border-top:1px solid var(--color-border)}.prose li{margin-bottom:.4em}.prose strong{color:var(--color-ivory)}.yokai-sources,.related-yokai,.yokai-follow{max-width:var(--reading-max);margin-bottom:var(--space-4)}.source-list{list-style:decimal;padding-left:1.4em;margin:0}.source-list__item{margin-bottom:var(--space-2)}.source-list__type{display:inline-block;font-size:.75rem;border:1px solid var(--color-stone);border-radius:999px;padding:.05rem .6rem;color:var(--color-text-muted);margin-right:.4rem}.source-list__org,.source-list__accessed,.source-list__notes{display:block;font-size:.85rem;color:var(--color-text-muted)}.yokai-grid--related{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.episode-nav{display:grid;gap:var(--space-2);border-top:1px solid var(--color-border);padding:var(--space-3)0;max-width:var(--reading-max)}@media(min-width:30rem){.episode-nav{grid-template-columns:1fr 1fr}.episode-nav__link--next{text-align:right;grid-column:2}}.episode-nav__link{text-decoration:none;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:block}.episode-nav__link:hover{border-color:var(--color-amber)}.episode-nav__label{display:block;font-size:.8rem;color:var(--color-text-muted)}.episode-nav__title{color:var(--color-ivory);font-family:var(--font-serif)}.episode-list-section{max-width:var(--reading-max)}.episode-list{list-style:none;margin:0;padding:0}.episode-list__item{display:flex;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--color-surface)}.episode-list__item--upcoming{opacity:.75;background:0 0}.episode-list__id{font-family:var(--font-serif);color:var(--color-amber);white-space:nowrap}.episode-list__name{margin-bottom:.2em}.episode-list__name [lang=ja]{color:var(--color-text-muted);font-size:.9em;margin-left:.4em}.episode-list__links{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.95rem}.episode-list__status{color:var(--color-text-muted)}.not-found{text-align:center;padding-top:var(--space-5);padding-bottom:var(--space-5)}.not-found__links{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.plain-list{list-style:none;padding:0}.plain-list li{margin-bottom:.5em}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}