.ep-ceramic-wrap{position:relative;display:inline-flex;max-inline-size:min(100%,calc(100vw - 2rem));isolation:isolate}.ep-ceramic-glow{position:absolute;inset:-8px;z-index:0;border-radius:16px;background:linear-gradient(90deg,var(--ep-accent,#9c792d),color-mix(in srgb,var(--ep-accent,#9c792d) 40%,#fff6d4),var(--ep-accent-hover,#c8a85b),var(--ep-accent,#9c792d));background-size:300% 300%;animation:ep-ceramic-glow 3s ease-in-out infinite;pointer-events:none}button.ep-ceramic{--ep-ceramic-skew:-16deg;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;max-inline-size:100%;padding:.85rem clamp(.9rem,3.4vw,1.8rem);min-block-size:2.85rem;border-radius:12px;overflow:hidden;cursor:pointer;color:var(--ep-accent-contrast,#1a1408);background:linear-gradient(135deg,color-mix(in srgb,var(--ep-surface-elevated,#f7f1e6) 90%,white) 0,color-mix(in srgb,var(--ep-accent,#9c792d) 24%,var(--ep-surface,#efe6d4)) 100%);border:1px solid color-mix(in srgb,var(--ep-accent,#9c792d) 48%,transparent);box-shadow:inset 0 1px 1px rgb(255 255 255/.55),0 12px 30px -10px color-mix(in srgb,var(--ep-accent,#9c792d) 42%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);transform:skewX(var(--ep-ceramic-skew));font:inherit;touch-action:manipulation;transition:box-shadow .4s cubic-bezier(.16,1,.3,1)}body.dark-version button.ep-ceramic,html[data-theme=dark] button.ep-ceramic{color:var(--ep-text,#f8fafc);background:linear-gradient(135deg,color-mix(in srgb,var(--ep-bg,#0b0c10) 72%,transparent) 0,color-mix(in srgb,var(--ep-accent,#c8a85b) 30%,var(--ep-surface,#1c2227)) 52%,color-mix(in srgb,var(--ep-bg,#0b0c10) 88%,black) 100%);border-color:color-mix(in srgb,var(--ep-accent,#c8a85b) 62%,transparent);box-shadow:inset 0 1px 1px rgb(255 255 255/.18),0 12px 30px -10px rgb(0 0 0/.5)}html[dir=rtl] button.ep-ceramic{--ep-ceramic-skew:16deg}html .ep-book-fab button.ep-ceramic,html .ep-navbar button.ep-ceramic{color:var(--ep-accent-contrast,#1a1408);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}body.dark-version .ep-book-fab button.ep-ceramic,body.dark-version .ep-navbar button.ep-ceramic,html[data-theme=dark] .ep-book-fab button.ep-ceramic,html[data-theme=dark] .ep-navbar button.ep-ceramic{color:var(--ep-text,#f8fafc)}.ep-ceramic-carbon{inset:0;background:repeating-linear-gradient(135deg,rgb(255 255 255/.06) 0 1px,transparent 1px 7px)}.ep-ceramic-carbon,.ep-ceramic-rim{position:absolute;pointer-events:none}.ep-ceramic-rim{inset-block-start:0;inset-inline:0;z-index:2;block-size:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ep-accent,#c8a85b) 85%,white),transparent)}.ep-ceramic-beam{position:absolute;inset-block:0;inset-inline-start:0;z-index:1;inline-size:62%;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--ep-accent,#c8a85b) 55%,white) 50%,transparent 100%);animation:ep-ceramic-beam 3.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.ep-ceramic-content{position:relative;z-index:3;display:inline-flex;align-items:center;gap:.65rem;min-inline-size:0;transform:skewX(calc(var(--ep-ceramic-skew) * -1));font-size:clamp(.95rem,2.4vw,1.08rem);font-weight:850;letter-spacing:.01em}.ep-ceramic-content>span:first-child{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-ceramic-icon{display:grid;place-items:center;flex:0 0 auto;inline-size:2rem;block-size:2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ep-accent,#c8a85b) 55%,transparent);background:color-mix(in srgb,var(--ep-accent,#c8a85b) 18%,transparent);color:var(--ep-accent-hover,#765716);transition:transform .35s cubic-bezier(.16,1,.3,1)}body.dark-version .ep-ceramic-icon,html[data-theme=dark] .ep-ceramic-icon{color:var(--ep-accent,#e2c678)}html[dir=rtl] .ep-ceramic-icon svg{transform:scaleX(-1)}button.ep-ceramic:hover{box-shadow:inset 0 1px 1px rgb(255 255 255/.5),0 16px 34px -12px color-mix(in srgb,var(--ep-accent,#9c792d) 55%,transparent)}button.ep-ceramic:hover .ep-ceramic-icon{transform:translateX(4px)}html[dir=rtl] button.ep-ceramic:hover .ep-ceramic-icon{transform:translateX(-4px)}button.ep-ceramic:focus-visible{outline:3px solid color-mix(in srgb,var(--ep-accent,#9c792d) 70%,transparent);outline-offset:4px}button.ep-ceramic:active{transform:skewX(var(--ep-ceramic-skew)) scale(.985)}@keyframes ep-ceramic-beam{0%{transform:skewX(-20deg) translateX(-180%);opacity:0}20%{opacity:.85}50%{opacity:1}80%{opacity:.85}to{transform:skewX(-20deg) translateX(280%);opacity:0}}@keyframes ep-ceramic-glow{0%,to{opacity:.55;filter:blur(20px);transform:scale(.98);background-position:0 50%}50%{opacity:.95;filter:blur(28px);transform:scale(1.03);background-position:100% 50%}}@media (max-width:47.99rem){button.ep-ceramic{padding-inline:clamp(.75rem,3vw,1.15rem)}}@media (min-width:48rem){.ep-book-nav .ep-ceramic-wrap{--ep-ceramic-skew:-16deg}html[dir=rtl] .ep-book-nav .ep-ceramic-wrap{--ep-ceramic-skew:16deg}.ep-book-nav .ep-ceramic-glow{inset:3px 5px;border-radius:12px;transform:skewX(var(--ep-ceramic-skew));animation-name:ep-ceramic-glow-nav}}@keyframes ep-ceramic-glow-nav{0%,to{opacity:.42;filter:blur(9px);background-position:0 50%}50%{opacity:.72;filter:blur(14px);background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.ep-ceramic-beam,.ep-ceramic-glow,.ep-ceramic-icon,button.ep-ceramic{animation:none;transition:none}}