.hp .hp-sp{flex:1}.hp-nocover{background:var(--surface-2)}.hp-hello{background:linear-gradient(90deg, #2fbe621a, transparent 60%), var(--hm-surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:14px;margin:0 0 32px;padding:16px 20px;display:flex}.hp-hello-av{width:40px;height:40px;font:800 16px var(--font-sans);color:#e8efe9;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--accent);background:#24452f;border-radius:50%;flex:none;place-items:center;display:grid}.hp-hello p{font:400 18px/1.35 var(--font-sans);color:var(--hm-muted);margin:0}.hp-hello b{color:var(--text);font-weight:800}.hp-role-row{align-items:center;gap:16px;margin:8px 0 28px;display:flex}.hp-role{background:var(--hm-surface);border:1px solid var(--border-2,var(--border));border-radius:999px;padding:4px;display:inline-flex;box-shadow:6px 8px 20px #00000059}.hp-role button{font:700 14px var(--font-sans);color:var(--hm-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;display:inline-flex}.hp-role button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.hp-role button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.hp-role svg{width:16px;height:16px}.hp-role-note{font:500 12px var(--font-sans);color:var(--dim)}.hp-studio{background:radial-gradient(circle at 85% 0, #2fbe621f, transparent 50%), var(--hm-surface);border:1px solid var(--border);border-radius:32px;margin-bottom:48px;padding:32px}.hp-st-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.hp-kick{font:800 11px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.hp-st-head h2{font:800 30px/1.1 var(--font-sans);letter-spacing:-.02em;margin:6px 0 0}.hp .hp-sbtn{gap:8px;padding:12px 22px;font-size:14px}.hp-st-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hp-card{background:var(--bg);border:1px solid var(--border);border-radius:22px;min-width:0;padding:18px}.hp-card-h{align-items:center;gap:8px;margin-bottom:14px;display:flex}.hp-card-h svg{color:var(--accent-text);width:16px;height:16px}.hp-card-h b{font:700 15px var(--font-sans)}.hp-soon{font:400 13.5px/1.45 var(--font-sans);color:var(--hm-muted);margin:0}.hp-stats{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.hp-stat{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.hp-stat dt{font:500 11.5px var(--font-sans);color:var(--hm-muted)}.hp-stat dd{font:800 20px var(--font-sans);letter-spacing:-.01em;margin:0}.hp-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hp-shelf li{min-width:0}.hp-sn{background:var(--hm-surface);border:1px solid var(--border);transition:border-color .3s var(--ease);border-radius:20px;align-items:center;gap:16px;padding:12px 16px 12px 12px;display:flex;box-shadow:6px 8px 20px #00000059}.hp-sn:is(:hover,:focus-visible),.hp-fi:is(:hover,:focus-visible){border-color:var(--accent)}.hp-sn img,.hp-sn .hp-nocover{object-fit:cover;border-radius:12px;flex:none;width:64px;height:90px}.hp-sn-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hp-sn-t b{font:700 15px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-sn-tag{font:800 10px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--hm-muted)}.hp-sn-ch{font:600 13px var(--font-sans);color:var(--accent-text)}.hp-sn-t small{font:400 12px var(--font-sans);color:var(--dim)}.hp-sn-side{flex-direction:column;flex:none;align-items:flex-end;gap:10px;display:flex}.hp-new{font:800 12px var(--font-sans);background:var(--accent);color:var(--on-accent);border-radius:999px;padding:4px 9px}.hp-read{font:700 13px var(--font-sans);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:8px 14px}.hp-fol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.hp-fol li{min-width:0}.hp-fi{background:var(--hm-surface);border:1px solid var(--border);transition:border-color .3s var(--ease);border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hp-fi img{object-fit:cover;border-radius:8px;flex:none;width:36px;height:50px}.hp-av{width:34px;height:34px;font:700 12px var(--font-sans);color:#e8efe9;background:#24452f;border-radius:50%;flex:none;place-items:center;display:grid}.hp-fi-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hp-fi-top{align-items:center;gap:8px;min-width:0;display:flex}.hp-fi-top b{font:700 13.5px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hp-fi-top small{font:400 12px var(--font-sans);color:var(--dim);white-space:nowrap;margin-left:auto}.hp-fk{font:800 9.5px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--accent-text);background:#2fbe6224;border:1px solid #2fbe6259;border-radius:999px;padding:3px 8px}.hp-fi-x{font:400 13px var(--font-sans);color:var(--hm-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp-fy{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;display:grid}.hp-fy .ui-wcard{height:300px}.hp-why{font:500 12.5px/1.35 var(--font-sans);color:var(--hm-muted);align-items:flex-start;gap:6px;margin:10px 2px 0;display:flex}.hp-why svg{color:var(--accent-text);flex:none;width:14px;height:14px;margin-top:1px}.hp-why span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hp-divider{color:var(--dim);font:700 11px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 40px;display:flex}.hp-divider:before,.hp-divider:after{content:"";background:var(--border);flex:1;height:1px}.t-paper .hp-sn,.t-paper .hp-role{box-shadow:6px 8px 18px #5a462824}@media (prefers-reduced-motion:reduce){.hp-sn,.hp-fi{transition:none}}@media (width<=1023px){.hp-hello{border-radius:16px;gap:10px;margin:0;padding:12px 14px}.hp-hello-av{width:32px;height:32px;font-size:13px}.hp-hello p{font-size:14.5px}.hp-role-row{flex-direction:column;align-items:stretch;gap:8px;margin:0}.hp-role button{flex:1;justify-content:center}.hp-role-note{text-align:center}.hp-studio{border-radius:26px;margin:0;padding:16px}.hp-st-head{flex-wrap:wrap}.hp-st-head>div{width:100%}.hp-st-head h2{font-size:24px}.hp-st-head .hp-sp{display:none}.hp .hp-sbtn{flex:1;justify-content:center;padding:12px 10px}.hp-st-grid{grid-template-columns:1fr;gap:12px}.hp-card{border-radius:18px;padding:14px}.hp-shelf{grid-template-columns:1fr;gap:10px}.hp-shelf li:nth-child(n+4){display:none}.hp-sn{gap:12px;padding:10px 12px 10px 10px}.hp-sn img,.hp-sn .hp-nocover{border-radius:10px;width:50px;height:70px}.hp-sn-t b{font-size:14px}.hp-read{padding:6px 12px;font-size:12px}.hp-fol{grid-template-columns:minmax(0,1fr);gap:8px}.hp-fol li:nth-child(n+5),.hp-fi .hp-fk{display:none}.hp-fi-top b{flex:1;font-size:13px}.hp-fy{scrollbar-width:none;gap:12px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.hp-fy li{flex:none;width:132px}.hp-fy .ui-wcard{border-radius:16px;width:132px;height:194px}.hp-fy .ui-wcard-ci small{display:none}.hp-fy .ui-wcard-ci b{font-size:13px}.hp-why{margin-top:8px;font-size:11.5px}.hp-divider{margin:0}}