.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26);box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15))}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:inset 0 1px #fff6,inset 0 -1px #fff3}html.dark .glass-surface--fallback,[data-theme=dark] .glass-surface--fallback{background:#ffffff14;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff14}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}
.stroke-text{width:100%;line-height:0;display:block}.stroke-text--hover{cursor:pointer}.stroke-text__svg{width:100%;height:var(--stroke-text-height,160px);display:block}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none}
.depth-carousel{width:100%;height:100%;min-height:320px;perspective:var(--dc-perspective,1400px);perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid var(--border-strong);outline-offset:6px;border-radius:12px}.depth-carousel__stage{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;background:var(--bg-elevated);border:1px solid var(--border-strong);will-change:transform, opacity, filter;cursor:pointer;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.depth-carousel__tint{opacity:0;pointer-events:none;background:var(--bg);position:absolute;inset:0}.depth-carousel__card pre{cursor:auto;-webkit-user-select:text;user-select:text}.depth-carousel__arrow{z-index:3000;border:1px solid var(--border-strong);background:var(--bg-elevated);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:999px;place-items:center;transition:color .18s,border-color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.depth-carousel__arrow--prev{left:0}.depth-carousel__arrow--next{right:0}.depth-carousel__dots{z-index:3000;gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.depth-carousel__dot{background:var(--text-tertiary);opacity:.4;cursor:pointer;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,opacity .25s}.depth-carousel__dot.is-active{opacity:1;width:20px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}
