.cake{perspective:900px;display:flex;justify-content:center;align-items:center}.cake__stack{transform:rotateX(18deg);transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px)}.cake__disc{position:relative;display:flex;flex-direction:column;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.cake__face{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:clamp(14px,2vw,20px);padding:clamp(.7rem,1.5vh,1.1rem) clamp(1.5rem,3vw,2.5rem);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}.cake__side{position:absolute;bottom:clamp(-13px,-2vh,-18px);left:clamp(4px,.6vw,6px);right:clamp(4px,.6vw,6px);height:clamp(11px,2vh,18px);border-radius:0 0 clamp(10px,1.5vw,16px) clamp(10px,1.5vw,16px);z-index:0;transition:background .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1)}.cake__label{font-family:var(--font-brand, "Inter", sans-serif);font-weight:600;font-size:clamp(1.1rem,2.2vw,1.6rem);color:#fff;letter-spacing:-.01em;line-height:1.2}.cake__sublabel{font-family:var(--font-brand, "Inter", sans-serif);font-weight:400;font-size:clamp(.75rem,1.2vw,1rem);color:#ffffff8c;margin-top:clamp(3px,.5vh,6px);line-height:1.3}.cake__disc--1 .cake__face{width:clamp(340px,56vw,600px);min-height:clamp(60px,10vh,90px);background:linear-gradient(180deg,#00ca9724,#00ca9712);border:1.5px solid rgba(0,202,151,.22)}.cake__disc--1 .cake__side{background:linear-gradient(180deg,#00a0782e,#00a07814);border:1px solid rgba(0,202,151,.1);border-top:none}.cake__disc--2 .cake__face{width:clamp(280px,46vw,500px);min-height:clamp(60px,10vh,90px);background:linear-gradient(180deg,#00a0c829,#00a0c814);border:1.5px solid rgba(0,160,200,.25)}.cake__disc--2 .cake__side{background:linear-gradient(180deg,#0082a533,#0082a514);border:1px solid rgba(0,160,200,.12);border-top:none}.cake__disc--3 .cake__face{width:clamp(220px,36vw,400px);min-height:clamp(60px,10vh,90px);background:linear-gradient(180deg,#86ffd91a,#86ffd90a);border:1.5px solid rgba(134,255,217,.18)}.cake__disc--3 .cake__side{background:linear-gradient(180deg,#64d2af1f,#64d2af0a);border:1px solid rgba(134,255,217,.08);border-top:none}.cake__disc--1.cake__disc--active .cake__face{background:linear-gradient(180deg,#00ca974d,#00ca9729);border-color:#00ca97cc;box-shadow:0 0 32px #00ca9733,0 4px 20px #00ca971a,inset 0 1px #00ca9726}.cake__disc--1.cake__disc--active .cake__side{background:linear-gradient(180deg,#00a07859,#00a07826);border-color:#00ca9759}.cake__disc--1.cake__disc--active .cake__label{color:#86ffd9}.cake__disc--2.cake__disc--active .cake__face{background:linear-gradient(180deg,#00a0c859,#00a0c82e);border-color:#00b4dccc;box-shadow:0 0 32px #00a0c833,0 4px 20px #00a0c81a,inset 0 1px #00b4dc26}.cake__disc--2.cake__disc--active .cake__side{background:linear-gradient(180deg,#0082a566,#0082a52e);border-color:#00a0c859}.cake__disc--2.cake__disc--active .cake__label{color:#7ae0ff}.cake__disc--3.cake__disc--active .cake__face{background:linear-gradient(180deg,#86ffd938,#86ffd91a);border-color:#86ffd9bf;box-shadow:0 0 32px #86ffd92e,0 4px 20px #86ffd914,inset 0 1px #86ffd91f}.cake__disc--3.cake__disc--active .cake__side{background:linear-gradient(180deg,#64d2af40,#64d2af1a);border-color:#86ffd94d}.cake__disc--3.cake__disc--active .cake__label{color:#86ffd9}.cake__disc--active{transform:scale(1.05)}.cake__disc--dimmed{opacity:.28}.cake--compact{transform:scale(.72);transform-origin:center center}.cake--compact .cake__stack{gap:clamp(4px,.6vh,7px)}.cake--compact .cake__face{padding:clamp(.5rem,1vh,.8rem) clamp(1rem,2vw,1.8rem);min-height:clamp(36px,6vh,52px)!important}.placeholder-screenshot{display:flex;align-items:center;justify-content:center;border-radius:16px;border:2px dashed rgba(255,255,255,.12);background:#ffffff05;color:#ffffff40;font-family:var(--font-brand, "Inter", sans-serif);font-size:clamp(.75rem,1.2vw,1rem);font-weight:500;text-align:center;padding:clamp(1rem,2vw,2rem);min-height:clamp(120px,25vh,280px);width:100%;max-width:clamp(400px,60vw,700px)}@media(max-width:768px){.cake__disc--1 .cake__face{width:260px}.cake__disc--2 .cake__face{width:215px}.cake__disc--3 .cake__face{width:170px}.cake--compact{transform:scale(.6)}}@media(max-height:600px){.cake__face{min-height:40px!important;padding-top:.4rem;padding-bottom:.4rem}.cake__side{height:8px;bottom:-9px}.cake__stack{gap:4px}}@media(prefers-reduced-motion:reduce){.cake__disc,.cake__face,.cake__side{transition-duration:.15s!important}}