:root{--background:#f7f1e8;--surface:rgba(255,252,247,0.84);--surface-strong:#fffaf4;--foreground:#1d2533;--muted:#596579;--line:rgba(29,37,51,0.12);--shadow:0 22px 60px rgba(73,49,24,0.12);--pop-pink:#ff5e8a;--pop-yellow:#ffcf40;--pop-blue:#56a8ff}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:radial-gradient(circle at top left,rgba(255,122,89,.24),transparent 28%),radial-gradient(circle at top right,rgba(66,133,244,.18),transparent 24%),linear-gradient(180deg,#fff9f3 0,var(--background) 45%,#efe6d8 100%);font-family:Avenir Next,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,strong{letter-spacing:-.02em}button,input,textarea{font:inherit}button{border:0;background:none;cursor:pointer}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.site-header{justify-content:space-between;gap:20px;padding:18px 22px;margin:12px 0 28px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-header{display:flex;align-items:center}.brand{gap:14px}.brand-copy{display:grid;grid-gap:3px;gap:3px}.brand small,.brand strong{display:block}.brand small{color:var(--muted)}.brand-mark{position:relative;display:inline-grid;align-items:center;gap:6px}.brand-mark-core{margin-left:8px;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#d93a2f;box-shadow:0 12px 26px rgba(217,58,47,.22)}.brand-mark-play{color:white;font-size:1.45rem;transform:translateX(2px)}.brand-mark-tab{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 8px;border-radius:999px;background:#fff3d8;color:#925a17;font-size:.63rem;font-weight:700;letter-spacing:.16em}.brand-title{font-size:clamp(1.4rem,2.2vw,2rem);color:#202838;text-shadow:1px 1px 0 rgba(255,207,64,.22)}.site-nav{display:flex;gap:18px;color:var(--muted);flex-wrap:nowrap;white-space:nowrap;font-size:.95rem}.auth-actions{display:flex;align-items:center;gap:12px}.auth-status{color:var(--muted);font-size:.95rem}.ghost-button,.like-button,.primary-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.primary-button{color:white;background:linear-gradient(135deg,#1d2533,#44526b);box-shadow:0 14px 30px rgba(29,37,51,.18)}.ghost-button,.like-button{color:var(--foreground);background:rgba(255,255,255,.7);border:1px solid var(--line)}.text-link{padding:0;min-height:auto;color:#1a63d5}.list-meta,.section-note,.support-copy{color:var(--muted);line-height:1.6}.page-intro{margin-bottom:20px}.channel-card,.genre-card,.hero,.page-intro{animation:fadeUp .45s ease both}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);grid-gap:24px;gap:24px;align-items:stretch}.hero-copy,.hero-panel,.page-intro{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy h1,.page-intro h1{font-size:clamp(2.1rem,3vw,2.75rem);line-height:1.2;margin:10px 0 40px}.channel-copy p,.comment-card p,.empty-text,.genre-card p,.hero-text,.page-intro p{color:var(--muted);line-height:1.7}.hero-actions,.interaction-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.channel-search{display:grid;grid-gap:10px;gap:10px;margin-top:52px}.channel-search.compact{margin-top:16px}.search-label{font-size:.86rem;font-weight:700;color:var(--muted)}.search-row{display:flex;gap:12px;flex-wrap:wrap}.search-input{flex:1 1 320px;min-height:48px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.88);color:var(--foreground)}.hero-panel p{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-mini-note{margin-top:18px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,207,64,.24),rgba(86,168,255,.16));color:var(--foreground);line-height:1.6}.channel-grid,.comment-list,.genre-grid,.genre-stat-list,.tag-row{display:grid}.genre-stat-list{gap:14px;margin-top:18px}.genre-stat-list li{display:grid;grid-template-columns:14px 1fr auto;grid-gap:12px;gap:12px;list-style:none;padding:14px 0;border-bottom:1px solid var(--line)}.genre-dot{width:14px;height:14px;border-radius:999px;margin-top:4px}.genre-dot.large{width:18px;height:18px}.section-block{margin-top:32px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#e06738;font-weight:700}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.channel-card,.genre-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.genre-card{display:grid;grid-gap:14px;gap:14px}.genre-card-meta{display:grid;grid-gap:6px;gap:6px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.channel-card,.channel-list,.info-grid,.related-links{display:grid;grid-gap:18px;gap:18px}.channel-card-link{color:inherit}.channel-list-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit}.card-actions,.channel-list-actions,.channel-list-copy,.channel-list-heading,.detail-breadcrumbs,.detail-facts{display:grid;grid-gap:10px;gap:10px}.channel-list-actions{justify-items:end;text-align:right}.channel-header{display:flex;gap:16px;align-items:flex-start}.channel-thumbnail{width:88px;height:88px;border-radius:24px;object-fit:cover;flex-shrink:0}.channel-copy{display:grid;grid-gap:10px;gap:10px}.card-actions{grid-auto-flow:column;justify-content:start;align-items:center}.tag-row{grid-template-columns:repeat(auto-fit,minmax(90px,max-content));gap:8px}.tag{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;min-height:34px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line);font-size:.88rem}.auth-login-button{white-space:nowrap}.interaction-panel{padding-top:18px;border-top:1px solid var(--line)}.comment-form{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.comment-input{width:100%;min-height:110px;padding:14px 16px;resize:vertical;border-radius:18px;border:1px solid var(--line)}.comment-input,.comment-name-input{background:rgba(255,255,255,.85);color:var(--foreground)}.comment-name-input{width:min(280px,100%);min-height:48px;padding:0 16px;border-radius:16px;border:1px solid var(--line)}.comment-list{gap:12px;margin-top:16px}.comment-card{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid var(--line)}.like-button.liked{color:#c94b44;border-color:rgba(201,75,68,.24);background:rgba(255,231,229,.92)}.detail-intro{display:grid;grid-gap:12px;gap:12px}.channel-detail-hero{gap:22px}.channel-detail-layout{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:center}.channel-detail-thumbnail{width:160px;height:160px;border-radius:38px;object-fit:cover;box-shadow:0 16px 36px rgba(29,37,51,.18)}.channel-detail-copy{display:grid;grid-gap:14px;gap:14px}.video-embed-card{padding:18px;border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.video-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:#000}.embed-empty{display:grid;grid-gap:12px;gap:12px;padding:18px;color:var(--muted);line-height:1.7}.detail-breadcrumbs{grid-auto-flow:column;justify-content:start;align-items:center;color:var(--muted)}.detail-facts{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.fact-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid var(--line)}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.related-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.related-card{display:grid;grid-gap:10px;gap:10px}.related-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.subscriber-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.84);white-space:nowrap}.policy-content{display:grid;grid-gap:20px;gap:20px;margin-top:20px;padding:28px 30px;border-radius:28px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.policy-content article{display:grid;grid-gap:8px;gap:8px}.policy-content h2{font-size:1.05rem}.policy-content p{color:var(--muted);line-height:1.75}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.channel-list-item:hover,.genre-card:hover,.ghost-button:hover,.like-button:hover,.primary-button:hover,.related-card:hover,.video-embed-card:hover{transform:translateY(-2px)}}@media (max-width:960px){.hero,.section-heading,.site-header{grid-template-columns:1fr}.section-heading,.site-header{display:grid;align-items:start}.channel-detail-layout,.channel-grid,.channel-list-item,.genre-grid,.info-grid,.related-links{grid-template-columns:1fr}.channel-list-actions{justify-items:start;text-align:left}}@media (max-width:720px){.site-shell{width:min(100% - 20px,1120px);padding-top:10px}.channel-card,.genre-card,.hero-copy,.hero-panel,.page-intro,.site-header{padding:20px;border-radius:24px}.auth-actions,.card-actions,.channel-header,.search-row,.site-nav{flex-direction:column;align-items:flex-start}.hero-copy h1,.page-intro h1{font-size:clamp(1.85rem,8.8vw,2.55rem)}.channel-detail-thumbnail{width:120px;height:120px;border-radius:28px}}