@import url("ic45-loader.css?v=7");
@import url("ic45-shell-v05.css?v=6");
@import url("ic45-bottom-nav.css?v=9");
@import url("ic45-footer.css?v=7");
@import url("ic45-shop.css?v=8");
:root{
  --pink:#e65cf3;--pink2:#f3a6ff;--rose:#ad56df;--peach:#ffd8ef;--honey:#f3ddff;--blue:#7d89ff;--lav:#c994f4;
  --ink:#17133b;--muted:#756e93;--paper:#ffffff;--line:#e9def7;--dark:#17133b;--dark2:#2d2463;--gold:#a159dc;
  --shadow:0 18px 55px rgba(93,55,146,.10);--hpv22-line:#e9def7;--hpv22-ink:#17133b;--hpv22-pink:#a95bdf;--hpv22-muted:#756e93;--hpv22-card:#fff;--hpv22-soft:#fbf8ff;
  --ic45-bg:#fbfaff;--ic45-panel:#fff;--ic45-panel2:#f6f0ff;--ic45-line:#eadff8;--ic45-violet:#8f4ed8;--ic45-violet2:#c566ef;--ic45-pink:#ef77dc;--ic45-navy:#151342;
}
*{box-sizing:border-box}html{background:var(--ic45-bg);color-scheme:light}body{background:radial-gradient(circle at 82% 2%,rgba(204,168,255,.20),transparent 25%),linear-gradient(180deg,#fff 0,#fcfaff 48%,#f8f4ff 100%)!important;color:var(--ink)!important}a{color:inherit}.topbar{display:none!important}.container,.wide{width:min(1240px,calc(100% - 40px))!important}





.hp-cart-svg{stroke:currentColor!important}.cart-count{background:linear-gradient(135deg,#ca58e8,#f26fce)!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(176,68,208,.18)!important}

/* Generic page system: light white + purple */
.page-hero,.section.soft,.v3-section.soft{background:radial-gradient(circle at 84% 12%,rgba(204,160,255,.24),transparent 30%),linear-gradient(180deg,#fff,#faf6ff)!important}.page-hero h1,.hero h1{background:linear-gradient(90deg,#281c61 0,#7e42c5 48%,#d363d6 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.page-hero p,.hero p,.card p,.panel p,.v3-section p{color:var(--muted)!important}.section,.v3-section{background:transparent!important}.section.dark{background:linear-gradient(135deg,#f4ecff,#fff)!important;color:var(--ink)!important}.section-title h2,.v3-head h2{color:#21194f!important}.section-title p,.v3-head a{color:#776d95!important}
.card,.panel,.group-block,.member,.event-row,.hp-card,.hpv22-product-card,.v3-product{background:#fff!important;border-color:#eadff8!important;box-shadow:0 14px 42px rgba(86,52,132,.08)!important;color:#21194f!important}.card-media,.hpv22-product-card .img{background:#f8f3ff!important}.card h3,.hp-product-meta h3,.v3-product h3{color:#21194f!important}.meta,.pill,.price{color:#9548cf!important}.pill{background:#f6ecff!important;border:1px solid #ead9fb!important}
.btn,.hp-admin-btn,.hp209-event-cta,.hp209-news-cta,.hp2091-home-cta,.hp2092-home-cta{min-height:42px!important;border:1px solid #e2d2f5!important;border-radius:13px!important;clip-path:none!important;padding:10px 18px!important;color:#3c2e64!important;background:#fff!important;box-shadow:0 8px 22px rgba(94,51,140,.06)!important;font-weight:800!important;letter-spacing:.02em!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.btn:hover,.hp-admin-btn:hover,.hp209-event-cta:hover,.hp209-news-cta:hover,.hp2091-home-cta:hover,.hp2092-home-cta:hover{transform:translateY(-2px)!important;border-color:#c99be9!important;box-shadow:0 12px 26px rgba(119,70,165,.12)!important}.btn-primary,.hp-admin-btn.primary{border-color:transparent!important;background:linear-gradient(105deg,#7546df 0%,#b950e7 56%,#f36fd0 100%)!important;color:#fff!important;box-shadow:0 12px 28px rgba(154,70,213,.20)!important}.btn-outline,.btn-dark,.hp-admin-btn.light{background:#fff!important;border-color:#d8c2ee!important;color:#6c3aa5!important}.hp-admin-btn.danger{background:#fff3f6!important;border-color:#f4c8d5!important;color:#c23b62!important}
input,select,textarea{background:#fff!important;color:#21194f!important;border-color:#dfd2ef!important;border-radius:12px!important}input::placeholder,textarea::placeholder{color:#aaa2bd!important}.tab,.filter,.hpv22-cats button,.hp2-option{border-radius:12px!important;border:1px solid #e5d8f4!important;background:#fff!important;color:#5a5076!important}.tab:hover,.filter:hover,.hpv22-cats button:hover,.hp2-option:hover{border-color:#c69ce7!important;background:#faf6ff!important}.tab.active,.filter.active,.hpv22-cats button.active,.hp2-option.active{background:linear-gradient(100deg,#8250dc,#c25cdd)!important;border-color:transparent!important;color:#fff!important}
.notice{background:#f8f2ff!important;border-color:#e5d8f5!important;color:#5e537a!important}.hp-toast{background:#271d4d!important;color:#fff!important;border:0!important}

/* Drawer */
.hp192-drawer{background:#fff!important;color:#21194f!important}.hp192-head{border-color:#eadff8!important}.hp192-head img{content:url("ic45-logo-official-dark.png")!important;max-width:220px!important;height:auto!important}.hp192-links a{color:#4f466a!important;border-color:#eee5f8!important}.hp192-links a.active{color:#9348d0!important}.hp192-social,.hpv22-drawer-tools{border-color:#eadff8!important}.hp192-close{color:#332b59!important}

/* Admin follows CI without changing backend behavior */
.hp-admin-shell,.hp-admin-main{background:#f8f5fc!important;color:#21194f!important}.hp-admin-card,.hp-admin-kpi,.hpv22-admin-kpis>div{background:#fff!important;border-color:#e7dcf4!important;color:#21194f!important;box-shadow:0 10px 30px rgba(79,48,119,.06)!important}.hp-admin-table th,.hp-admin-table td{border-color:#eee5f8!important;color:#4f466a!important}.hp-admin-table th{color:#6f6288!important;background:#faf7fd!important}.hp-admin-sidebar,.hp-admin-side{background:#fff!important;border-color:#e7dcf4!important}.hp-admin-brand img{width:210px!important;height:auto!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}.hp-admin-brand span{color:#3e3562!important}

/* Product utility controls */
.hp215-card-like,.hp215-cart,.hp2-cartbtn,.hp208-cart-glyph,.hp209-cart-qty button,.hp218-day-sheet-head button,.hp2093-x,.circle-button{border:1px solid #e4d7f2!important;background:#fff!important;color:#6f3ca5!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(80,48,118,.05)!important}.hp215-card-like:hover,.hp215-cart:hover,.hp2-cartbtn:hover,.circle-button:hover,.hp209-cart-qty button:hover,.hp218-day-sheet-head button:hover,.hp2093-x:hover{background:#f7efff!important;border-color:#c9a3e6!important}.hp215-card-like.is-liked{color:#d54eb6!important;border-color:#e9b5df!important;background:#fff3fb!important}

body:not(.ic45-home) .v3-section,body:not(.ic45-home) .section{padding-top:58px!important;padding-bottom:58px!important}
@media(max-width:1100px){.container,.wide{width:min(100% - 28px,1240px)!important}}
@media(max-width:650px){.hp209-footer-logo{width:210px!important}.btn,.hp-admin-btn{min-height:40px!important;padding:9px 14px!important}.container,.wide{width:calc(100% - 24px)!important}}
@media(max-width:430px){.hp209-footer-inner{width:calc(100% - 28px)!important}}


/* IC45 V0.7.1 interaction polish — locked brief. */
/* One cart glyph family across top bar and Store. */
.ic45-cart-svg,.hp-cart-svg,.hp215-cart svg,.hp2-cartbtn svg,.hp208-cart-glyph svg,.hp-add-cart-clean svg{fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.hp209-header .hp-cart-control{color:#17133b!important}.hp209-header .hp-cart-control .ic45-cart-svg{width:22px!important;height:22px!important}
.hpv22-card-cart,.hp215-cart,.hp2-cartbtn,.hp208-cart-glyph,.hp-add-cart-clean{color:#6c43a8!important}

/* Detail Like / Share: keep their existing placement, redesign only the buttons. */
.hp215-detail-like,.hp215-detail-share{min-height:52px!important;padding:0 20px!important;border:1.5px solid #cfbbed!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,247,255,.96))!important;color:#3f2875!important;box-shadow:0 9px 22px rgba(79,53,111,.07)!important;font-weight:850!important;letter-spacing:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease!important}
.hp215-detail-like:hover,.hp215-detail-share:hover{transform:translateY(-1px)!important;border-color:#a987dd!important;background:#f7f1ff!important;box-shadow:0 12px 28px rgba(79,53,111,.11)!important}.hp215-detail-like:active,.hp215-detail-share:active{transform:scale(.98)!important}
.hp215-detail-like .hp215-heart{width:34px!important;height:28px!important;display:grid!important;place-items:center!important;border-right:1px solid #e4d8f4!important;padding-right:12px!important;font:400 30px/1 Arial,sans-serif!important}.hp215-detail-like .hp215-like-text{font-size:16px!important}.hp215-detail-like.is-liked{background:linear-gradient(180deg,#f3e9ff,#ece0ff)!important;color:#6237a3!important;border-color:#a987dd!important}
.hp215-detail-share .hp215-share-icon{width:32px!important;height:28px!important;padding-right:12px!important;border-right:1px solid #e4d8f4!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}.hp215-detail-share span{font-size:16px!important}

/* Drawer: white / black / gray base, violet active state, no pink. */
.hp192-drawer{background:#fff!important;color:#202027!important}.hp192-head{border-color:#e9e7ee!important}.hp192-close{color:#25232d!important;border-color:#ddd9e5!important;background:#fff!important}
.hp192-links{padding-top:10px!important;padding-bottom:10px!important}.hp192-links a{color:#3a3842!important;background:transparent!important;border:0!important;border-left:5px solid transparent!important;border-radius:0 18px 18px 0!important;font-weight:760!important;box-shadow:none!important}.hp192-links a:hover{color:#17151d!important;background:#f6f5f8!important}.hp192-links a.active{color:#6f41b7!important;background:#f2edfb!important;border-left-color:#7b4cc6!important;box-shadow:none!important}
.hp192-social,.hpv22-drawer-tools{border-color:#e9e7ee!important}.hp192-social.hpv22-social{gap:10px!important;padding:16px 4px!important}.hp192-social .ic45-drawer-social{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:5px!important;border:1px solid #e6dbf3!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 4px 12px rgba(72,49,103,.045)!important;color:inherit!important}.hp192-social .ic45-drawer-social img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:7px!important}
.hp219-view-switch{padding:18px 4px 4px!important}.hp219-view-toggle{width:50px!important;height:50px!important;border:1.5px solid #8650c8!important;background:linear-gradient(180deg,#fff,#faf8ff)!important;color:#6841a4!important;border-radius:16px!important;box-shadow:0 7px 18px rgba(80,54,116,.08)!important}.hp219-view-toggle:hover{background:#f3eefb!important;border-color:#7140b3!important}.hp219-view-toggle svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important}.hp219-view-toggle .hp219-view-accent{stroke:#9d69d7!important}.hp219-view-toggle .hp219-view-accent-fill{fill:#9d69d7!important;stroke:none!important}

/* Footer finishes at copyright. */
.ic45-site-footer__legal{justify-content:center!important;text-align:center!important}.ic45-site-footer__legal span:last-child{color:#9389a3!important;letter-spacing:0!important}

/* Mobile header: compact, visually equal controls. */
@media(max-width:650px){
 .hp209-header .container.nav{gap:2px!important;padding-right:10px!important}.hp209-header .nav-actions,.hp209-header .hp209-header-actions{gap:2px!important;margin-left:3px!important}
 .hp209-header .hp-header-control,.hp209-header .hpv22-profile-btn,.hp209-header .icon-btn,.hp209-header .hp-locale-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center!important}
 .hp209-header .hp-locale-btn b{font-size:12px!important}.hp209-header .mobile-menu{margin-left:0!important}
 .hp209-header .mobile-menu svg,.hp209-header .hpv22-profile-btn svg,.hp209-header .ic45-search-trigger svg{width:21px!important;height:21px!important}.hp209-header .hp-cart-control .ic45-cart-svg{width:22px!important;height:22px!important}
}
@media(max-width:430px){
 .hp209-header .container.nav{padding-left:9px!important;padding-right:7px!important}.hp209-header .brand{max-width:142px!important}
 .hp209-header .hp-header-control,.hp209-header .hpv22-profile-btn,.hp209-header .icon-btn,.hp209-header .hp-locale-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.hp209-header .hp-locale-btn b{font-size:11.5px!important}
 .hp215-detail-like,.hp215-detail-share{min-height:48px!important;padding:0 15px!important;gap:9px!important}.hp215-detail-like .hp215-like-text,.hp215-detail-share span{font-size:14px!important}
}
/* V0.7.1 cart sizing: anchors otherwise resolve to intrinsic width in the legacy shell. */
@media(max-width:650px){
 .hp209-header a.hp-cart-control.hp-header-control{box-sizing:border-box!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important}
}
@media(max-width:430px){
 .hp209-header a.hp-cart-control.hp-header-control{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}
}

/* V0.7.2 — stable boot surfaces + cart empty-state tone. */
html.ic45-auth-pending body{visibility:hidden!important}
html.ic45-auth-ready body{visibility:visible}
.hp209-cart-empty{color:#21194f!important}
.hp209-cart-empty .hp209-empty-cart{color:inherit!important}
.hp209-cart-empty .hp209-empty-cart svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* V0.7.5 — global gradient CTA clipping: no color bleed beyond rounded edge */
.btn-primary,.ic45-gradient-button{position:relative!important;overflow:hidden!important;isolation:isolate!important;background-clip:padding-box!important;border-color:transparent!important;box-shadow:0 9px 18px rgba(62,43,91,.14)!important;filter:none!important}
.btn-primary::before,.btn-primary::after,.ic45-gradient-button::before,.ic45-gradient-button::after{filter:none!important;box-shadow:none!important}
.btn-primary:hover,.ic45-gradient-button:hover{box-shadow:0 11px 22px rgba(62,43,91,.18)!important}

/* V0.7.6 — freeze layout-owned transitions only while iOS is settling a rotated viewport. */
html.ic45-orientation-settling .hp209-header .container.nav,html.ic45-orientation-settling .ic45-mobile-nav,html.ic45-orientation-settling .ic45-home-shell,html.ic45-orientation-settling .ic45-final-cta,html.ic45-orientation-settling .ic45-artists-master-grid,html.ic45-orientation-settling .ic45-artist-hero,html.ic45-orientation-settling .ic45-profile-hero,html.ic45-orientation-settling .ic45-audition-hero .wide,html.ic45-orientation-settling .ic45-audition-grid,html.ic45-orientation-settling .hpv22-shop .wide,html.ic45-orientation-settling .hpv22-shop-grid,html.ic45-orientation-settling .ic45-site-footer__inner{transition:none!important;scroll-behavior:auto!important}


/* V0.7.10 — one Like/Share geometry owner for Event, Product and Release detail. */
main .hp215-detail-tools{box-sizing:border-box!important;width:var(--hp-detail-width,calc(100% - 40px))!important;max-width:100%!important;margin-left:var(--hp-detail-left,20px)!important;margin-right:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}

/* V0.7.12 — Contact map + Admin Mailbox */
.ic45-contact-grid{align-items:start}.ic45-contact-info{display:grid;gap:16px}.ic45-contact-email{font-size:clamp(18px,2vw,26px);font-weight:900;color:#7f46b8;word-break:break-word}.ic45-contact-map{overflow:hidden;border:1px solid #e7d9f2;border-radius:22px;aspect-ratio:16/10;background:#f8f2ff}.ic45-contact-map iframe{display:block;width:100%;height:100%;border:0}.ic45-contact-location{display:grid;gap:5px;padding:14px 16px;border:1px solid #eadff4;border-radius:16px;background:#fbf8ff;color:#4f426c}.ic45-contact-location b{color:#241b4c}.ic45-contact-location span{font-size:13px;line-height:1.5}.ic45-contact-location strong{font-size:12px;color:#9c46cd}.ic45-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.ic45-contact-state{min-height:22px;margin:0;color:#76678d;font-size:13px}.hpv712-mailbox{display:grid;gap:10px}.hpv712-mail{border:1px solid #e8ddee;border-radius:16px;background:#fff;overflow:hidden}.hpv712-mail.unread{border-color:#e59ae2;background:#fff9ff;box-shadow:0 8px 24px rgba(174,78,194,.08)}.hpv712-mail-head{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:14px 16px;border:0;background:transparent;text-align:left;color:#241b4c;cursor:pointer}.hpv712-mail-head span{display:grid;gap:3px}.hpv712-mail-head small,.hpv712-mail-head time{font-size:11px;color:#81758d}.hpv712-mail-head i{font-style:normal;color:#e54ea0}.hpv712-mail-body{padding:0 16px 16px}.hpv712-mail-body p{padding:14px;border-radius:12px;background:#faf6ff;line-height:1.65;white-space:normal}.hpv712-mail-body a{font-weight:800;color:#9345c5}
@media(max-width:720px){.ic45-contact-grid{display:grid!important;grid-template-columns:1fr!important}.ic45-contact-map{aspect-ratio:4/3}.hpv712-mail-head{grid-template-columns:minmax(0,1fr) 18px}.hpv712-mail-head time{grid-column:1/-1;grid-row:2}.hpv712-mail-head i{grid-column:2;grid-row:1}}


/* PH-20 Test UX polish — clearer contact target and neutral Fan Club first paint. */
.ic45-contact-email{display:inline-flex;align-items:center;min-height:32px;justify-self:start}
.ic45-fanclub-loading{min-height:320px;display:grid;align-content:start;gap:12px;padding-top:10px}
.ic45-fanclub-loading__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic45-fanclub-loading__kicker,.ic45-fanclub-loading__title,.ic45-fanclub-loading__line,.ic45-fanclub-loading__cards i{display:block;border-radius:999px;background:linear-gradient(90deg,#f4eef9,#ebe0f5,#f4eef9)}
.ic45-fanclub-loading__kicker{width:120px;height:12px}
.ic45-fanclub-loading__title{width:min(420px,78vw);height:52px;margin-top:4px}
.ic45-fanclub-loading__line{width:min(560px,90vw);height:15px}
.ic45-fanclub-loading__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.ic45-fanclub-loading__cards i{height:104px;border-radius:18px}
@media(max-width:650px){.ic45-contact-email{min-height:36px}.ic45-fanclub-loading{min-height:260px;padding-top:4px}.ic45-fanclub-loading__title{height:42px}.ic45-fanclub-loading__cards{grid-template-columns:1fr 1fr}.ic45-fanclub-loading__cards i:last-child{display:none}}


/* PH-20 Test UX polish — Fan Club hero must shrink inside the one-column mobile grid. */
.fanclub-hero .split,.fanclub-hero .split>*{min-width:0!important;max-width:100%!important}
@media(max-width:650px){
 html[data-locale="th"] .fanclub-hero h1,html[lang="th"] .fanclub-hero h1,.fanclub-hero h1{font-size:clamp(34px,10.8vw,44px)!important;line-height:.96!important;padding-block:0!important;overflow-wrap:normal!important}
 .fanclub-hero .member-card{width:100%!important;max-width:100%!important}
}


/* PH-20 Test UX polish — async content first paint + Event commerce touch targets. */
.ic45-content-loading{grid-column:1/-1;width:100%;box-sizing:border-box}
.ic45-content-loading__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic45-content-loading--page{min-height:240px;display:grid;align-content:start;gap:12px;padding:8px 0}
.ic45-content-loading__kicker,.ic45-content-loading__title,.ic45-content-loading__line,.ic45-content-loading__cards i{display:block;background:linear-gradient(90deg,#f4eef9,#ebe0f5,#f4eef9);border-radius:999px}
.ic45-content-loading__kicker{width:84px;height:12px}
.ic45-content-loading__title{width:min(380px,72vw);height:46px}
.ic45-content-loading__line{width:min(620px,88vw);height:14px}
.ic45-content-loading__line.short{width:min(420px,66vw)}
.ic45-content-loading__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.ic45-content-loading__cards i{height:260px;border-radius:22px}
.hp2-event-commerce .v3-head>a{display:inline-flex!important;align-items:center!important;min-height:32px!important}
.hp2-event-commerce .hpv22-product-card .hp215-card-like,
.hp2-event-commerce .hpv22-product-card .hp215-cart{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;flex:0 0 36px!important}
.hp2-event-commerce .hpv22-product-card .hp215-card-like .hp215-heart{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important}
.hp2-event-commerce .hpv22-product-card .hp215-cart svg{width:19px!important;height:19px!important}
.hp2-event-commerce .hpv22-product-card .hp2181-price-actions>.hp215-card-actions{flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;gap:6px!important;align-items:center!important}
@media(max-width:650px){
 .ic45-content-loading--page{min-height:210px}
 .ic45-content-loading__title{height:38px}
 .ic45-content-loading__cards{grid-template-columns:1fr 1fr;gap:10px}
 .ic45-content-loading__cards i{height:210px}
 .ic45-content-loading__cards i:last-child{display:none}
}