/* Chrome UI depth and restrained, tactile interaction throughout the product. */
:root{--era-spring:cubic-bezier(.22,1,.36,1)}
:is(.pg-button,.ep-button,.ea-card button){position:relative;isolation:isolate;overflow:hidden}
:is(.pg-button,.ep-primary,.ea-card button:not(.ea-secondary))::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--era-light-x,30%) var(--era-light-y,0%),#ffffff28,transparent 65%);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -2px 3px #00000026;opacity:.65;transition:opacity .3s}
:is(.pg-button,.ep-primary,.ea-card button):hover::after{opacity:1}
:is(button,a,summary){-webkit-tap-highlight-color:transparent}
:is(button,a):disabled{cursor:wait}
#era-site-glass .pg-segment-pill{transition:transform .48s cubic-bezier(.25,1.3,.35,1);box-shadow:0 3px 10px #24263810,inset 0 1px 1px #fff}
#era-site-glass .pg-segment{box-shadow:inset 0 1px 3px #202d4510}
#era-site-glass .pg-room{transform:perspective(1300px) rotateX(var(--era-tilt-x,0deg)) rotateY(var(--era-tilt-y,0deg));transition:transform .65s var(--era-spring),box-shadow .5s;position:relative;isolation:isolate;box-shadow:0 18px 55px #26334b08,inset 0 1px 2px #fff}
#era-site-glass .pg-room::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--era-light-x,25%) var(--era-light-y,0%),#dce3ef55,transparent 60%);opacity:.65;transition:opacity .5s}
#era-site-glass .pg-person{transition:background .4s,transform .45s var(--era-spring)}
#era-site-glass .pg-person:hover{background:#e9edf4;transform:translateY(-3px)}
#era-panel-layout .ep-nav{position:relative;isolation:isolate}
#era-panel-layout .ep-nav-indicator{position:absolute;left:0;top:0;border:1px solid #e9ecf2;border-radius:14px;background:linear-gradient(145deg,#fff,#ffffffb8);box-shadow:0 4px 15px #20253609,inset 0 1px 1px #fff;z-index:-1;pointer-events:none;transition:transform .46s cubic-bezier(.25,1.18,.35,1),width .35s,height .35s}
#era-panel-layout .ep-nav:has(.ep-nav-indicator) button[aria-current="page"]{background:transparent;box-shadow:none}
#era-panel-layout .ep-nav button:hover{transform:none}
#era-panel-layout .ep-nav button{transition:color .25s,background .25s}
#era-panel-layout .ep-space-card{position:relative;transition:transform .4s var(--era-spring),box-shadow .4s,border-color .4s;background:radial-gradient(ellipse at var(--era-light-x,25%) var(--era-light-y,0%),#edf1f955,transparent 65%),linear-gradient(145deg,#fff,#f7f9fc);box-shadow:0 8px 28px #202a3d05,inset 0 1px 1px #fff}
@media(hover:hover){#era-panel-layout .ep-space-card:hover{transform:translateY(-3px);border-color:#dbe1ec;box-shadow:0 16px 36px #202a3d0d,inset 0 1px 1px #fff}}
#era-panel-layout #era-dialog[open]{animation:era-dialog-in .38s var(--era-spring) both}
#era-panel-layout #era-dialog[open]::backdrop{animation:era-backdrop-in .28s ease-out both}
#era-panel-layout .ep-goal[open] .ep-goal-body{animation:era-detail-in .35s var(--era-spring)}
#era-panel-layout .ep-task input{transition:transform .2s var(--era-spring)}
#era-panel-layout .ep-task input:active{transform:scale(.86)}
#era-panel-layout .ep-task input:checked{animation:era-check-in .3s var(--era-spring)}
#era-auth .ea-card{animation:era-dialog-in .55s var(--era-spring) both;box-shadow:0 18px 55px #29364e08,inset 0 1px 1px #fff}
@keyframes era-dialog-in{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes era-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes era-notice-in{from{opacity:0;transform:translate(-50%,9px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes era-detail-in{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes era-check-in{0%{transform:scale(.85)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 :is(#era-site-glass,#era-panel-layout,#era-auth) *, :is(#era-site-glass,#era-panel-layout,#era-auth) *::before,:is(#era-site-glass,#era-panel-layout,#era-auth) *::after,:is(#era-site-glass,#era-panel-layout,#era-auth) *::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #era-site-glass .pg-room{transform:none!important}
}