/* Tsukiro 2.8.4 — Candy 3D MAX
   Enhancement layer over v2.8.3. Keeps application logic untouched. */
:root{
  --candy284-pink:#ff5aa8;
  --candy284-violet:#a36cff;
  --candy284-blue:#6d8cff;
  --candy284-ice:#d9d3ff;
  --candy284-ink:#07070b;
  --candy284-panel:rgba(17,16,25,.72);
  --candy284-line:rgba(255,255,255,.095);
  --candy284-line-hi:rgba(255,255,255,.18);
  --candy284-ease:cubic-bezier(.18,.8,.2,1);
}

html[data-candy-ui="true"] body::before{
  content:"";position:fixed;z-index:0;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 54% 38% at 78% 2%,rgba(154,91,255,.08),transparent 72%),
    radial-gradient(ellipse 45% 40% at -5% 57%,rgba(255,90,168,.045),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 23%);
}

/* Ultra-light aurora + perspective floor */
.candy284-world{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden;isolation:isolate}
.candy284-world::before{
  content:"";position:absolute;left:50%;bottom:-28vh;width:min(1400px,115vw);height:64vh;
  transform:translateX(-50%) perspective(800px) rotateX(64deg);transform-origin:center bottom;
  background-image:linear-gradient(rgba(193,148,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,102,176,.042) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to top,rgba(0,0,0,.65),transparent 76%);opacity:.34
}
.candy284-aurora{position:absolute;border-radius:999px;filter:blur(70px);opacity:.15;will-change:transform}
.candy284-aurora.a{width:520px;height:180px;right:-120px;top:20%;background:linear-gradient(90deg,var(--candy284-violet),var(--candy284-pink));transform:rotate(-21deg)}
.candy284-aurora.b{width:420px;height:130px;left:-160px;top:58%;background:linear-gradient(90deg,var(--candy284-pink),var(--candy284-blue));transform:rotate(24deg);opacity:.09}

/* Header feels like a floating product shell */
html[data-candy-ui="true"] .navbar.candy-navbar-scrolled{
  top:10px!important;left:14px!important;right:14px!important;width:auto!important;
  height:62px!important;min-height:62px!important;padding-inline:max(16px,calc((100vw - 1472px)/2))!important;
  border:1px solid rgba(255,255,255,.085)!important;border-radius:19px!important;
  background:linear-gradient(135deg,rgba(15,14,22,.82),rgba(7,7,11,.72))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(28px) saturate(155%)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important;
}
html[data-candy-ui="true"] .navbar .brand img{transition:transform .35s var(--candy284-ease),box-shadow .35s ease!important}
html[data-candy-ui="true"] .navbar .brand:hover img{transform:rotate(-5deg) scale(1.05);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 42px rgba(165,76,226,.22)!important}
html[data-candy-ui="true"] .nav-links{position:relative!important;overflow:hidden!important}
html[data-candy-ui="true"] .nav-links::before{content:"";position:absolute;inset:-1px;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.055),transparent 65%);transform:translateX(-110%);transition:transform .8s ease;pointer-events:none}
html[data-candy-ui="true"] .nav-links:hover::before{transform:translateX(110%)}

/* Magnetic elements */
.candy284-magnetic{--c284-mx:0px;--c284-my:0px;transform:translate3d(var(--c284-mx),var(--c284-my),0)!important;transition:transform .22s var(--candy284-ease),box-shadow .22s ease,background .22s ease!important;will-change:transform}
.candy284-magnetic:hover{box-shadow:0 16px 38px rgba(0,0,0,.2)!important}

