.jewel-root{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-cine:cubic-bezier(.77, 0, .175, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--jw-line:color-mix(in oklab, var(--t-accent) 55%, transparent);--jw-btn-line:color-mix(in oklab, var(--t-accent) 75%, transparent)}.jewel-glint{inset-block:0;pointer-events:none;background:linear-gradient(90deg, transparent, var(--jw-glint) 50%, transparent);width:40%;position:absolute;left:30%}.jewel-glint-fast{width:45%;left:27.5%}@keyframes jewel-glint-run{0%{translate:-180%}to{translate:180%}}.jewel-door,.jewel-seam{display:none}@keyframes jewel-door-open{to{translate:calc(var(--dir) * 101%) 0;visibility:hidden}}@keyframes jewel-seam{0%{opacity:0;scale:.15 1}35%{opacity:1}to{opacity:0;visibility:hidden;scale:3.2 1}}@keyframes jewel-wipe-rtl{0%{clip-path:inset(-.6em -.6em -.6em 100%)}to{clip-path:inset(-.6em)}}@keyframes jewel-lift{0%{opacity:0;translate:0 .9rem}}.jewel-btn{--c:.7rem;isolation:isolate;color:var(--t-accent-text);background-image:linear-gradient(to bottom right, transparent calc(50% - .8px), var(--jw-btn-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .8px)), linear-gradient(to bottom right, transparent calc(50% - .8px), var(--jw-btn-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .8px)), linear-gradient(var(--jw-btn-line), var(--jw-btn-line)), linear-gradient(var(--jw-btn-line), var(--jw-btn-line)), linear-gradient(var(--jw-btn-line), var(--jw-btn-line)), linear-gradient(var(--jw-btn-line), var(--jw-btn-line));background-position:0 0,100% 100%,100% 0,100% 0,0 100%,0 100%;background-size:var(--c) var(--c), var(--c) var(--c), calc(100% - var(--c)) 1px, 1px calc(100% - var(--c)), calc(100% - var(--c)) 1px, 1px calc(100% - var(--c));--shine-color:color-mix(in oklab, var(--t-surface) 55%, transparent);background-repeat:no-repeat;position:relative}.jewel-btn:before{content:"";z-index:-1;pointer-events:none;background:var(--t-accent);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute;inset:0;scale:0}.jewel-btn:hover,.jewel-btn:focus-visible,.jewel-btn-primary{color:var(--t-on-accent)}.jewel-btn:hover:before,.jewel-btn:focus-visible:before,.jewel-btn-primary:before{scale:1}.jewel-btn:focus-visible{outline:2px solid var(--t-accent);outline-offset:3px}.jewel-lattice{color:var(--jw-lattice);opacity:var(--jw-lattice-lo)}[data-tint][data-active=false] .jewel-lattice{opacity:.2}@media (prefers-reduced-motion:no-preference){.jewel-door{z-index:30;pointer-events:none;--dir:-1;background:linear-gradient(180deg, var(--t-surface), var(--t-ground));width:50.5%;box-shadow:inset 0 0 0 .6rem var(--t-raise), inset 0 0 0 calc(.6rem + 1px) var(--jw-line);animation:jewel-door-open 1.8s var(--ease-cine) .6s both;display:block;position:absolute;inset-block:0;overflow:hidden}.jewel-door-l{left:0}.jewel-door-r{--dir:1;right:0}.jewel-seam{z-index:29;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in oklab, var(--t-accent) 55%, transparent), transparent 70%);width:24%;animation:jewel-seam 2.2s var(--ease-soft) .7s both;margin-left:-12%;display:block;position:absolute;inset:0 auto 0 50%}.jewel-write{animation:jewel-wipe-rtl .9s var(--ease-out-expo) var(--d,1.5s) backwards}.jewel-lift{animation:jewel-lift 1.1s var(--ease-soft) var(--d,2.6s) backwards}.jewel-btn{transition:color .4s var(--ease-out-expo), scale .12s var(--ease-out-expo), translate .35s var(--ease-out-expo)}.jewel-btn:before{transition:scale .4s var(--ease-out-expo)}.jewel-lattice{transition:opacity .9s var(--ease-io)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.jewel-glint{animation:linear both jewel-glint-run;animation-timeline:view();animation-range:cover 15% cover 85%}.jewel-glint-fast{animation-range:cover 28% cover 72%}}}
