/* Product interface — shared across the presentation site and studio. */
.product-home{background:var(--ivory)}
.site-header{backdrop-filter:blur(22px);padding-block:14px;gap:22px}
#site-nav{gap:25px;font-size:13px}
#site-nav a{transition:color .2s,background .2s,transform .2s}
#site-nav .nav-login{border:1px solid var(--line);border-radius:999px;padding:9px 17px;gap:14px;background:color-mix(in srgb,var(--white) 60%,transparent);text-decoration:none}
#site-nav .nav-login:hover{background:var(--blue);color:var(--ivory);transform:translateY(-1px)}
.button,.primary-button,.secondary-button{position:relative;overflow:hidden;border-radius:14px;transition:transform .25s,box-shadow .25s,background .25s}
.button::before,.primary-button::before{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 38%,#ffffff22 50%,transparent 62%);transform:translateX(-90%);pointer-events:none;transition:transform .65s}
.button:hover::before,.primary-button:hover:not(:disabled)::before{transform:translateX(90%)}
.button:hover,.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-2px)}
.button:active,.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:scale(.98)}
.button>span:last-child,.text-link>span:last-child{transition:transform .25s}.button:hover>span:last-child,.text-link:hover>span:last-child{transform:translate(2px,-2px)}
.header-preferences{gap:8px}.header-preferences .theme-button{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;min-height:38px;padding:0;background:transparent;font-size:19px;color:var(--ink);transition:transform .3s,background .2s}.theme-button:hover{transform:rotate(20deg);background:var(--white)}
.language-picker{position:relative;display:inline-flex;font-size:12px;letter-spacing:0;color:var(--ink)}
.language-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.language-trigger svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.language-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.language-menu{position:absolute;z-index:100;top:calc(100% + 9px);right:0;min-width:156px;padding:6px;background:var(--surface,var(--white));border:1px solid var(--line);box-shadow:0 18px 50px #0004;border-radius:15px;animation:picker-in .18s ease}
.language-option{width:100%;display:flex;justify-content:space-between;gap:18px;border:0;border-radius:10px;background:transparent;color:var(--ink);padding:11px 12px;min-height:40px;font-size:12px;cursor:pointer;text-align:left}
.language-option:hover,.language-option:focus-visible{background:var(--soft,var(--ivory))}.language-option[aria-selected=true]{background:color-mix(in srgb,var(--blue,var(--accent)) 13%,transparent)}.language-option span{opacity:.5}
@keyframes picker-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.product-hero{padding-top:60px;padding-bottom:70px;gap:4%;min-height:680px;grid-template-columns:1.05fr 1fr}
.product-hero h1{font-size:clamp(50px,5.8vw,86px);font-weight:650;line-height:1.03;margin:24px 0;letter-spacing:-.055em}.product-hero h1 em{font-family:inherit;font-weight:500}
.product-hero .lead{max-width:465px;font-size:16px}.product-hero .hero-actions{gap:20px}.product-hero .hero-actions .button{background:#c69f7a;border-color:#c69f7a;color:#102e41}.product-hero .hero-actions .text-link{border-bottom:0;font-size:12px;color:var(--muted)}
.hero-meta{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:30px}.hero-meta span+span{padding-left:22px;border-left:1px solid var(--line)}
.hand-showcase{min-height:540px;padding:0;border:0;border-radius:32px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#1b4d6355,transparent 68%);perspective:none}
.hand-light{position:absolute;inset:15% 12%;border-radius:50%;background:#c69f7a0a;filter:blur(45px)}
.hand-showcase .hero-hand-render{top:3%;left:12%;width:76%;height:88%;animation:sculpture-float 9s ease-in-out infinite;z-index:1}
.hand-caption{position:absolute;bottom:12px;left:8%;right:8%;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.04em;z-index:2}
.hand-showcase canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;z-index:1}.hand-showcase.model-ready .hero-hand-render{display:none}.model-credit{position:absolute;right:8%;bottom:49px;font-size:8px;color:var(--muted);opacity:.7;z-index:2;text-decoration:underline;text-underline-offset:3px}.hand-showcase:not(.model-ready) .model-credit{display:none}
.experience{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:12%;padding-top:70px;padding-bottom:70px}.experience h2{margin:20px 0 24px}.experience-copy>p{font-size:15px;max-width:360px}.experience-details{display:grid;gap:14px;margin-top:36px;font-size:12px;color:var(--muted)}.experience-details span{padding-bottom:14px;border-bottom:1px solid var(--line)}
.showcase-player{justify-self:center;width:min(100%,360px);border-radius:25px;overflow:hidden;background:#071b26;box-shadow:0 25px 75px #0003;border:1px solid var(--line);position:relative}
.showcase-player video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#071b26;border-radius:0;max-height:none}
.qol-player{position:relative;border-radius:20px;overflow:hidden;background:#071b26;isolation:isolate;width:100%}
.qol-player video{display:block;width:100%;margin:0;max-height:none;object-fit:contain;border-radius:0}
.player-center{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,#0002,transparent 65%);width:100%;border:0;cursor:pointer;z-index:2;color:#fff}
.player-center span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:1px solid #ffffff70;background:#ffffff22;backdrop-filter:blur(14px);transition:transform .25s,background .25s}.player-center:hover span{transform:scale(1.08);background:#ffffff38}.player-center svg{width:24px;height:24px;fill:currentColor;stroke:none}
.qol-player.is-playing .player-center{display:none}.player-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:42px 15px 12px;background:linear-gradient(transparent,#000a);display:grid;grid-template-columns:32px auto 1fr 32px 32px;gap:8px;align-items:center;color:#fff;transition:opacity .2s}
.player-controls button{width:32px;height:32px;min-height:32px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;color:#fff;cursor:pointer;padding:4px}.player-controls button:hover{background:#ffffff25}.player-controls svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}.player-time{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:0}.player-seek{grid-column:1/-1;grid-row:1;appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0 0 5px;border-radius:5px;background:linear-gradient(to right,#dfbea0 var(--played,0%),#ffffff55 var(--played,0%));cursor:pointer}.player-seek::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}.player-seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}.player-error{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;font-size:12px;color:#fff;background:#102b3c;z-index:4}
.qol-player:fullscreen{width:100%;height:100%;display:grid;place-items:center;border-radius:0;background:#000}.qol-player:fullscreen video{height:100%;width:100%;object-fit:contain}.qol-player:fullscreen .player-controls{padding-inline:24px}
.audience-card{padding-top:22px}.audience-card h3{margin-top:34px;font-size:25px}.audience-card p{font-size:14px}.section-head{margin-bottom:35px}.closing{padding-block:50px}.closing h2{font-size:clamp(32px,3vw,44px)}.closing .button{white-space:nowrap}.site-footer{padding-block:30px 15px;gap:18px}.footer-note{padding-top:15px;font-size:10px}
/* Studio: a compact rail, one navigation route, larger working canvas. */
.sidebar{width:236px;padding:25px 17px}.app-content{margin-left:236px;transition:margin-left .3s ease}.sidebar-toggle{background:transparent;border:1px solid var(--line);width:36px;height:36px;min-width:36px;border-radius:10px;margin-right:8px}.sidebar{transition:transform .3s ease;z-index:30}.sidebar-collapsed .sidebar{transform:translateX(-100%);visibility:hidden}.sidebar-collapsed .app-content{margin-left:0}.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}.topbar{gap:10px}.breadcrumb{margin-right:auto}.sidebar-label{font-size:9px;margin-top:32px}.side-nav{gap:6px}.side-nav button{min-height:46px;padding:12px;font-size:13px;border-radius:12px}.side-nav svg{width:20px;height:20px}.side-nav .new-label{font-size:8px}.sidebar-upgrade{display:none!important}.sidebar-bottom{margin-top:auto}.sidebar-bottom .privacy-link{min-height:32px;font-size:10px;gap:8px}.sidebar-bottom .privacy-link svg{width:15px;height:15px}.sidebar-bottom small{font-size:9px}.main-content{max-width:1420px;padding-top:32px}.page-heading h1{font-size:clamp(36px,3.2vw,52px)}.page-heading>p{font-size:13px;max-width:440px}.page-heading{margin-bottom:28px}.topbar .language-trigger{min-height:36px;font-size:11px}.account-button{height:36px;min-height:36px;border-radius:999px;font-size:12px}.preview-stage{padding:0}.video-result{padding:20px}.video-result .qol-player{max-width:100%;margin:18px auto}.video-result .qol-player video{max-height:520px;aspect-ratio:var(--video-aspect,9/16)}.plan-note,.auth-local-note{display:none}.auth-panel .language-trigger{border:0}.studio-limit{font-size:11px}.studio-limit>.text-button{display:none}
@media(min-width:701px) and (max-width:1100px){.sidebar{width:208px}.app-content{margin-left:208px}.main-content{padding-inline:25px}.topbar{padding-inline:25px}.sidebar-collapsed .app-content{margin-left:0}}
@media(max-width:740px){.site-header{padding-inline:5%;gap:10px}.header-preferences{margin-left:auto}.header-preferences .theme-button{width:34px;height:34px;min-height:34px}.language-trigger{min-height:34px;padding:6px 9px;font-size:11px}.product-hero{padding-top:40px;padding-bottom:35px;min-height:auto;grid-template-columns:1fr;gap:20px}.product-hero h1{font-size:clamp(46px,10vw,66px)}.product-hero .lead{font-size:14px;max-width:380px}.hero-actions{margin-top:24px}.hero-actions .button{padding:13px 19px;min-height:48px;font-size:12px}.hero-meta{font-size:9px;margin-top:23px;gap:14px}.hero-meta span+span{padding-left:14px}.hand-showcase{min-height:420px;width:100%;margin-top:10px}.hand-caption{font-size:10px}.experience{grid-template-columns:1fr;gap:35px;padding-block:50px}.experience-copy>p{font-size:14px}.showcase-player{width:min(100%,310px)}.experience-details{margin-top:24px;gap:10px}.three-grid{gap:24px}.audience-card h3{font-size:22px;margin-top:22px}.closing{padding-block:35px;align-items:flex-start}.closing .button{min-width:0;font-size:12px;padding:12px 17px;gap:15px}.closing h2{font-size:34px}.site-footer{padding-block:25px 12px}.site-footer>div{justify-content:flex-start}.site-footer .brand{font-size:20px}.page-hero{padding-block:45px}.page-hero h1{font-size:48px}.page-hero .lead{font-size:14px}.price-card .button{width:100%;justify-content:center}.product-hero .hero-copy{padding:0}}
@media(max-width:700px){.sidebar,.sidebar-toggle{display:none}.app-content{margin-left:0}.main-content{padding-top:25px}.page-heading h1{font-size:42px}.topbar{padding-inline:16px}.topbar-actions{margin-left:auto}.breadcrumb{display:none}.video-result{padding:16px}.video-result .qol-player video{max-height:480px}.studio-limit{font-size:10px}.sidebar-collapsed .app-content{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body .legal-links{font-size:10px;padding-block:12px 18px;gap:5px 16px}.topbar .language-picker{z-index:40}.auth-preferences .language-picker{z-index:50}

[hidden]{display:none!important}.header-preferences .language-trigger{display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:58px;min-height:36px;padding:7px 10px;font-size:11px;border-radius:999px;background:transparent}.language-picker .language-option{display:flex;justify-content:space-between;width:100%;height:auto;min-height:40px;padding:10px 12px;font-size:12px;border:0;border-radius:9px;background:transparent}.language-picker .language-option:hover,.language-picker .language-option[aria-selected=true]{background:color-mix(in srgb,var(--ink) 8%,transparent)}

/* Continuous underline and a moving electric filament, with stable contrast. */
#site-nav .nav-login,#site-nav .nav-login:hover{position:relative;overflow:hidden;display:inline-flex;background:transparent;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);box-shadow:none}
#site-nav .nav-login span{border:0;text-decoration:none}
#site-nav .nav-login::after{content:'';position:absolute;left:17px;right:17px;bottom:7px;height:1px;background:currentColor;transform:none;width:auto}
#site-nav .nav-login::before,.button::before,.primary-button::before{content:'';position:absolute;inset:auto;left:-35%;top:20%;width:30%;height:60%;background:linear-gradient(110deg,transparent,#dfbea066,transparent);clip-path:polygon(0 48%,42% 35%,36% 0,65% 39%,100% 47%,61% 60%,68% 100%,39% 58%);filter:drop-shadow(0 0 7px #dfbea0);opacity:0;pointer-events:none;transform:none;transition:opacity .2s}
#site-nav .nav-login:hover::before,.button:hover::before,.primary-button:hover:not(:disabled)::before{opacity:.85;transform:none;animation:button-current 1.7s ease-in-out infinite alternate}
@keyframes button-current{from{left:-25%}to{left:100%}}
.product-hero .hero-actions .button:hover{background:#c69f7a;color:#102e41}
.page-heading{text-align:center;width:100%}.page-heading>p{margin-inline:auto;max-width:650px}.page-heading .eyebrow{justify-content:center}.page-heading h1{max-width:none;margin-inline:auto}
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:0!important}.brand-mark img{width:100%;height:100%;object-fit:contain}
.auth-hand-showcase{min-height:280px;height:310px;background:radial-gradient(ellipse,#cf986524,transparent 65%);overflow:hidden}.auth-hand-showcase .auth-hand-render{height:100%;width:100%;object-fit:contain}.auth-hand-showcase.model-ready .auth-hand-render{display:none}.auth-hand-showcase .auth-orbit,.auth-hand-showcase .auth-object,.auth-hand-showcase .auth-object-shadow{display:none}.auth-hand-showcase .model-credit{bottom:8px;right:10px}.auth-hand-showcase .welcome-tag{z-index:2;bottom:22px}
.avatar-edit{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);cursor:pointer;color:var(--ink);font:inherit}.avatar-edit img,.account-button img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-edit .avatar-edit-label{position:absolute;inset:0;display:grid;place-items:center;background:#081b28b3;color:white;font-size:11px;opacity:0;transition:opacity .2s}.avatar-edit:hover .avatar-edit-label,.avatar-edit:focus-visible .avatar-edit-label{opacity:1}.account-button:has(img){padding:0;width:36px}.avatar-edit:hover{box-shadow:0 0 25px #cb8b6630}
.hand-showcase:before{content:'';position:absolute;inset:18% 9%;border:1px solid #cfaa8030;border-radius:50%;transform:rotate(-22deg);animation:hand-orbit 12s ease-in-out infinite;pointer-events:none}.hand-light{animation:hand-glow 6s ease-in-out infinite}
@keyframes hand-orbit{50%{transform:rotate(22deg) scale(.92);opacity:.4}}@keyframes hand-glow{50%{background:#c69f7a22;transform:scale(1.15)}}
@media(hover:none){.avatar-edit .avatar-edit-label{inset:auto 0 0;padding:4px;opacity:1}}
@media(prefers-reduced-motion:reduce){.hand-showcase:before,.hand-light,#site-nav .nav-login:hover::before,.button:hover::before,.primary-button:hover::before{animation:none}}

.auth-mobile-hand{display:none}@media(max-width:700px){.auth-mobile-hand{display:block;min-height:145px;height:145px;margin:0 auto;width:180px}.auth-mobile-hand .model-credit{display:none}.auth-mobile-hand canvas{inset:0}}

.hand-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hand-ring{position:absolute;left:15%;top:24%;width:70%;height:56%;border:1px solid #d6b49445;border-radius:50%;box-shadow:0 0 18px #cfaa8009;animation:ring-drift 14s ease-in-out infinite alternate}.ring-a{transform:rotate(-30deg) scaleX(.7)}.ring-b{border-color:#7eacbc35;transform:rotate(38deg) scaleX(.5);animation-delay:-5s;animation-duration:18s}.ring-c{left:24%;top:18%;width:52%;height:64%;border-style:dashed;border-color:#cfaa8024;transform:rotate(-10deg);animation-duration:25s}.hand-platform{position:absolute;left:20%;right:20%;bottom:16%;height:5%;border-radius:50%;background:radial-gradient(ellipse,#dfbea048,transparent 65%);box-shadow:0 0 32px #d2ac8010;animation:platform-breathe 5s ease-in-out infinite}.hand-spark{position:absolute;width:4px;height:4px;background:#e5c4a1;border-radius:50%;box-shadow:0 0 13px #dfbea0,0 0 26px #dfbea055;animation:spark-float 7s ease-in-out infinite}.spark-a{left:20%;top:38%}.spark-b{right:18%;top:60%;animation-delay:-3s;background:#a8d4e5}.spark-c{right:30%;top:21%;animation-delay:-5s;width:3px;height:3px}
@keyframes ring-drift{50%{transform:rotate(0deg) scaleX(.8);opacity:.35}100%{transform:rotate(32deg) scaleX(.6)}}@keyframes spark-float{50%{transform:translate(12px,-25px);opacity:.35}}@keyframes platform-breathe{50%{transform:scale(1.2);opacity:.5}}
.secondary-button:hover:not(:disabled){background:transparent;border-color:var(--accent,var(--sand));box-shadow:inset 0 0 18px #cb8b6612,0 0 14px #cb8b6612}.icon-button svg,.theme-button svg,.settings-link>svg{transition:transform .3s ease}.icon-button:hover svg{transform:rotate(-8deg) scale(1.12)}.settings-link:hover>svg{transform:translateY(2px)}.text-button,.text-link{transition:color .2s,text-shadow .2s}.text-button:hover,.text-link:hover{text-shadow:0 0 16px #cb8b6655}.side-nav button:hover svg{transform:translateX(2px)}.side-nav svg{transition:transform .2s}
@media(prefers-reduced-motion:reduce){.hand-decor i{animation:none!important}}

/* Compact studio, aligned navigation, and a 3D scene instead of flat orbits. */
.hand-decor,.hand-showcase:before{display:none!important}.hand-showcase canvas{z-index:1}.hand-caption{bottom:4px}.model-credit{bottom:35px}.site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center}.site-footer>div{display:flex;justify-content:flex-end;align-items:center;gap:26px}.site-footer .footer-note{grid-column:1/-1;margin:0}.brand-mark{display:grid!important;place-items:center!important}.brand-mark img{width:100%;height:100%;filter:drop-shadow(0 0 5px #78b0c01a)}
.page-heading{margin:0 auto 24px}.page-heading h1{font-size:clamp(27px,2.4vw,36px)!important;line-height:1.2!important;letter-spacing:-.035em;margin:10px auto}.page-heading h1 br{display:none}.page-heading h1 em:before{content:' '}.page-heading>p{font-size:12px;margin-top:10px}.page-heading .eyebrow{font-size:9px;letter-spacing:.16em}
.language-menu{top:calc(100% + 6px);right:0;min-width:124px;padding:4px;border-radius:12px}.language-picker .language-option{min-height:32px;padding:8px 10px;font-size:11px;border-radius:7px}.language-menu .language-option:focus-visible{outline:1px solid var(--line);outline-offset:-1px}.topbar-actions{position:relative}.account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:155px;background:var(--surface,var(--white));border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:0 16px 45px #0004;z-index:60}.account-menu button{display:block;width:100%;padding:11px 13px;background:transparent;color:var(--ink);border:0;text-align:left;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.account-menu button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
@media(max-width:740px){.site-footer{grid-template-columns:1fr;gap:20px}.site-footer>div{justify-content:flex-start;gap:22px}.page-heading h1{font-size:28px!important}.page-heading h1 br{display:none}}

/* Text-led layout while the hand artwork is paused. */
.product-hero.text-only-hero{grid-template-columns:1fr;min-height:570px;padding-block:85px 90px;text-align:center;justify-items:center}
.text-only-hero .hero-copy{width:100%;max-width:900px;margin-inline:auto;padding:0}
.text-only-hero .lead{max-width:540px;margin-inline:auto}
.text-only-hero .hero-actions,.text-only-hero .hero-meta{justify-content:center}
.welcome-text-only{display:flex;flex-direction:column;justify-content:space-between}
.welcome-text-only .welcome-copy{margin-block:auto;padding-block:70px}
@media(max-width:740px){.product-hero.text-only-hero{min-height:460px;padding-block:65px 60px}.text-only-hero .lead{max-width:360px}}
@media(max-width:700px){.welcome-text-only{display:none}}

/* Theme icon turns once; the circular button stays fixed. */
.header-preferences .theme-button:hover{transform:none}
.theme-glyph{display:inline-block;line-height:1;transform-origin:50% 50%}
#themeToggle:hover svg,[data-action="toggle-theme"]:hover svg{transform:none}

.theme-glyph{width:24px;height:24px;display:grid;place-items:center}
.theme-glyph svg{display:block;width:24px;height:24px}
.theme-rays{transform-box:view-box;transform-origin:12px 12px}

/* A compact continuous language capsule, with the active language in its header. */
.language-picker{isolation:isolate;z-index:100}
.language-picker:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:19px;background:transparent;pointer-events:none;z-index:0;transition:height .38s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .3s}
.language-picker:has(.language-menu:not([hidden])):before{height:calc(100% + 76px);background:var(--surface,var(--white));box-shadow:0 10px 24px #00000014}
.language-picker .language-trigger,.header-preferences .language-picker .language-trigger{position:relative;z-index:1;border-color:transparent;background:transparent;width:64px;min-width:64px;padding-inline:8px;gap:6px}
.language-picker .language-menu{left:0;right:auto;top:100%;width:100%;min-width:0;box-sizing:border-box;padding:5px 5px 7px;border:0;background:transparent;box-shadow:none;border-radius:0;transform:none;animation:language-within .28s cubic-bezier(.22,1,.36,1) 60ms both;z-index:2}
.language-menu:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--line)}
.language-picker .language-option{justify-content:center;text-align:center;min-height:32px;height:32px;padding:6px 3px;font-size:11px;letter-spacing:.035em;border-radius:10px;animation:none!important}
.language-picker .language-option[aria-selected=true]{display:none}
.language-picker .language-option:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
@keyframes language-within{from{opacity:0;transform:translateY(-5px);clip-path:inset(0 0 40%)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.language-picker:before{transition:none}.language-picker .language-menu{animation:none}}

/* Reveal the next theme from the theme button, retaining the previous page underneath. */
html.theme-circle-change::view-transition-group(root){animation:none}
html.theme-circle-change::view-transition-old(root),html.theme-circle-change::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.theme-circle-change::view-transition-old(root){z-index:1}
html.theme-circle-change::view-transition-new(root){z-index:2}
html.theme-circle-change::view-transition-image-pair(root){isolation:isolate}
.theme-glyph svg,#themeToggle svg,[data-action="toggle-theme"] svg{transform-origin:50% 50%;transform-box:view-box}
.theme-soft-change,.theme-soft-change body,.theme-soft-change .site-header,.theme-soft-change .topbar,.theme-soft-change .language-trigger,.theme-soft-change .theme-button{transition:background-color .6s ease,color .6s ease,border-color .6s ease}