/* ===== HOME HERO: real 3D stage ===== */
html[data-candy-ui="true"] #hero.hero-v8{isolation:isolate!important}
html[data-candy-ui="true"] #hero .hero-image-layer{transform:scale(1.025)!important;filter:saturate(.88) contrast(1.035)!important}
html[data-candy-ui="true"] #hero .hero-image-stack::after{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(6,6,10,.12),transparent 48%,rgba(6,6,10,.18));mix-blend-mode:soft-light;pointer-events:none
}
html[data-candy-ui="true"] #hero #heroTitle{
  background:linear-gradient(120deg,#fff 8%,#f5f0fb 52%,#d8c9e6 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,.2))
}
html[data-candy-ui="true"] #hero .hero-kicker{position:relative;padding:9px 12px 9px 28px!important;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(10,9,15,.37);backdrop-filter:blur(13px)}
html[data-candy-ui="true"] #hero .hero-kicker::before{position:absolute;left:11px!important}
html[data-candy-ui="true"] #hero .hero-actions .button-primary{position:relative;overflow:hidden}
html[data-candy-ui="true"] #hero .hero-actions .button-primary::after{content:"";position:absolute;top:-80%;bottom:-80%;width:34px;left:-55px;transform:rotate(18deg);background:rgba(255,255,255,.56);filter:blur(7px);transition:left .7s ease}
html[data-candy-ui="true"] #hero .hero-actions .button-primary:hover::after{left:calc(100% + 34px)}

.candy284-hero-stage{
  --c284-stage-rx:0deg;--c284-stage-ry:0deg;--c284-stage-x:0px;--c284-stage-y:0px;
  position:absolute;z-index:4;right:max(5vw,calc((100vw - 1500px)/2 + 20px));top:50%;width:430px;height:560px;
  transform:translate3d(var(--c284-stage-x),calc(-48% + var(--c284-stage-y)),0) perspective(1500px) rotateX(var(--c284-stage-rx)) rotateY(var(--c284-stage-ry));
  transform-style:preserve-3d;pointer-events:none;transition:transform .2s ease;opacity:0;animation:c284StageIn .9s .3s var(--candy284-ease) forwards
}
.candy284-hero-stage::before{content:"";position:absolute;left:50%;top:54%;width:360px;height:360px;border-radius:50%;transform:translate(-50%,-50%) translateZ(-80px);border:1px solid rgba(196,135,255,.14);box-shadow:inset 0 0 80px rgba(153,82,255,.045),0 0 120px rgba(255,90,168,.035)}
.candy284-hero-ring{position:absolute;left:50%;top:53%;border:1px solid rgba(255,255,255,.095);border-radius:50%;transform-style:preserve-3d}
.candy284-hero-ring.r1{width:430px;height:180px;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-12deg) translateZ(-50px);opacity:.55}
.candy284-hero-ring.r2{width:320px;height:320px;transform:translate(-50%,-50%) rotateY(72deg) rotateZ(16deg) translateZ(-70px);border-color:rgba(255,91,170,.13);opacity:.52}
.candy284-hero-card{position:absolute;overflow:hidden;border-radius:25px;border:1px solid rgba(255,255,255,.15);background:#111019;box-shadow:0 36px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08);transform-style:preserve-3d;isolation:isolate}
.candy284-hero-card::before{content:"";position:absolute;inset:0;background-image:var(--c284-hero-image,linear-gradient(145deg,#31243b,#101018));background-size:cover;background-position:center;filter:saturate(.98) contrast(1.02);transform:scale(1.04)}
.candy284-hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,rgba(6,6,10,.28) 72%,rgba(5,5,8,.86)),radial-gradient(circle at 68% 15%,rgba(255,255,255,.12),transparent 30%)}
.candy284-hero-card.front{right:32px;top:78px;width:245px;height:365px;transform:translateZ(110px) rotateY(-8deg) rotateZ(2.5deg);box-shadow:0 45px 110px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02)}
.candy284-hero-card.mid{left:24px;top:128px;width:210px;height:315px;transform:translateZ(26px) rotateY(10deg) rotateZ(-8deg);opacity:.7;filter:saturate(.72)}
.candy284-hero-card.back{right:2px;top:30px;width:188px;height:282px;transform:translateZ(-48px) rotateY(-15deg) rotateZ(12deg);opacity:.42;filter:saturate(.55) blur(.2px)}
.candy284-hero-card-label{position:absolute;z-index:4;left:18px;right:18px;bottom:17px;display:grid;gap:4px;transform:translateZ(18px)}
.candy284-hero-card-label small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#d7a6df}
.candy284-hero-card-label strong{overflow:hidden;font-size:13px;line-height:1.15;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.candy284-hero-index{position:absolute;z-index:8;right:12px;bottom:8px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(8,8,13,.48);backdrop-filter:blur(14px);transform:translateZ(135px)}
.candy284-hero-index i{width:6px;height:6px;border-radius:50%;background:#6de3aa;box-shadow:0 0 16px rgba(109,227,170,.55)}
.candy284-hero-index span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#b8b2c1}
@keyframes c284StageIn{from{opacity:0;transform:translate3d(50px,-45%,0) perspective(1500px) rotateX(5deg) rotateY(-12deg) scale(.94)}to{opacity:.92}}
@keyframes c284FloatFront{from{translate:0 -5px}to{translate:0 8px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.candy284-hero-card.front{animation:c284FloatFront 5.6s ease-in-out infinite alternate}.candy284-hero-card.mid{animation:c284FloatFront 7s -1.8s ease-in-out infinite alternate}}

/* Quick start turns into premium floating dock */
html[data-candy-ui="true"] .quick-start-grid{padding:8px!important;border:1px solid rgba(255,255,255,.07);border-radius:27px;background:rgba(10,9,15,.46);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)}
html[data-candy-ui="true"] .quick-start-card{border-color:transparent!important;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.015))!important;box-shadow:none!important}
html[data-candy-ui="true"] .quick-start-card:hover{border-color:rgba(255,255,255,.075)!important;background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.025))!important}
html[data-candy-ui="true"] .quick-start-arrow{transition:transform .3s var(--candy284-ease),color .2s ease!important}
html[data-candy-ui="true"] .quick-start-card:hover .quick-start-arrow{transform:translateX(5px);color:#fff!important}

/* Section rhythm and subtle divider rails */
html[data-candy-ui="true"] .section-heading{position:relative;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.045)}
html[data-candy-ui="true"] .section-heading::after{content:"";position:absolute;left:0;bottom:-1px;width:76px;height:1px;background:linear-gradient(90deg,var(--candy284-pink),transparent)}
html[data-candy-ui="true"] .section-heading h2{text-shadow:0 12px 44px rgba(0,0,0,.26)}

