body[data-root-portal] #react-root{display:contents}*{box-sizing:border-box}body[data-root-portal]{background:var(--t-bg-grad);color:var(--t-fg);min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 0 2rem;position:relative;overflow-x:hidden}.portal-header-in,header.hero,.portal-grid,.hub-quick{padding-left:1.5rem;padding-right:1.5rem}body[data-root-portal]:before{content:"";position:absolute;inset:0;background-image:var(--t-bg-radial-accents);pointer-events:none}.portal-header{width:100%;border-bottom:1px solid var(--t-border)}.portal-header-in{display:flex;align-items:center;gap:var(--t-sp-3);width:100%;max-width:var(--t-page-max-lp);margin:0 auto;padding-top:var(--t-sp-3);padding-bottom:var(--t-sp-3)}.portal-header-right{margin-left:auto;display:flex;align-items:center;gap:var(--t-sp-2)}header.hero{position:relative;z-index:1;text-align:center;width:100%;max-width:var(--t-page-max-lp-hero);margin:0 auto var(--t-sp-10)}.dna-logo-big{width:50px;height:100px;margin:0 auto 1.5rem;display:block;background-color:var(--t-fg);-webkit-mask-image:url(/assets/logo-mark.svg);mask-image:url(/assets/logo-mark.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}body[data-root-portal] h1{margin:0 0 .5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--t-fg)}.tagline-en{font-family:var(--t-font-mono);font-size:.85rem;letter-spacing:.15em;color:var(--t-dim);margin:0}.hero-covers{width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;margin-bottom:var(--t-sp-5);height:13rem;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 26%,transparent 94%);mask-image:linear-gradient(to bottom,#000 0%,#000 26%,transparent 94%)}@media(min-width:1024px){.hero-covers{height:18.75rem}}.hero-covers-in{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.hero-cover{display:block;border-radius:var(--t-r-sm);overflow:hidden}.hero-covers-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--t-tap-min);margin:var(--t-sp-8) 0 0;padding:1.1rem 2.4rem;background:var(--t-accent-grad);color:var(--t-on-accent);font-weight:700;font-size:1.1rem;border-radius:var(--t-r-lg);text-decoration:none;box-shadow:var(--t-shadow-cta);transition:transform var(--t-trans-fast)}.hero-cta-primary:hover{transform:translateY(-2px)}.hero-signin{display:flex;align-items:center;justify-content:center;width:max-content;margin-left:auto;margin-right:auto;min-height:var(--t-tap-min);margin-top:var(--t-sp-2);color:var(--t-dim);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.hero-signin:hover{color:var(--t-fg)}main.root-main{width:100%;display:flex;flex-direction:column;align-items:center}.portal-grid{position:relative;z-index:1;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%;max-width:var(--t-page-max-lp);margin-top:2rem}@media(min-width:900px){.portal-grid{grid-template-columns:repeat(3,1fr)}}.section-label{grid-column:1 / -1;margin:0;color:var(--t-fg);font-family:var(--t-font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.01em}.section-note{grid-column:1 / -1;margin:var(--t-sp-2) 0 0;color:var(--t-dim);font-size:.8125rem}.card{background:var(--t-bg-elev);border:1px solid var(--t-border);border-radius:var(--t-r-lg);padding:1rem;text-decoration:none;color:inherit;display:grid;grid-template-columns:auto 1fr;gap:2px .75rem;align-content:start;transition:border-color var(--t-trans-fast)}.card:hover{border-color:var(--accent-color)}.card.manga{--accent-color: var(--t-domain-manga)}.card.anime{--accent-color: var(--t-domain-anime)}.card.movie{--accent-color: var(--t-domain-movie)}.card.game{--accent-color: var(--t-domain-game)}.card.drama{--accent-color: var(--t-domain-drama)}.card.book{--accent-color: var(--t-domain-book)}.card.variety{--accent-color: var(--t-domain-variety)}.card.musician{--accent-color: var(--t-domain-musician)}.card.album{--accent-color: var(--t-domain-album)}.icon{grid-row:1 / -1;align-self:start;margin-top:2px;line-height:1}.label-row{display:flex;align-items:center;gap:.4em}.dot-color{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-color)}.label{font-size:1.05rem;font-weight:700}.axis-tag{font-size:.75rem;color:var(--t-muted)}.meta{color:var(--t-muted);font-size:.75rem}.gf{width:100%}.hub-quick{margin-top:3rem;width:100%;max-width:var(--t-page-max-lp);position:relative;z-index:1}.quick-links{display:flex;flex-wrap:wrap;gap:var(--t-sp-2);margin-top:var(--t-sp-5)}.quick-link{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;background:color-mix(in srgb,var(--t-fg) 4%,transparent);border:1px solid var(--t-border);border-radius:var(--t-r-pill);color:var(--t-fg);font-weight:600;font-size:.8125rem;text-decoration:none;transition:background-color var(--t-trans-fast),border-color var(--t-trans-fast)}.quick-link:hover{background:var(--t-active-bg);border-color:var(--t-border-strong)}