/* TJ INFO V3.4.0 — public UI/UX polish */
:root{
  --tj-ui-purple:#6b278f;
  --tj-ui-purple-deep:#2b0b39;
  --tj-ui-yellow:#f4d34e;
  --tj-ui-ink:#25182b;
  --tj-ui-muted:#74677b;
  --tj-ui-line:#e5d9ea;
  --tj-ui-soft:#faf7fc;
  --tj-ui-shadow:0 14px 38px rgba(39,12,52,.12);
  --tj-ui-shadow-hover:0 18px 44px rgba(39,12,52,.18);
}
html{scroll-padding-top:92px}
body.tj-unified{font-feature-settings:"palt" 1;letter-spacing:.01em}
body.tj-unified :where(button,a,select,input,textarea){-webkit-tap-highlight-color:transparent}
body.tj-unified :where(button,.btn,.filter,.toolbar a,.actions a){min-height:44px}
body.tj-unified :where(button,a,select,input,textarea):focus-visible{outline:3px solid #f4d34e!important;outline-offset:3px!important}

/* Header / navigation */
.tj-global-header{
  background:linear-gradient(115deg,rgba(22,5,31,.97),rgba(68,19,89,.96) 56%,rgba(31,7,42,.97));
  border-bottom-color:rgba(244,211,78,.62);
  box-shadow:0 10px 32px rgba(18,3,25,.28);
  backdrop-filter:saturate(135%) blur(14px);
}
.tj-global-header-inner{min-height:72px;max-width:1440px;padding:8px 24px;gap:20px}
.tj-global-brand{border-radius:14px;padding:3px 7px 3px 3px;transition:background .18s ease,transform .18s ease}
.tj-global-brand:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
.tj-global-brand img{width:55px;height:54px}
.tj-global-brand-copy strong{font-size:18px;letter-spacing:.07em}
.tj-global-brand-copy small{font-size:11px;color:#e4d8ea}
.tj-global-nav{gap:5px}
.tj-global-nav a{min-height:40px;padding:0 11px;border-radius:999px;font-size:12.5px;letter-spacing:.02em}
.tj-global-nav a:hover,.tj-global-nav a:focus-visible{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22)}
.tj-global-nav a.active{background:linear-gradient(135deg,#ffe16a,#f2ca35);border-color:#fff1a5;color:#29112f;box-shadow:0 4px 15px rgba(244,211,78,.25)}
.tj-global-menu{border-radius:14px;background:rgba(255,255,255,.1)}

/* Footer */
.tj-global-footer{background:linear-gradient(140deg,#120519,#30103f 60%,#17071f)}
.tj-global-footer-inner{max-width:1180px}
.tj-global-footer-links a{padding:5px 0;text-underline-offset:4px}
.tj-global-footer-rights{color:#d5c5dc}

/* Shared card and control polish */
body.tj-unified :where(.panel,.section,.card,.latest-card,.member-card,.yt-panel,.sns-panel,.guide-card,.support-section,.search-panel){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
@media (hover:hover){
  body.tj-unified :where(.card,.latest-card,.member-card,.guide-card,.support-quick-card):hover{
    transform:translateY(-2px);
    box-shadow:var(--tj-ui-shadow-hover);
  }
}
body.tj-unified :where(.toolbar button,.filters button,.sns-tabs button,.chart-view-tab){transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
body.tj-unified :where(.toolbar button,.filters button,.sns-tabs button,.chart-view-tab):hover{transform:translateY(-1px)}

/* Home */
body.tj-page-index .dashboard{max-width:1480px;margin:0 auto;padding-top:22px}
body.tj-page-index .home-info-notice{border-radius:14px;border-color:#d9c771;background:linear-gradient(135deg,#fffbe6,#fff7c9);box-shadow:0 7px 22px rgba(42,21,4,.09)}
body.tj-page-index .section{border-radius:18px;border-color:rgba(121,63,151,.55);box-shadow:0 14px 38px rgba(0,0,0,.2)}
body.tj-page-index .section-title{min-height:48px;padding:12px 16px;background:linear-gradient(90deg,rgba(117,44,157,.28),rgba(117,44,157,.06));font-size:18px;letter-spacing:.02em}
body.tj-page-index .latest-card{border-radius:16px;overflow:hidden}
body.tj-page-index .profile-guide-banner,body.tj-page-index .chart-store-promo{border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
body.tj-page-index .tj-empty{border:1px dashed rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.05);padding:26px 20px}

/* Profile */
body.tj-page-profile .hero h1{max-width:790px}
body.tj-page-profile .panel{border-color:#e5d8eb;box-shadow:var(--tj-ui-shadow)}
body.tj-page-profile .member-card{box-shadow:0 8px 24px rgba(48,24,57,.08)}
body.tj-page-profile .member-social-link{min-height:38px}
body.tj-page-profile .next-links a{min-height:92px;display:flex;flex-direction:column;justify-content:center}

/* Schedule */
body.tj-page-schedule .schedule-controls,body.tj-page-schedule .public-google-calendar{box-shadow:var(--tj-ui-shadow)}
body.tj-page-schedule .schedule-field :where(select,input){min-height:46px;border-radius:12px}
body.tj-page-schedule .schedule-range button,body.tj-page-schedule .month-toolbar button{min-height:44px}
body.tj-page-schedule .schedule-reset{font-weight:850}

/* Releases */
body.tj-page-releases .toolbar{gap:10px}
body.tj-page-releases .search,body.tj-page-releases .sort{min-height:46px;border-radius:13px}
body.tj-page-releases .filter{min-height:44px;border-radius:999px;padding-inline:15px}
body.tj-page-releases .section{border-radius:20px;box-shadow:var(--tj-ui-shadow)}
body.tj-page-releases .grid article{border-radius:17px;box-shadow:0 9px 25px rgba(34,13,44,.09)}
body.tj-page-releases .release-note{border-radius:12px;background:#faf6fc;color:#68576d}
body.tj-page-releases .footnote{line-height:1.8}

/* Tieups */
body.tj-page-tieups .hero{padding-bottom:38px}
body.tj-page-tieups .panel{border:1px solid var(--tj-ui-line);box-shadow:var(--tj-ui-shadow)}
body.tj-page-tieups .toolbar button{min-height:42px}
body.tj-page-tieups .cards article{border-radius:16px;box-shadow:0 8px 24px rgba(39,12,52,.08)}
body.tj-page-tieups .panel-intro{line-height:1.85}

/* First-week results */
body.tj-page-sales .content{background:linear-gradient(180deg,#2c0c3c 0,#15091d 240px,#f6f2f8 240px,#f6f2f8 100%)}
body.tj-page-sales .hero{padding:44px clamp(20px,5vw,64px) 42px;background:radial-gradient(circle at 88% -30%,rgba(255,224,105,.22),transparent 44%),linear-gradient(135deg,#6f2aa6,#2d0c40);border-bottom:0}
body.tj-page-sales .hero h1{font-size:clamp(31px,5vw,46px);letter-spacing:.02em}
body.tj-page-sales .hero p{max-width:760px;line-height:1.75}
body.tj-page-sales .wrap{max-width:1220px;padding-top:24px}
body.tj-page-sales .notice{border-radius:15px;background:linear-gradient(135deg,#fffbe7,#fff5c8);box-shadow:0 8px 24px rgba(61,39,0,.09)}
body.tj-page-sales .stat{border:1px solid #eadff0;border-top:4px solid #8a45ae;box-shadow:0 10px 28px rgba(39,12,52,.1)}
body.tj-page-sales .stat strong{font-size:clamp(24px,3vw,31px)}
body.tj-page-sales .panel{border:1px solid #e5d9ea;box-shadow:var(--tj-ui-shadow)}
body.tj-page-sales .panel h2{font-size:22px;letter-spacing:.01em}
body.tj-page-sales .toolbar button,body.tj-page-sales .toolbar select{min-height:44px;box-shadow:0 2px 8px rgba(52,20,65,.05)}
body.tj-page-sales .toolbar button.active{background:linear-gradient(135deg,#6f2aa6,#8f45b8);box-shadow:0 6px 16px rgba(111,42,166,.24)}
body.tj-page-sales .card{border-color:#e4d7e9;box-shadow:0 8px 24px rgba(39,12,52,.08)}
body.tj-page-sales .salesbox{background:linear-gradient(135deg,#f8f1fb,#f1e6f7)}
body.tj-page-sales .actions a{display:inline-flex;align-items:center;justify-content:center}
body.tj-page-sales .empty{border:1px dashed #dac9e3;border-radius:14px;background:#fbf8fd}

/* YouTube / SNS */
body.tj-page-youtube .yt-panel,body.tj-page-sns .sns-panel{border-radius:20px;box-shadow:var(--tj-ui-shadow)}
body.tj-page-youtube .playlist-grid article,body.tj-page-youtube .channel-grid article,body.tj-page-sns .sns-grid article{border-radius:16px}
body.tj-page-youtube .yt-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body.tj-page-sns .sns-tabs button{min-height:44px}

/* Support / stores */
body.tj-page-support .support-section{border-radius:20px;box-shadow:var(--tj-ui-shadow)}
body.tj-page-support .support-quick-card,body.tj-page-support .guide-card{border-radius:16px}
body.tj-page-support .support-jump a{min-height:44px}
body.tj-page-stores .search-panel,body.tj-page-stores .guide{border-radius:20px;box-shadow:var(--tj-ui-shadow)}
body.tj-page-stores :where(input,select,button){min-height:44px}

/* Legal / information pages */
body.tj-page-about main,body.tj-page-contact main,body.tj-page-privacy main,body.tj-page-policy main,body.tj-page-rights-contact main{line-height:1.9}
body.tj-page-about .card,body.tj-page-contact .card,body.tj-page-privacy .card,body.tj-page-policy .card,body.tj-page-rights-contact .card{box-shadow:var(--tj-ui-shadow)}

@media(max-width:980px){
  .tj-global-header-inner{min-height:66px;padding-inline:13px}
  .tj-global-nav{gap:8px;padding:13px;background:rgba(27,7,37,.985)}
  .tj-global-nav a{border-radius:12px;min-height:44px;font-size:13px}
}
@media(max-width:720px){
  .tj-global-brand img{width:49px;height:48px}
  .tj-global-brand-copy strong{font-size:16px}
  body.tj-page-index .dashboard{padding-inline:12px}
  body.tj-page-sales .wrap{padding-inline:13px}
  body.tj-page-sales .stats{gap:10px}
  body.tj-page-sales .panel{border-radius:16px}
  body.tj-page-sales .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tj-page-sales .toolbar select{grid-column:1/-1;width:100%}
  body.tj-page-releases .toolbar{align-items:stretch}
}
@media(max-width:460px){
  .tj-global-brand-copy small{display:none}
  body.tj-page-sales .stats{grid-template-columns:1fr}
  body.tj-page-sales .toolbar{grid-template-columns:1fr}
  body.tj-page-sales .toolbar select{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){body.tj-unified *{transition:none!important}}