/* Deeper card physics */
.candy-tilt{--c284-lift:0px;--c284-scale:1;isolation:isolate}
.candy-tilt::before{content:"";position:absolute;z-index:19;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(120deg,rgba(255,255,255,.20),transparent 22%,transparent 68%,rgba(255,91,170,.14));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;transition:opacity .22s ease}
.candy-tilt.candy-tilting{transform:perspective(1100px) rotateX(var(--candy-rx,0deg)) rotateY(var(--candy-ry,0deg)) translate3d(0,-7px,22px) scale(1.012)!important;box-shadow:0 28px 75px rgba(0,0,0,.34)!important}
.candy-tilt.candy-tilting::before{opacity:1}
.candy-tilt.candy-tilting>.candy-sheen{opacity:.95}
.candy-sheen{background:radial-gradient(circle at var(--candy-mx,50%) var(--candy-my,50%),rgba(255,255,255,.18),rgba(255,105,180,.055) 21%,transparent 46%)!important}
html[data-candy-ui="true"] .anime-card.candy-tilt{border-radius:20px}
html[data-candy-ui="true"] .anime-card.candy-tilt .anime-cover,
html[data-candy-ui="true"] .anime-card.candy-tilt .card-poster,
html[data-candy-ui="true"] .anime-card.candy-tilt [class*="poster"]{transform:translateZ(12px);transition:transform .28s var(--candy284-ease),box-shadow .28s ease!important}
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting .anime-cover,
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting .card-poster,
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting [class*="poster"]{transform:translateZ(28px)!important;box-shadow:0 28px 68px rgba(0,0,0,.43)!important}
html[data-candy-ui="true"] .anime-card.candy-tilt h3{transform:translateZ(10px);transition:transform .28s var(--candy284-ease),color .2s ease!important}
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting h3{transform:translateZ(34px)!important;color:#fff!important}
html[data-candy-ui="true"] .anime-card.candy-tilt p,
html[data-candy-ui="true"] .anime-card.candy-tilt small{transform:translateZ(7px);transition:transform .28s var(--candy284-ease)!important}
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting p,
html[data-candy-ui="true"] .anime-card.candy-tilt.candy-tilting small{transform:translateZ(25px)!important}

/* Glass surfaces get a premium inner edge */
html[data-candy-ui="true"] :is(.info-card,.fold-card,.premium-plan,.premium-benefits,.legal-card,.room-builder-card,.room-join-card,.admin-section,.profile-hero-card,.profile-editor-card,.account-danger-card,.premium-profile-card,.collection-create-card,.appearance-form,.watch-options-card,.collection-page-hero,.collection-page-edit,.catalog-toolbar,.filter-panel){
  position:relative;isolation:isolate;overflow:hidden;
  box-shadow:0 24px 76px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)!important
}
html[data-candy-ui="true"] :is(.info-card,.fold-card,.premium-plan,.legal-card,.room-builder-card,.room-join-card,.admin-section,.profile-hero-card,.profile-editor-card,.collection-create-card,.watch-options-card,.collection-page-hero)::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at var(--candy-mx,72%) var(--candy-my,12%),rgba(164,107,255,.08),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.023),transparent 38%)
}

