body{animation:kero-page-enter .5s cubic-bezier(.2,.7,.2,1) both}body::after{content:"";position:fixed;z-index:20000;inset:0;background:#050505;pointer-events:none;transform:translateX(-101%)}body.is-page-leaving::after{animation:kero-page-leave .38s cubic-bezier(.7,0,.3,1) both}@keyframes kero-page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kero-page-leave{to{transform:translateX(0)}}
.dark-page{min-height:100vh;background:#07080a;color:#f6f7f9}.page-main{padding:126px max(22px,4.5vw) 90px}.page-eyebrow{margin:0 0 12px;color:#ff76ae;font-size:12px;font-weight:900;letter-spacing:.22em}.page-title{margin:0;font-size:clamp(46px,6vw,92px);font-weight:900;line-height:.92;letter-spacing:-.035em}.page-lead{max-width:680px;margin:22px 0 0;color:#999da7;font-size:16px;line-height:1.75}.page-member-nav{display:flex;gap:9px;margin:42px 0 34px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.page-member-nav::-webkit-scrollbar{display:none}.page-member-nav a,.page-member-nav button{flex:0 0 132px;min-height:90px;display:grid;place-items:center;gap:9px;padding:12px;border:1px solid #2b2e35;border-radius:14px;background:#101216;color:#ddd;cursor:pointer}.page-member-nav a:hover,.page-member-nav a.active,.page-member-nav button:hover,.page-member-nav button.is-active{border-color:#ff4f9a;background:#1b1218}.page-member-nav img{width:100%;height:34px;object-fit:contain}.page-member-nav span{font-size:11px;font-weight:900}
.youtube-dashboard{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px}.data-panel{border:1px solid #292c32;border-radius:18px;background:#111317;box-shadow:0 18px 60px rgba(0,0,0,.18)}.youtube-profile{padding:25px}.youtube-profile-logo{display:grid;place-items:center;min-height:140px;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(255,79,154,.15),transparent 64%)}.youtube-profile-logo img{width:82%;max-height:72px;object-fit:contain}.youtube-profile h2{margin:22px 0 5px;font-size:28px;font-weight:900}.youtube-profile p{margin:0;color:#8b909b;font-size:13px;line-height:1.6}.metric-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.metric-list div{padding:14px;border:1px solid #252830;border-radius:12px;background:#17191e}.metric-list span,.metric-list strong{display:block}.metric-list span{color:#858b96;font-size:10px}.metric-list strong{margin-top:8px;font-size:20px;font-weight:900}.youtube-content{display:grid;gap:18px}.latest-video,.trend-board{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.panel-heading h2{margin:0;font-size:19px;font-weight:900}.panel-heading span{color:#777d87;font-size:11px}.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;border:1px dashed #3b3e46;border-radius:14px;background:linear-gradient(135deg,#17191e,#0b0c0f);color:#777d87;text-align:center}.video-placeholder b{display:block;margin-bottom:8px;color:#d7dae0;font-size:20px;font-weight:900}.trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.chart-placeholder{min-height:225px;padding:18px;border:1px solid #272a31;border-radius:14px;background:#15171b}.chart-placeholder h3{margin:0 0 28px;font-size:13px;font-weight:900}.chart-lines{height:128px;background:repeating-linear-gradient(to bottom,#292c32 0 1px,transparent 1px 31px);position:relative}.chart-lines::after{content:"";position:absolute;inset:18px 5px 20px;background:linear-gradient(155deg,transparent 0 36%,#ff4f9a 37% 39%,transparent 40% 55%,#75d7ff 56% 58%,transparent 59%);opacity:.72}.data-note{margin:17px 0 0;color:#707681;font-size:11px;line-height:1.6}
.schedule-page{--member-accent:#ff4f9a}.schedule-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:34px;border-bottom:1px solid #292c32}.schedule-identity{display:flex;align-items:center;gap:24px}.schedule-identity-logo{width:240px;min-height:86px;display:grid;place-items:center;padding:18px;border:1px solid #2c2f36;border-radius:16px;background:#111317}.schedule-identity-logo img{width:100%;max-height:50px;object-fit:contain}.schedule-jump{padding:11px 15px;border:1px solid #3a3e47;border-radius:999px;color:#ddd;font-size:12px;font-weight:900}.schedule-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px;margin-top:24px}.calendar-panel{padding:24px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.calendar-head h2{margin:0;font-size:24px;font-weight:900}.calendar-head button{width:34px;height:34px;border:1px solid #30333a;border-radius:50%;background:#17191e;color:#fff}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week span{padding:10px 4px;color:#757b86;font-size:10px;text-align:center}.calendar-days span{min-height:74px;padding:10px;border-top:1px solid #25282f;border-right:1px solid #25282f;color:#cdd0d6;font-size:12px}.calendar-days span:nth-child(7n){border-right:0}.calendar-days .is-today{background:color-mix(in srgb,var(--member-accent) 18%,transparent);color:#fff;font-weight:900}.schedule-side{display:grid;gap:18px}.schedule-card{padding:22px}.schedule-card h2{margin:0 0 17px;font-size:17px;font-weight:900}.empty-schedule{min-height:90px;display:grid;place-items:center;padding:18px;border:1px dashed #343840;border-radius:12px;color:#777d88;font-size:12px;text-align:center}.schedule-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px}.schedule-lower .data-panel{padding:22px}.schedule-lower h2{margin:0 0 17px;font-size:17px;font-weight:900}.poster-slot{aspect-ratio:2/3;max-width:220px;display:grid;place-items:center;margin:auto;border:1px dashed #444852;border-radius:12px;background:#15171b;color:#777d87;text-align:center}.poster-slot span{font-size:12px;line-height:1.6}
@media(max-width:980px){.youtube-dashboard,.schedule-layout{grid-template-columns:1fr}.trend-grid,.schedule-lower{grid-template-columns:1fr}.schedule-hero{align-items:start;flex-direction:column}.schedule-identity{align-items:start;flex-direction:column}.schedule-identity-logo{width:min(100%,320px)}}@media(max-width:620px){.page-main{padding-top:100px}.page-member-nav a,.page-member-nav button{flex-basis:112px}.metric-list{grid-template-columns:1fr 1fr}.calendar-days span{min-height:54px;padding:7px}.trend-grid{grid-template-columns:1fr}.page-title{font-size:44px}}@media(prefers-reduced-motion:reduce){body{animation:none}body.is-page-leaving::after{animation:none;transform:none}}
