:root{--chrome-max-width: 1200px;--chrome-page-padding: 24px;--chrome-page-padding-mobile: 14px;--chrome-header-height: 64px;--chrome-header-height-mobile: 56px;--chrome-ink: #fbfaf6;--chrome-muted: #b7bdc7;--chrome-line: rgba(255,255,255,0.12);--chrome-panel: rgba(6,9,14,0.98);--chrome-accent: #d41465;--chrome-accent-2: #12d6cb;--font-body: "Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display: "Outfit","Noto Sans JP",system-ui,sans-serif;}.skip-link{position: fixed;top: 12px;left: 16px;z-index: 400;display: inline-flex;align-items: center;min-height: 42px;padding: 10px 14px;border: 1px solid rgba(18,214,203,0.62);border-radius: 7px;background: rgba(6,9,14,0.96);color: var(--chrome-ink);font: 700 14px/1 var(--font-body);text-decoration: none;box-shadow: 0 16px 36px rgba(0,0,0,0.36),0 0 20px rgba(18,214,203,0.13);transform: translateY(-160%);transition: transform 160ms ease;}.skip-link:focus,.skip-link:focus-visible{transform: translateY(0);outline: 3px solid rgba(18,214,203,0.68);outline-offset: 3px;}.site-header{position: sticky;top: 0;z-index: 100;width: 100%;height: var(--chrome-header-height);margin: 0;border-bottom: 1px solid var(--chrome-line);background: rgba(2,4,7,0.82);color: var(--chrome-ink);font-family: var(--font-display);backdrop-filter: blur(20px) saturate(140%);}.top-page .site-header{background: rgba(4,6,10,0.78);border-bottom-color: var(--chrome-line);box-shadow: none;transition: background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease;}.top-page .site-header.is-scrolled{background: rgba(4,6,10,0.78);border-bottom-color: var(--chrome-line);box-shadow: none;}.site-header{--hdr-gap-outer: 28px;--hdr-gap-nav: 21px;--hdr-nav-fs: 14px;--hdr-nav-pad-x: 8px;--hdr-search-min: 260px;}.site-header-inner{display: flex;align-items: center;justify-content: space-between;gap: var(--hdr-gap-outer);width: 100%;max-width: var(--chrome-max-width);height: var(--chrome-header-height);margin: 0 auto;padding: 0 var(--chrome-page-padding);}.site-header .brand{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;margin: 0;padding: 0;border: 0;color: inherit;text-decoration: none;font-family: var(--font-display);font-size: 20px;font-weight: 900;line-height: 1;}.site-header .mark{display: block;flex: 0 0 auto;width: 28px;height: 28px;border: 0;border-radius: 0;background: none;box-shadow: none;filter: none;object-fit: contain;overflow: visible;position: static;}.site-header span.mark{background: url("logo-mark.svg") center/contain no-repeat;}.site-header .mark::after{content: none;}.site-header .sn-nav-links{display: flex;align-items: center;justify-content: flex-end;gap: var(--hdr-gap-nav);flex: 1 1 auto;min-width: 0;flex-wrap: nowrap;}.site-header .sn-nav-link{border: none;background: transparent;backdrop-filter: none;padding: 8px var(--hdr-nav-pad-x);color: var(--chrome-muted);font-family: var(--font-display);font-size: var(--hdr-nav-fs);font-weight: 700;letter-spacing: -0.005em;text-transform: none;line-height: 1.2;text-decoration: none;position: relative;white-space: nowrap;transition: color 160ms ease;}.site-header .sn-nav-link:hover{color: var(--chrome-ink);background: transparent;box-shadow: none;border: none;}@media (max-width: 1280px) and (min-width: 1081px){.site-header{--hdr-search-min: clamp(220px,calc(220px + (100vw - 1097px) * 0.201),260px);--hdr-gap-nav: clamp(20px,calc(20px + (100vw - 1097px) * 0.005),21px);--hdr-gap-outer: clamp(16px,calc(16px + (100vw - 1097px) * 0.0603),28px);--hdr-nav-fs: clamp(13px,calc(13px + (100vw - 1097px) * 0.005),14px);--hdr-nav-pad-x: clamp(6px,calc(6px + (100vw - 1097px) * 0.01),8px);}}@media (min-width: 1281px){html[lang="en"] .site-header{--hdr-gap-outer: 20px;--hdr-gap-nav: 20px;--hdr-nav-fs: 13px;--hdr-nav-pad-x: 4px;--hdr-search-min: 260px;}html[lang="en"] .site-header .sn-nav-link{letter-spacing: 0;}}@media (max-width: 1280px) and (min-width: 1081px){html[lang="en"] .site-header{--hdr-search-min: clamp(220px,calc(220px + (100vw - 1097px) * 0.336),260px);--hdr-gap-nav: clamp(12px,calc(12px + (100vw - 1097px) * 0.0672),20px);--hdr-gap-outer: clamp(16px,calc(16px + (100vw - 1097px) * 0.0336),20px);--hdr-nav-fs: clamp(12px,calc(12px + (100vw - 1097px) * 0.0084),13px);--hdr-nav-pad-x: 4px;}html[lang="en"] .site-header .sn-nav-link{letter-spacing: 0;}}@media (max-width: 1080px) and (min-width: 861px){.site-header{--hdr-nav-pad-x: 4px;}.site-header-inner{gap: 14px;}.site-header .sn-nav-links{gap: 12px;}.site-header .sn-nav-link{font-size: 11.5px;letter-spacing: 0.1em;}.sn-search-trigger{min-width: 190px;}html[lang="en"] .site-header .sn-nav-links{gap: 10px;}html[lang="en"] .site-header .sn-nav-link{padding-inline: 4px;letter-spacing: 0;}html[lang="en"] .site-header .sn-nav-link--secondary,html[lang="en"] .site-header .sn-nav-links a[href*="/methodology/"],html[lang="en"] .site-header .sn-nav-links a[href*="/starter-songs/"]{display: none;}}.site-header .sn-nav-link::after{content: "";position: absolute;left: 0;bottom: 2px;width: 100%;height: 1.5px;background: var(--accent,var(--chrome-accent));transform: scaleX(0);transform-origin: left center;transition: transform 220ms cubic-bezier(0.16,1,0.3,1);}.site-header .sn-nav-link:hover::after,.site-header .sn-nav-link[aria-current="page"]::after{transform: scaleX(1);}.sn-search-trigger{display: inline-flex;align-items: center;gap: 11px;flex: 0 0 auto;min-height: 40px;min-width: 286px;padding: 8px 10px 8px 14px;border: 1px solid var(--chrome-line);border-radius: 999px;background: rgba(255,255,255,0.05);color: var(--chrome-muted);font-size: 13px;cursor: pointer;transition: background 160ms ease,border-color 160ms ease,color 160ms ease;}.sn-search-trigger:hover{border-color: rgba(255,255,255,0.3);color: var(--chrome-ink);}.sn-search-trigger:focus-visible{border-color: rgba(255,255,255,0.55);background: rgba(255,255,255,0.07);color: var(--chrome-ink);outline: none;}.sn-search-trigger-label{flex: 1;text-align: left;}.sn-search-kbd{font-family: ui-monospace,monospace;font-size: 11px;padding: 2px 6px;border: 1px solid var(--chrome-line);border-radius: 999px;background: rgba(255,255,255,.07);}.sn-search-cluster{position: relative;display: inline-flex;align-items: center;flex: 0 0 auto;}.sn-inline-search{position: relative;display: inline-flex;align-items: center;gap: 9px;min-height: 40px;min-width: var(--hdr-search-min);padding: 8px 12px 8px 14px;border: 1px solid var(--chrome-line);border-radius: 999px;background: rgba(255,255,255,0.05);transition: background 160ms ease,border-color 160ms ease;}.sn-inline-search:hover{border-color: rgba(255,255,255,0.3);}.sn-inline-search:focus-within{border-color: rgba(255,255,255,0.55);background: rgba(255,255,255,0.07);}.sn-inline-search-icon{flex: 0 0 auto;color: var(--chrome-muted);transition: color 160ms ease;}.sn-inline-search:focus-within .sn-inline-search-icon{color: var(--chrome-ink);}.sn-inline-search-input{flex: 1 1 auto;width: auto;min-width: 0;min-height: 0;height: 24px;padding: 0;border: 0;border-radius: 0;background: transparent;color: var(--chrome-ink);font: inherit;font-size: 13px;line-height: 24px;outline: none;box-shadow: none;backdrop-filter: none;}.site-header .sn-inline-search-input{height: 24px;padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;backdrop-filter: none;width: auto;min-height: 0;}.sn-inline-search-input::placeholder{color: var(--chrome-muted);}.sn-inline-search-input::-webkit-search-cancel-button{-webkit-appearance: none;}.sn-inline-search-input:focus,.sn-inline-search-input:focus-visible{outline: none;box-shadow: none;}.sn-search-panel input:focus,.sn-search-panel input:focus-visible{outline: none;box-shadow: none;}.sn-inline-results{position: absolute;top: calc(100% + 8px);left: 0;right: 0;z-index: 210;display: flex;flex-direction: column;gap: 2px;max-height: min(70vh,460px);overflow-y: auto;padding: 8px;border: 1px solid var(--chrome-line);border-radius: var(--radius);background: var(--chrome-panel);box-shadow: 0 24px 60px rgba(0,0,0,0.38);backdrop-filter: blur(18px) saturate(150%);}.sn-inline-results[hidden]{display: none;}.sn-inline-results .sn-result-item{padding: 8px 10px;}.sn-search-trigger--compact{display: none;}.sn-search-trigger--compact.sn-search-trigger{min-width: 40px;}.site-header .sn-lang{display: inline-flex;align-items: center;flex: 0 0 auto;gap: 0;white-space: nowrap;}.site-header .sn-lang>a,.site-header .sn-lang>span{position: relative;display: inline-flex;align-items: center;justify-content: center;min-width: 32px;min-height: 44px;padding: 0 4px;border: 0;border-radius: 0;background: transparent;box-shadow: none;color: var(--chrome-muted);font: 700 12px/1 var(--font-display);text-decoration: none;}.site-header .sn-lang>[aria-current="page"]::after{content: "";position: absolute;left: 4px;right: 4px;bottom: 5px;height: 1.5px;background: var(--accent,var(--chrome-accent));}.site-header .sn-lang>[aria-current="page"],.site-header .sn-lang>a:hover{color: var(--chrome-ink);}.site-header .sn-lang>a:focus-visible{outline: 2px solid var(--accent,var(--chrome-accent));outline-offset: 1px;}.site-header .sn-lang>[aria-disabled="true"]{opacity: .55;}@media (max-width: 1080px) and (min-width: 861px){.sn-inline-search{width: 160px;min-width: 0;}.site-header .sn-hamburger{min-width: 68px;padding-inline: 10px;}.sn-megamenu-grid{grid-template-columns: repeat(3,minmax(0,1fr));}}@media (max-width: 964px) and (min-width: 861px){.site-header-inner{gap: 16px;}.site-header .sn-nav-links,.site-header .sn-nav-links.open{display: none;}.site-header .sn-search-cluster{margin-left: auto;}.site-header .sn-inline-search{display: none;}.site-header .sn-search-trigger--compact{display: inline-flex;}.site-header .sn-search-trigger{min-width: 40px;width: 40px;height: 40px;padding: 0;justify-content: center;}.site-header .sn-search-trigger-label,.site-header .sn-search-kbd{display: none;}}.site-header .sn-search-button,.sn-search-close{display: inline-grid;place-items: center;flex: 0 0 auto;width: 38px;height: 38px;padding: 0;}.site-header .sn-search-button span{font-size: 22px;line-height: 1;}.sn-search-overlay{position: fixed;inset: 0;z-index: 200;display: grid;place-items: start end;padding: 72px max(16px,calc((100vw - 1200px) / 2 + 16px)) 16px 16px;background: transparent;}body.sn-search-open{overflow: hidden;}.sn-search-overlay[hidden]{display: none;}.sn-search-panel{position: relative;display: grid;gap: 12px;width: min(420px,calc(100vw - 32px));padding: 16px;border: 1px solid var(--chrome-line);border-radius: var(--radius);background: var(--chrome-panel);box-shadow: 0 24px 60px rgba(0,0,0,0.38);backdrop-filter: blur(18px) saturate(150%);}.sn-search-close{position: absolute;top: 10px;right: 10px;}.sn-search-panel label{padding-right: 44px;color: var(--chrome-muted);font-size: 12px;}.sn-search-panel input{width: 100%;min-height: 48px;border: 1px solid rgba(255,255,255,0.2);border-radius: 7px;background: rgba(255,255,255,0.06);color: var(--chrome-ink);padding: 11px 12px;outline: none;font: inherit;transition: background 160ms ease,border-color 160ms ease;}.sn-search-panel input::placeholder{color: rgba(248,247,255,0.48);}.sn-search-panel input:focus{border-color: rgba(255,255,255,0.55);background: rgba(255,255,255,0.08);}.sn-search-hint{margin: -4px 0 0;color: var(--chrome-muted);font-size: 12px;line-height: 1.5;}.sn-search-links{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;}.sn-search-categories{display: flex;flex-direction: column;gap: 12px;max-height: 52vh;overflow-y: auto;overscroll-behavior: contain;}.sn-search-section-title{color: var(--chrome-muted);font-size: 10px;font-weight: 700;letter-spacing: 0.1em;margin: 0 0 5px 2px;text-transform: uppercase;}.sn-search-section-items{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 5px;}.sn-search-section .sn-search-link{min-height: 0;padding: 7px 9px;}.sn-search-results{border-bottom: 1px solid var(--chrome-line);display: flex;flex-direction: column;gap: 2px;padding-bottom: 10px;}.sn-result-item{align-items: center;border-radius: 6px;color: var(--chrome-ink);display: flex;gap: 7px;min-width: 0;padding: 6px 8px;text-decoration: none;transition: background 0.12s;}.sn-result-item:hover,.sn-result-item[aria-selected="true"]{background: rgba(18,214,203,0.08);}.sn-result-status{border-radius: 6px;color: var(--chrome-muted);font-size: 12px;padding: 8px;background: rgba(255,255,255,0.05);}.sn-result-empty{border: 1px solid rgba(18,214,203,0.18);background: rgba(18,214,203,0.06);}.sn-result-message{padding: 6px 8px 2px;color: var(--chrome-muted);font-size: 12px;line-height: 1.5;}.sn-result-message a[data-lang-fallback="ja"]{display: inline-flex;align-items: center;gap: 6px;margin-left: 6px;padding: 3px 9px;border: 1px solid var(--chrome-line);border-radius: 999px;color: var(--chrome-ink);font-weight: 700;white-space: nowrap;text-decoration: none;}.sn-result-message a[data-lang-fallback="ja"]:hover,.sn-result-message a[data-lang-fallback="ja"]:focus-visible{border-color: var(--chrome-accent);color: var(--chrome-accent);}.sn-result-suggest-heading{margin-top: 8px;}.sn-result-badge{border-radius: 3px;flex-shrink: 0;font-size: 9px;font-weight: 700;letter-spacing: 0.06em;padding: 2px 5px;text-transform: uppercase;}.sn-result-badge--g{background: rgba(18,214,203,0.14);color: rgba(18,214,203,0.9);}.sn-result-badge--m{background: rgba(180,120,255,0.14);color: rgba(200,150,255,0.9);}.sn-result-badge--r{background: rgba(255,205,86,0.14);color: rgba(255,220,120,0.92);}.sn-result-name{font-size: 13px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.sn-result-roman{color: var(--chrome-muted);font-size: 11px;white-space: nowrap;}.sn-result-sub{color: var(--chrome-muted);flex-shrink: 0;font-size: 11px;margin-left: auto;white-space: nowrap;}.sn-search-link{display: grid;gap: 3px;min-width: 0;min-height: 70px;align-content: center;color: var(--chrome-ink);text-decoration: none;border: 1px solid var(--chrome-line);border-radius: 7px;padding: 10px 11px;background: rgba(255,255,255,0.08);}.sn-search-link:hover,.sn-search-link[aria-selected="true"]{border-color: rgba(18,214,203,0.46);background: rgba(18,214,203,0.08);}.sn-search-link strong{font-size: 13px;line-height: 1.25;}.sn-search-link span{color: var(--chrome-muted);font-size: 11px;line-height: 1.35;}.site-header .sn-hamburger{display: inline-flex;align-items: center;justify-content: center;gap: 8px;flex: 0 0 auto;min-width: 76px;height: 40px;padding: 0 12px;border: 1px solid var(--chrome-line);border-radius: 999px;background: rgba(255,255,255,0.05);color: var(--chrome-ink);font-family: var(--font-display);font-size: 11px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);cursor: pointer;transition: border-color 160ms ease,background 160ms ease,color 160ms ease;}.site-header .sn-hamburger:hover,.site-header .sn-hamburger:focus-visible{transform: none;border-color: rgba(18,214,203,0.48);background: rgba(18,214,203,0.08);box-shadow: 0 0 0 3px rgba(18,214,203,0.1),inset 0 1px 0 rgba(255,255,255,0.1);}.sn-hamburger-bars{display: inline-flex;flex-direction: column;gap: 5px;}.site-header .sn-hamburger-bars span{display: block;width: 18px;height: 2px;border-radius: 2px;background: var(--chrome-ink);transition: transform 200ms ease,opacity 200ms ease;}.site-header .sn-hamburger[aria-expanded="true"] .sn-hamburger-bars span:nth-child(1){transform: translateY(7px) rotate(45deg);}.site-header .sn-hamburger[aria-expanded="true"] .sn-hamburger-bars span:nth-child(2){opacity: 0;}.site-header .sn-hamburger[aria-expanded="true"] .sn-hamburger-bars span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.sn-megamenu{position: fixed;inset: 0;z-index: 220;overflow-y: auto;padding: calc(var(--chrome-header-height) + 22px) max(18px,calc((100vw - var(--chrome-max-width)) / 2 + 24px)) 28px;background: radial-gradient(120% 80% at 88% -8%,rgba(212,20,101,0.20),transparent 52%),radial-gradient(80% 60% at 0% 0%,rgba(110,40,210,0.12),transparent 50%),rgba(2,4,7,0.82);color: var(--chrome-ink);backdrop-filter: blur(20px) saturate(140%);}.sn-megamenu[hidden]{display: none;}body.sn-menu-open{overflow: hidden;}.sn-megamenu-panel{width: min(100%,var(--chrome-max-width));margin: 0 auto;border: 1px solid rgba(212,20,101,0.24);border-radius: 20px;overflow: hidden;background: linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.02)),rgba(6,9,14,0.98);box-shadow: 0 40px 90px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.02);}.sn-megamenu-head{display: grid;grid-template-columns: 1fr auto;gap: 10px 18px;align-items: start;padding: 28px 28px 22px;border-bottom: 1px solid var(--chrome-line);}.sn-megamenu-kicker{display: inline-flex;align-items: center;gap: 9px;margin: 0;color: #ffd4e6;font-size: 11px;font-weight: 800;letter-spacing: 0.18em;text-transform: uppercase;}.sn-megamenu-kicker::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--chrome-accent);box-shadow: 0 0 12px rgba(212,20,101,0.9);}.sn-megamenu-head h2{margin: 0;font-family: var(--font-display);font-size: clamp(34px,6vw,76px);font-weight: 900;line-height: 0.92;letter-spacing: 0;}.sn-megamenu-close{grid-column: 2;grid-row: 1 / span 2;display: inline-grid;place-items: center;width: 42px;height: 42px;border: 1px solid var(--chrome-line);border-radius: 999px;background: rgba(255,255,255,0.06);color: var(--chrome-ink);font-size: 24px;line-height: 1;cursor: pointer;}.sn-megamenu-close:hover,.sn-megamenu-close:focus-visible{border-color: rgba(212,20,101,0.55);background: rgba(212,20,101,0.12);transform: rotate(90deg);transition: transform 0.25s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,background 0.2s ease;}.sn-megamenu-grid{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 1px;background: var(--chrome-line);}.sn-megamenu-section{min-width: 0;padding: 24px;background: rgba(6,9,14,0.98);}.sn-megamenu-section h3{margin: 0 0 16px;padding-bottom: 12px;border-bottom: 1px solid rgba(212,20,101,0.22);color: var(--chrome-ink);font-family: var(--font-display);font-size: clamp(18px,1.6vw,24px);font-weight: 900;line-height: 1;letter-spacing: -0.01em;}.sn-megamenu-note{margin: -6px 0 14px;color: rgba(183,189,199,0.68);font-size: 11px;line-height: 1.55;}.sn-megamenu-links{display: grid;gap: 2px;}.sn-megamenu-link{display: flex;align-items: center;gap: 8px;min-height: 36px;padding: 8px 10px 8px 0;border-radius: 9px;color: var(--chrome-muted);font-family: var(--font-body);font-size: 13.5px;font-weight: 700;line-height: 1.35;text-decoration: none;transition: color 160ms ease,padding 200ms cubic-bezier(0.16,1,0.3,1),background 160ms ease;}.sn-megamenu-link::before{content: "→";font-family: var(--font-display);color: var(--chrome-accent);opacity: 0;transform: translateX(-6px);transition: opacity 160ms ease,transform 200ms cubic-bezier(0.16,1,0.3,1);}.sn-megamenu-link:hover,.sn-megamenu-link:focus-visible{color: #fff;padding-left: 12px;background: rgba(212,20,101,0.08);}.sn-megamenu-link:hover::before,.sn-megamenu-link:focus-visible::before{opacity: 1;transform: translateX(0);}.breadcrumb{max-width: var(--chrome-max-width);margin: 0 auto 12px;padding: 0 var(--chrome-page-padding);font-family: var(--font-body);font-size: 13px;color: var(--muted);display: flex;align-items: center;flex-wrap: wrap;gap: 2px;}.bc-link{color: var(--muted);text-decoration: none;transition: color 140ms ease;}.bc-link:hover{color: var(--accent-2,#12d6cb);text-decoration: underline;}.bc-sep{margin: 0 6px;color: rgba(174,181,201,0.5);}.bc-current{color: var(--ink);font-weight: 600;}.brand .brand-find{color: #ff4f9f;}.footer-outro{position: relative;z-index: 1;margin: 0;padding: 0;}.footer-outro>*{position: relative;z-index: 1;}.footer-outro-eyebrow{display: inline-flex;align-items: center;gap: 9px;margin: 0 0 14px;font: 800 11px/1 var(--font-display);letter-spacing: 0.16em;text-transform: uppercase;color: #ffd4e6;}.footer-outro-eyebrow::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--chrome-accent);box-shadow: 0 0 12px rgba(212,20,101,0.9);}.footer-outro-big{margin: 0;font-family: var(--font-display);font-weight: 900;font-size: clamp(30px,5vw,60px);letter-spacing: -0.03em;line-height: 1.02;color: #fff;}.footer-outro-big em{font-style: normal;color: #ff4f9f;}.footer-outro-cta{display: inline-flex;align-items: center;gap: 10px;margin: 26px 0 0;padding: 14px 26px;border-radius: 999px;background: linear-gradient(135deg,#d41465,#ff4f9f);color: #fff;font: 800 15px/1 var(--font-display);text-decoration: none;transition: transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease;}.footer-outro-cta:hover{transform: translateY(-3px);box-shadow: 0 16px 40px rgba(212,20,101,0.4);}.footer-outro-cta span{transition: transform 0.25s cubic-bezier(0.16,1,0.3,1);}.footer-outro-cta:hover span{transform: translateX(4px);}.footer-outro-meta{margin: 20px 0 0;color: rgba(174,181,201,0.85);font-size: 12px;font-variant-numeric: tabular-nums;}@media (max-width: 860px){.footer-outro{padding: 36px var(--chrome-page-padding-mobile) 2px;}}.site-footer{position: relative;overflow: hidden;width: min(var(--chrome-max-width),calc(100% - (var(--chrome-page-padding) * 2)));margin: clamp(64px,9vw,130px) auto 0;border-top: 1px solid var(--line);background: rgba(6,7,14,0.68);font-family: var(--font-body);backdrop-filter: blur(18px);}.site-footer::before{content: "FIND YOUR BIAS";position: absolute;left: -1%;bottom: 18px;z-index: 0;font-family: var(--font-display);font-weight: 900;font-size: min(20vw,260px);letter-spacing: -0.04em;line-height: 0.8;color: transparent;-webkit-text-stroke: 1.2px rgba(255,255,255,0.05);white-space: nowrap;pointer-events: none;user-select: none;}.page>.site-footer{box-sizing: border-box;width: calc(100% + (var(--chrome-page-padding) * 2));max-width: var(--chrome-max-width);margin-left: calc(var(--chrome-page-padding) * -1);margin-right: calc(var(--chrome-page-padding) * -1);}.page.db-axis-page>.site-footer{width: 100%;margin-left: 0;margin-right: 0;}.site-footer-top{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: clamp(32px,5vw,72px);align-items: flex-start;max-width: var(--chrome-max-width);margin: 0 auto;padding: clamp(48px,7vw,96px) var(--chrome-page-padding) 0;}@media (max-width: 860px){.site-footer-top{grid-template-columns: 1fr;gap: 36px;}}.site-footer .brand{display: inline-flex;align-items: center;gap: 10px;margin: 0 0 12px;padding: 0;border: 0;color: inherit;text-decoration: none;font-family: var(--font-display);font-size: 20px;font-weight: 900;line-height: 1;}.site-footer .mark{display: block;flex: 0 0 auto;width: 28px;height: 28px;border: 0;border-radius: 0;background: none;box-shadow: none;filter: none;object-fit: contain;overflow: visible;position: static;}.site-footer span.mark{background: url("logo-mark.svg") center/contain no-repeat;}.site-footer .mark::after{content: none;}.footer-tagline{color: var(--muted);font-size: 14px;line-height: 1.7;max-width: 360px;margin: 0;}.footer-nav{min-width: 0;}.footer-links{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 28px;max-width: none;}.footer-col h3{margin: 0 0 14px;color: #fff;font-family: var(--font-display);font-size: 11px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;}.footer-col a{display: block;width: fit-content;color: rgba(174,181,201,0.85);text-decoration: none;font-size: 13px;padding: 5px 0;transition: color 200ms ease,transform 200ms ease;}.footer-col a:hover{color: #ff4f9f;transform: translateX(3px);}.footer-bottom{position: relative;z-index: 1;max-width: var(--chrome-max-width);margin: clamp(40px,5vw,72px) auto 0;padding: 24px var(--chrome-page-padding) 40px;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 16px 24px;align-items: center;justify-content: space-between;}.footer-bottom .brand{flex: 0 0 auto;display: inline-flex;align-items: center;gap: 9px;margin: 0;color: inherit;text-decoration: none;font-family: var(--font-display);font-size: 16px;font-weight: 900;line-height: 1;}.footer-bottom .brand .mark{width: 24px;height: 24px;object-fit: contain;}.footer-bottom .brand .brand-find{color: var(--accent,#d41465);}.footer-bottom .footer-copyright{flex: 1 1 240px;min-width: 0;overflow-wrap: anywhere;}.footer-locale{flex: 0 0 auto;display: inline-flex;align-items: center;gap: 10px;font-family: "Outfit","Noto Sans JP",system-ui,sans-serif;font-size: 12px;font-weight: 700;letter-spacing: 0.04em;}.footer-locale a{color: rgba(174,181,201,0.7);text-decoration: none;transition: color 140ms ease;}.footer-locale a:hover{color: var(--accent-2,#12d6cb);}.footer-locale a[aria-current="page"]{color: var(--ink,#fff);}.footer-locale span{color: rgba(174,181,201,0.32);}.footer-updated{flex: 0 1 auto;min-width: 0;color: rgba(174,181,201,0.4);font-size: 11px;letter-spacing: 0.04em;}.footer-cadence{color: rgba(174,181,201,0.55);}.footer-updated time + .footer-cadence::before{content: "·";margin: 0 0.4em;color: rgba(174,181,201,0.3);}.footer-bottom,.footer-bottom small{color: rgba(174,181,201,0.6);font-size: 12px;}.kpf-bottom-nav{display: none;}@media (max-width: 760px){body{padding-bottom: calc(72px + env(safe-area-inset-bottom,0px));}.kpf-bottom-nav{position: fixed;left: max(10px,env(safe-area-inset-left,0px));right: max(10px,env(safe-area-inset-right,0px));bottom: max(10px,env(safe-area-inset-bottom,0px));z-index: 95;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 4px;min-height: 54px;padding: 6px;border: 1px solid rgba(255,255,255,0.16);border-radius: 8px;background: rgba(5,7,12,0.9);color: var(--chrome-muted);box-shadow: 0 18px 44px rgba(0,0,0,0.42);backdrop-filter: blur(18px) saturate(145%);-webkit-backdrop-filter: blur(18px) saturate(145%);}.kpf-bottom-nav-link{display: flex;min-width: 0;min-height: 44px;align-items: center;justify-content: center;gap: 4px;border-radius: 6px;color: inherit;font: 800 11px/1 var(--font-body);text-decoration: none;white-space: nowrap;transition: background 160ms ease,color 160ms ease,transform 160ms ease;}.kpf-bottom-nav-link svg{flex: 0 0 auto;}.kpf-bottom-nav-link.is-current{background: rgba(212,20,101,0.18);color: #fff;}.kpf-bottom-nav-link:focus-visible{outline: 2px solid rgba(18,214,203,0.86);outline-offset: 2px;}@media (prefers-reduced-motion: no-preference){.kpf-bottom-nav-link:active{transform: translateY(1px);}}}@media (max-width: 860px){.site-header{position: sticky;top: 0;width: 100%;height: var(--chrome-header-height-mobile);margin: 0;}.site-header-inner{height: var(--chrome-header-height-mobile);padding: 0 var(--chrome-page-padding-mobile);gap: 8px;}.site-header .brand,.site-footer .brand{min-height: 36px;font-size: 18px;}.site-header .mark,.site-footer .mark{width: 28px;height: 28px;}.site-header .sn-hamburger{display: flex;order: 4;min-width: 36px;width: 36px;height: 36px;padding: 0;}.site-header .sn-hamburger-label{display: none;}.site-header .sn-search-cluster{order: 2;margin-left: auto;}.site-header .sn-lang{order: 3;}.site-header .sn-inline-search{display: none;}.site-header .sn-search-trigger--compact{display: inline-flex;}.site-header .sn-search-trigger{order: 2;margin-left: auto;min-width: 40px;width: 40px;height: 40px;padding: 0;justify-content: center;}.site-header .sn-search-trigger-label,.site-header .sn-search-kbd{display: none;}.site-header .sn-nav-links{display: none;}.site-header .sn-nav-link{padding: 10px 4px;font-size: 14px;}.site-header .sn-nav-links.open{display: none;}.sn-megamenu{padding: calc(var(--chrome-header-height-mobile) + 12px) var(--chrome-page-padding-mobile) 18px;}.sn-megamenu-head{padding: 20px 18px 18px;}.sn-megamenu-close{width: 38px;height: 38px;}.sn-megamenu-grid{grid-template-columns: 1fr;}.sn-megamenu-section{padding: 18px;}.sn-search-overlay{padding-top: calc(var(--chrome-header-height-mobile) + 12px);place-items: start stretch;}.sn-search-panel{width: min(100%,calc(100vw - 28px));margin: 0 auto;}.sn-search-links{grid-template-columns: 1fr;}.sn-search-section-items{grid-template-columns: 1fr;}.site-footer{width: min(var(--chrome-max-width),calc(100% - (var(--chrome-page-padding-mobile) * 2)));}.page>.site-footer{width: calc(100% + (var(--chrome-page-padding-mobile) * 2));margin-left: calc(var(--chrome-page-padding-mobile) * -1);margin-right: calc(var(--chrome-page-padding-mobile) * -1);}.site-footer-inner{grid-template-columns: 1fr;gap: 24px;padding: 24px var(--chrome-page-padding-mobile) 16px;}.footer-links{grid-template-columns: 1fr 1fr;gap: 16px;}.footer-more-links{gap: 8px 12px;}.footer-bottom,.breadcrumb{padding-left: var(--chrome-page-padding-mobile);padding-right: var(--chrome-page-padding-mobile);}}@media (max-width: 360px){.site-header-inner{gap: 8px;}.site-header .brand{min-height: 44px;min-width: 0;font-size: 16px;}.site-header .brand-find{display: none;}.site-header .sn-search-trigger,.site-header .sn-hamburger{min-width: 44px;width: 44px;height: 44px;}}.kpf-consent{position: fixed;right: 0;bottom: 0;left: 0;z-index: 500;display: flex;justify-content: center;padding: 12px;pointer-events: none;}.kpf-consent__inner{pointer-events: auto;width: min(680px,100%);padding: 16px 18px;border: 1px solid var(--chrome-line);border-radius: 12px;background: var(--chrome-panel);color: var(--chrome-ink);box-shadow: 0 18px 46px rgba(0,0,0,0.46);}.kpf-consent__title{margin: 0 0 6px;font: 700 15px/1.4 var(--font-body);}.kpf-consent__body{margin: 0 0 14px;color: var(--chrome-muted);font: 400 13px/1.7 var(--font-body);}.kpf-consent__body a{color: var(--chrome-ink);text-underline-offset: 3px;}.kpf-consent__actions{display: flex;flex-wrap: wrap;gap: 8px;justify-content: flex-end;}.kpf-consent__btn{min-height: 42px;padding: 10px 18px;border: 1px solid var(--chrome-line);border-radius: 8px;background: transparent;color: var(--chrome-ink);font: 700 14px/1 var(--font-body);cursor: pointer;transition: border-color 160ms ease,background-color 160ms ease;}.kpf-consent__btn:hover{border-color: rgba(255,255,255,0.34);background: rgba(255,255,255,0.06);}.kpf-consent__btn--primary{border-color: transparent;background: var(--chrome-accent);}.kpf-consent__btn--primary:hover{border-color: transparent;background: #e82074;}.kpf-consent__btn:focus-visible{outline: 3px solid rgba(18,214,203,0.68);outline-offset: 2px;}.kpf-consent-settings{padding: 0;border: 0;background: none;color: var(--chrome-muted);font: 400 12px/1.6 var(--font-body);text-decoration: underline;text-underline-offset: 3px;cursor: pointer;}.kpf-consent-settings:hover{color: var(--chrome-ink);}.kpf-consent-settings:focus-visible{outline: 2px solid rgba(18,214,203,0.68);outline-offset: 3px;}@media (max-width: 520px){.kpf-consent__actions .kpf-consent__btn{flex: 1 1 auto;}}:root{--hub-h1: clamp(40px,5.2vw,72px);--hub-h1-line: 1.06;--hub-eyebrow-size: 11px;--hub-eyebrow-weight: 800;--hub-eyebrow-tracking: 0.16em;--hub-eyebrow-dot-size: 7px;--hub-lead-size: 15px;--hub-lead-measure: 52ch;--hub-stat-value: clamp(26px,2.6vw,40px);--hub-gap: 16px;--hub-eyebrow-ink: #ffd4e6;--hub-eyebrow-dot: #d41465;--hub-label-ink: #c8cfdd;--hub-lead-ink: #c8cfdd;--hub-stat-ink: #ffffff;--hub-count-ink: #3aa6ff;--hub-shell-max: 1200px;--hub-gutter: clamp(14px,1.7vw,24px);}.calendar-hub-main,.page.wc2hub,.app.wc2hub,.guides-index-page .page,.search-page .page,.picks-page .page,.db-axis-page{box-sizing: border-box;width: 100% !important;max-width: var(--hub-shell-max) !important;margin-inline: auto !important;padding-inline: var(--hub-gutter) !important;}.calendar-hub-main>.breadcrumb,.page.wc2hub>.breadcrumb,.app.wc2hub>.breadcrumb,.guides-index-page .page>.breadcrumb,.search-page .page>.breadcrumb,.picks-page .page>.breadcrumb,.db-axis-page>.breadcrumb{max-width: none;padding-inline: 0;}.hub-hero{display: grid;gap: var(--hub-gap);align-content: start;margin: 0 0 28px;padding: 4px 0 12px;border: 0;border-radius: 0;background: none;background-image: none;box-shadow: none;backdrop-filter: none;max-width: 100%;min-width: 0;}.hub-hero::before,.hub-hero::after{content: none;display: none;}.hub-hero>*{margin: 0;}.hub-hero,.hub-hero *{min-width: 0;}.hub-hero.has-visual{grid-template-columns: minmax(0,1.08fr) minmax(min(280px,100%),0.92fr);gap: var(--hub-gap) clamp(28px,4vw,56px);align-items: start;}.hub-hero.has-visual>.hub-hero-text,.hub-hero.has-visual>.hub-hero-body,.hub-hero.has-visual>.starter-hero-text,.hub-hero.has-visual>.calendar-hero-lead{display: grid;gap: var(--hub-gap);align-content: start;min-width: 0;}@media (max-width: 900px){.hub-hero.has-visual{grid-template-columns: minmax(0,1fr);}}.hub-kicker,.hub-hero .hub-kicker,.hub-hero .calendar-hero-eyebrow,.hub-hero .hero-eyebrow{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 0;padding: 0;border: 0;background: none;font-family: var(--font-display);font-size: var(--hub-eyebrow-size);font-weight: var(--hub-eyebrow-weight);letter-spacing: var(--hub-eyebrow-tracking);line-height: 1;text-transform: uppercase;color: var(--hub-eyebrow-ink);}.hub-kicker .kk-name{text-transform: none;}.hub-kicker b{color: #fff;font-weight: 800;}.hub-kicker .dot,.hub-hero .hub-kicker .dot{flex: none;display: block;width: var(--hub-eyebrow-dot-size);height: var(--hub-eyebrow-dot-size);border-radius: 50%;background: var(--hub-eyebrow-dot);box-shadow: 0 0 12px rgba(212,20,101,0.9);}.hub-hero h1{margin: 0;max-width: none;font-family: var(--font-display);font-size: var(--hub-h1);font-weight: 900;line-height: var(--hub-h1-line);letter-spacing: -0.02em;color: #fff;background: none;-webkit-background-clip: initial;background-clip: initial;-webkit-text-fill-color: currentColor;text-shadow: none;animation: none;word-break: keep-all;overflow-wrap: break-word;line-break: strict;text-wrap: balance;}@media (max-width: 360px){.hub-hero h1{overflow-wrap: anywhere;}}.hub-hero h1 .hh-nw,.fancam-hero h1 .hh-nw{white-space: nowrap;}.hub-hero .hub-lead,.hub-hero .calendar-hero-lede,.hub-hero .hero-lede,.hub-hero .lead{margin: 0;max-width: var(--hub-lead-measure);color: var(--hub-lead-ink);font-size: var(--hub-lead-size);line-height: 1.8;word-break: auto-phrase;line-break: strict;}.hub-hero .hub-lead b,.hub-hero .hub-lead strong,.hub-hero .calendar-hero-lede b,.hub-hero .calendar-hero-lede strong{color: #fff;font-weight: 700;}.hub-hero .calendar-hero-stats,.hub-hero .hero-stats,.hub-hero .starter-hero-stats{margin: 6px 0 0;}.hub-hero .calendar-hero-stats strong,.hub-hero .hero-stats strong,.hub-hero .starter-hero-stats strong{color: var(--hub-stat-ink);font-size: var(--hub-stat-value);font-weight: 800;line-height: 1;font-variant-numeric: tabular-nums;}.hub-hero .calendar-hero-rail,.hub-hero .home-intent-rail{margin: 0;}.hub-hero .home-search,.hub-hero .hub-herosearch,.hub-hero .hub-hero-search{margin: 2px 0 0;max-width: 720px;}.hub-hero a{text-decoration: none;}.video-tab-count{color: var(--hub-count-ink);}.hub-label{color: var(--hub-label-ink);}.pak-crown{position: relative;display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px 2px 6px;border: 1px solid rgba(58,166,255,.55);border-radius: 999px;background: rgba(6,14,28,.82);color: #3aa6ff;font: 800 11px/1.45 "Outfit","Noto Sans JP",system-ui,sans-serif;letter-spacing: .02em;white-space: nowrap;vertical-align: middle;text-decoration: none;}em.pak-crown{font-style: normal;}.pak-crown b{font-weight: 900;font-variant-numeric: tabular-nums;color: inherit;}.pak-crown-icon{flex: none;}.pak-crown-row a.pak-crown,.pak-crown-row a.pak-crown:visited{color: #3aa6ff;}a.pak-crown--link{cursor: pointer;transition: border-color .15s ease,background-color .15s ease;}a.pak-crown--link:hover{border-color: #3aa6ff;background: rgba(12,34,62,.92);}a.pak-crown--link:focus-visible{outline: 2px solid #12d6cb;outline-offset: 2px;}.pak-crown-row{margin: 10px 0 0;}.pak-crown-tip{position: absolute;left: 0;top: calc(100% + 8px);z-index: 30;display: grid;gap: 4px;min-width: 220px;max-width: min(320px,80vw);padding: 10px 12px;border: 1px solid rgba(58,166,255,.45);border-radius: 10px;background: #0b1220;color: #dfe6f4;font: 600 12px/1.5 "Noto Sans JP",system-ui,sans-serif;letter-spacing: 0;white-space: normal;box-shadow: 0 12px 32px rgba(0,0,0,.45);opacity: 0;visibility: hidden;transform: translateY(-2px);transition: opacity .15s ease,transform .15s ease,visibility .15s;pointer-events: none;}a.pak-crown--link:hover .pak-crown-tip,a.pak-crown--link:focus-visible .pak-crown-tip{opacity: 1;visibility: visible;transform: none;}.pak-crown-tip-head{color: #3aa6ff;font-weight: 800;}.pak-crown-tip-row{display: flex;justify-content: space-between;gap: 12px;}.pak-crown-tip-row b{color: #3aa6ff;font-variant-numeric: tabular-nums;white-space: nowrap;}.hub-fcard>.pak-crown{position: absolute;top: 10px;left: 10px;z-index: 2;}.home-card>.pak-crown{justify-self: start;margin: 10px 14px 0;}.home-card.with-thumb>.pak-crown{position: absolute;top: 10px;left: 10px;margin: 0;z-index: 3;}.group-list-card .pak-crown{margin-top: 4px;}.pak-ranking-table .pak-song-cell{min-width: 14em;}.pak-ranking-table .pak-song-list{display: flex;flex-wrap: wrap;gap: 4px 14px;}.pak-ranking-table .pak-song{overflow-wrap: anywhere;}.pak-ranking-table .rank-num{width: 3em;text-align: center;}.pak-ranking-table .pak-song small{margin-left: 4px;color: #3aa6ff;font-weight: 800;font-variant-numeric: tabular-nums;}@media (prefers-reduced-motion: reduce){.pak-crown-tip,a.pak-crown--link{transition: none;}}@media (max-width: 640px){.pak-ranking-page .pak-ranking-table{display: block;width: 100%;min-width: 0;}.pak-ranking-page .pak-ranking-table thead{display: none;}.pak-ranking-page .pak-ranking-table tbody{display: block;}.pak-ranking-page .pak-ranking-table tr{display: grid;grid-template-columns: 2.4em minmax(0,1fr) auto;gap: 4px 10px;align-items: baseline;padding: 12px 2px;border-bottom: 1px solid rgba(255,255,255,.1);}.pak-ranking-page .pak-ranking-table td{display: block;width: auto;min-width: 0;padding: 0;border: 0;text-align: left;}.pak-ranking-page .pak-ranking-table .rank-num{width: auto;color: #3aa6ff;font-weight: 800;}.pak-ranking-page .pak-ranking-table td.pak-song-cell{grid-column: 2 / -1;min-width: 0;font-size: 13px;}}