/* ===== CATALOG ===== */
html[data-candy-ui="true"] body[data-page="catalog"] .page-intro{position:relative;isolation:isolate}
html[data-candy-ui="true"] body[data-page="catalog"] .page-intro::after{content:"";position:absolute;z-index:-1;right:3%;top:-60px;width:290px;height:290px;border:1px solid rgba(166,108,255,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(166,108,255,.018),0 0 0 84px rgba(255,90,168,.012)}
html[data-candy-ui="true"] .catalog-toolbar,html[data-candy-ui="true"] .filter-panel{background:linear-gradient(135deg,rgba(21,20,30,.78),rgba(10,10,15,.72))!important;backdrop-filter:blur(26px) saturate(135%)!important}
html[data-candy-ui="true"] .filter-chip,html[data-candy-ui="true"] .active-filter{border-radius:999px!important;transition:.2s ease!important}
html[data-candy-ui="true"] .filter-chip:hover,html[data-candy-ui="true"] .active-filter:hover{transform:translateY(-1px)}

/* ===== ANIME DETAIL ===== */
html[data-candy-ui="true"] body[data-page="anime"] .anime-hero{perspective:1400px!important;isolation:isolate}
html[data-candy-ui="true"] body[data-page="anime"] .detail-poster{transform-style:preserve-3d;box-shadow:0 45px 120px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.035)!important;transition:transform .25s ease!important}
html[data-candy-ui="true"] body[data-page="anime"] .detail-poster::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 22%,transparent 70%,rgba(255,90,168,.07));mix-blend-mode:screen}
html[data-candy-ui="true"] body[data-page="anime"] .detail-copy{transform:translateZ(28px)}
html[data-candy-ui="true"] body[data-page="anime"] .detail-copy h1{font-size:clamp(48px,5.8vw,86px)!important}
html[data-candy-ui="true"] .character-card:hover,html[data-candy-ui="true"] .character-item:hover{border-color:rgba(255,255,255,.16)!important;box-shadow:0 26px 66px rgba(0,0,0,.32)!important}

/* ===== PLAYER ===== */
html[data-candy-ui="true"] body.watch-page::before{content:"";position:fixed;z-index:0;left:50%;top:120px;width:min(1050px,85vw);height:520px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(143,85,230,.08),transparent 65%);filter:blur(35px);pointer-events:none}
html[data-candy-ui="true"] .watch-player-shell{position:relative;isolation:isolate;overflow:hidden!important;background:#050507!important}
html[data-candy-ui="true"] .watch-player-shell::before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.05);border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.045)}
html[data-candy-ui="true"] .watch-center-play{transition:transform .28s var(--candy284-ease),background .25s ease,box-shadow .25s ease!important}
html[data-candy-ui="true"] .watch-center-play:hover{transform:translate(-50%,-50%) scale(1.08)!important;box-shadow:0 24px 75px rgba(173,79,239,.3)!important}

/* ===== PREMIUM ===== */
html[data-candy-ui="true"] .premium-plan{transform-style:preserve-3d;transition:transform .3s var(--candy284-ease),border-color .3s ease,box-shadow .3s ease!important}
html[data-candy-ui="true"] .premium-plan:hover{border-color:rgba(255,255,255,.16)!important}
html[data-candy-ui="true"] .premium-plan-best::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,transparent 18%,rgba(255,255,255,.035) 42%,transparent 63%);transform:translateX(-100%);transition:transform .85s ease}
html[data-candy-ui="true"] .premium-plan-best:hover::after{transform:translateX(100%)}

/* ===== PROFILE / TSUKIRO ID ===== */
html[data-candy-ui="true"] body[data-page="profile"]{background:#07070b!important}
html[data-candy-ui="true"] #authGuest.auth-studio{
  --auth-rx:0deg;--auth-ry:0deg;position:relative;margin:116px auto 80px!important;width:min(1480px,calc(100% - 48px))!important;
  min-height:790px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:34px!important;overflow:hidden!important;
  background:linear-gradient(135deg,#0d0c13,#08080c)!important;box-shadow:0 55px 160px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035)!important;perspective:1800px
}
html[data-candy-ui="true"] #authGuest::after{content:"";position:absolute;z-index:20;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 0 100px rgba(255,255,255,.008)}
html[data-candy-ui="true"] #authGuest .auth-studio-visual{overflow:hidden!important;background:#07070b!important;transform-style:preserve-3d}
html[data-candy-ui="true"] #authGuest .auth-v262-space{background:radial-gradient(circle at 20% 18%,rgba(255,86,170,.18),transparent 26%),radial-gradient(circle at 78% 30%,rgba(145,92,255,.2),transparent 31%),radial-gradient(circle at 46% 85%,rgba(94,118,255,.08),transparent 31%),linear-gradient(145deg,#131019,#07070b 72%)!important}
html[data-candy-ui="true"] #authGuest .auth-v262-space::before{background-size:68px 68px!important;opacity:.78}
.candy284-auth-hud{position:absolute;z-index:8;left:clamp(32px,4vw,62px);bottom:34px;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(8,8,13,.5);backdrop-filter:blur(16px);transform:translateZ(95px)}
.candy284-auth-hud i{width:7px;height:7px;border-radius:50%;background:#62dfa5;box-shadow:0 0 16px rgba(98,223,165,.55)}
.candy284-auth-hud span{font-size:8px;font-weight:850;letter-spacing:.14em;color:#9993a3;text-transform:uppercase}
.candy284-auth-shard{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.012));box-shadow:0 24px 70px rgba(0,0,0,.36);backdrop-filter:blur(10px);transform-style:preserve-3d;pointer-events:none}
.candy284-auth-shard.s1{width:82px;height:115px;right:11%;top:17%;border-radius:19px;transform:translateZ(20px) rotateY(-18deg) rotateZ(10deg);opacity:.66}
.candy284-auth-shard.s2{width:58px;height:58px;right:39%;bottom:16%;border-radius:18px;transform:translateZ(85px) rotateX(14deg) rotateY(18deg) rotateZ(-15deg);background:linear-gradient(145deg,rgba(255,90,168,.15),rgba(155,102,255,.05));opacity:.72}
.candy284-auth-shard.s3{width:120px;height:42px;left:13%;top:43%;border-radius:999px;transform:translateZ(28px) rotateY(15deg) rotateZ(-8deg);opacity:.48}
html[data-candy-ui="true"] #authGuest .auth-v262-login-copy,html[data-candy-ui="true"] #authGuest .auth-v262-register-copy{transform:translateZ(88px)!important}
html[data-candy-ui="true"] #authGuest .auth-v262-login-copy h1,html[data-candy-ui="true"] #authGuest .auth-v262-register-copy h1{background:linear-gradient(125deg,#fff,#eee6f7 60%,#d5c4e1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none!important;filter:drop-shadow(0 22px 60px rgba(0,0,0,.25))}
html[data-candy-ui="true"] #authGuest .auth-v262-orbit{filter:drop-shadow(0 25px 50px rgba(0,0,0,.35));transform:translateZ(38px) rotateX(62deg) rotateZ(-12deg)!important}
html[data-candy-ui="true"] #authGuest .auth-v262-orbit-ring{box-shadow:inset 0 0 50px rgba(139,92,246,.05),0 0 30px rgba(175,93,255,.035)}
html[data-candy-ui="true"] #authGuest .auth-v262-orbit-core{box-shadow:0 28px 80px rgba(0,0,0,.56),0 0 55px rgba(255,79,163,.09)!important}
html[data-candy-ui="true"] #authGuest .auth-v262-resume-card{border-color:rgba(255,255,255,.10)!important;background:linear-gradient(140deg,rgba(30,25,37,.9),rgba(12,11,17,.84))!important;backdrop-filter:blur(18px);box-shadow:0 34px 90px rgba(0,0,0,.46)!important;transform:translateZ(105px) rotateX(-1.2deg)!important}
html[data-candy-ui="true"] #authGuest .auth-v262-feature-ribbon article{border-color:rgba(255,255,255,.09)!important;background:linear-gradient(105deg,rgba(28,23,35,.88),rgba(11,10,16,.78))!important;backdrop-filter:blur(15px);box-shadow:0 26px 64px rgba(0,0,0,.38)!important}
html[data-candy-ui="true"] #authGuest .auth-studio-panel{
  position:relative!important;z-index:7!important;padding:50px clamp(34px,4vw,58px)!important;background:radial-gradient(circle at 100% 0,rgba(167,100,255,.09),transparent 28%),linear-gradient(160deg,rgba(21,18,28,.94),rgba(10,10,15,.96) 72%)!important;
  border-left:1px solid rgba(255,255,255,.07)!important;box-shadow:-30px 0 100px rgba(0,0,0,.12);transform-style:preserve-3d
}
html[data-candy-ui="true"] #authGuest .auth-studio-brand{display:inline-flex!important;padding:7px 10px 7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);transition:.22s ease!important}
html[data-candy-ui="true"] #authGuest .auth-studio-brand:hover{background:rgba(255,255,255,.055);transform:translateY(-1px)}
html[data-candy-ui="true"] #authGuest .auth-tabs{padding:5px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(8,8,13,.55)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
html[data-candy-ui="true"] #authGuest .auth-tab{min-height:44px!important;border-radius:12px!important;transition:.25s var(--candy284-ease)!important}
html[data-candy-ui="true"] #authGuest .auth-tab.active{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;color:#fff!important;box-shadow:0 9px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055)!important}
html[data-candy-ui="true"] #authGuest .auth-input{position:relative;border-radius:15px!important;transition:.22s ease!important}
html[data-candy-ui="true"] #authGuest .auth-input:focus-within{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(211,130,255,.23),0 15px 36px rgba(0,0,0,.18),0 0 30px rgba(165,90,240,.045)!important}
html[data-candy-ui="true"] #authGuest .auth-input input{min-height:54px!important;border-radius:15px!important;background:rgba(9,9,14,.72)!important;border-color:rgba(255,255,255,.085)!important;padding-left:15px!important}
html[data-candy-ui="true"] #authGuest .auth-submit{position:relative;min-height:54px!important;border-radius:15px!important;overflow:hidden;background:linear-gradient(110deg,#fff,#f2eaf7 56%,#e3d6eb)!important;box-shadow:0 18px 48px rgba(255,255,255,.07)!important}
html[data-candy-ui="true"] #authGuest .auth-submit::after{content:"";position:absolute;top:-70%;bottom:-70%;left:-60px;width:36px;transform:rotate(18deg);background:rgba(255,255,255,.72);filter:blur(8px);transition:left .7s ease}
html[data-candy-ui="true"] #authGuest .auth-submit:hover::after{left:calc(100% + 45px)}
html[data-candy-ui="true"] #authGuest[data-auth-mode="register"] .auth-studio-panel{background:radial-gradient(circle at 100% 0,rgba(145,90,255,.16),transparent 31%),radial-gradient(circle at 10% 92%,rgba(255,90,168,.06),transparent 35%),linear-gradient(160deg,rgba(22,18,30,.95),rgba(9,9,14,.97) 74%)!important}

/* Logged-in profile: more depth */
html[data-candy-ui="true"] .profile-hero-card{min-height:290px;transform-style:preserve-3d}
html[data-candy-ui="true"] .profile-hero-card .profile-big-avatar{transform:translateZ(38px)}
html[data-candy-ui="true"] .profile-hero-card :is(h1,h2,h3,.profile-name){transform:translateZ(26px)}

/* Auth confirm / reset inherit the premium ID surface */
html[data-candy-ui="true"] body.auth-confirm-page{min-height:100svh;background:radial-gradient(circle at 72% 8%,rgba(154,94,255,.12),transparent 30%),radial-gradient(circle at 15% 80%,rgba(255,90,168,.07),transparent 30%),#07070b!important}
html[data-candy-ui="true"] .auth-confirm-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(24,21,31,.93),rgba(10,10,15,.94))!important;box-shadow:0 45px 130px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(24px)}
html[data-candy-ui="true"] .auth-confirm-card::before{content:"";position:absolute;right:-90px;top:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(166,100,255,.16),transparent 70%);pointer-events:none}

/* Reveal only when JS has opted the element in */
.candy284-reveal{opacity:0;transform:translate3d(0,18px,0) scale(.992);filter:blur(3px);transition:opacity .72s var(--candy284-ease),transform .72s var(--candy284-ease),filter .72s ease}
.candy284-reveal.is-visible{opacity:1;transform:none;filter:none}

/* Button press feedback */
html[data-candy-ui="true"] :is(.button,.icon-button,.auth-tab,.admin-tab,.schedule-tabs button,.discovery-schedule-tabs button):active{transform:translateY(1px) scale(.985)!important;transition-duration:.08s!important}

@media(max-width:1200px){
  .candy284-hero-stage{right:-34px;width:370px;transform:translate3d(var(--c284-stage-x),calc(-48% + var(--c284-stage-y)),0) perspective(1500px) rotateX(var(--c284-stage-rx)) rotateY(var(--c284-stage-ry)) scale(.88)}
  html[data-candy-ui="true"] #hero #heroTitle{max-width:760px!important}
}
@media(max-width:1020px){
  .candy284-hero-stage{display:none}
  html[data-candy-ui="true"] #authGuest.auth-studio{width:min(980px,calc(100% - 32px))!important}
}
@media(max-width:820px){
  html[data-candy-ui="true"] .navbar.candy-navbar-scrolled{top:8px!important;left:8px!important;right:8px!important;border-radius:17px!important;padding-inline:12px!important}
  html[data-candy-ui="true"] #authGuest.auth-studio{margin-top:92px!important;border-radius:26px!important;width:calc(100% - 24px)!important;min-height:0!important}
  html[data-candy-ui="true"] #authGuest .auth-studio-panel{border-left:0!important;border-top:1px solid rgba(255,255,255,.065)!important;padding:31px 24px 34px!important}
  .candy284-auth-hud{display:none}.candy284-auth-shard.s2,.candy284-auth-shard.s3{display:none}
}
@media(max-width:680px){
  .candy284-world::before{display:none}.candy284-aurora{display:none}
  html[data-candy-ui="true"] .quick-start-grid{padding:6px!important;border-radius:22px}
  html[data-candy-ui="true"] #hero .hero-kicker{padding-block:7px!important}
  html[data-candy-ui="true"] .section-heading{padding-bottom:12px}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){
  .candy284-world,.candy284-hero-stage,.candy284-auth-shard{display:none!important}
  .candy284-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .candy284-magnetic{transform:none!important;transition:none!important}
}