@font-face{font-family:DotGothic16;src:url('/assets/DotGothic16-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Noto Sans JP';src:url('/assets/NotoSansJP-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('/assets/NotoSansSC-Subset.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--cut-pixel:LanaPixel,sans-serif;--cut-title:Paperlogy,sans-serif}
html[lang=ja]{--cut-pixel:DotGothic16,LanaPixel,sans-serif;--cut-title:'Noto Sans JP',sans-serif}
html[lang=zh-CN]{--cut-pixel:LanaPixel,'Noto Sans SC',sans-serif;--cut-title:'Noto Sans SC',sans-serif}
.cut-header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:24px;position:relative;z-index:100}
.cut-header-actions .demi-account-trigger{font-family:var(--cut-pixel)}
.language-switch{position:relative;white-space:nowrap;z-index:90;filter:drop-shadow(0 2px 4px #000)}
.language-switch button{border:0;background:transparent;color:#dedee5;padding:10px 0;font:16px/1.3 var(--cut-pixel);cursor:pointer;border-radius:3px;min-height:44px}
.language-switch button:hover{color:#ffad63;background:transparent}
.language-trigger{display:flex;align-items:center;justify-content:flex-end}
.language-menu{position:absolute;right:0;top:100%;width:180px;padding:12px 0 6px;background:none;border:0;box-shadow:none;max-height:calc(100svh - 90px);overflow-y:auto;opacity:0;transform:translateY(-17px);filter:blur(6px);transition:opacity .28s ease,transform .36s cubic-bezier(.16,1,.3,1),filter .3s ease;mask-image:linear-gradient(transparent,#000 13px,#000 calc(100% - 5px),transparent)}
.language-switch.is-open .language-menu{opacity:1;transform:translateY(0);filter:blur(0)}
.language-menu[hidden]{display:none}
.language-menu button{display:block;width:100%;padding:10px 8px;text-align:right;font:23px/1.3 LanaPixel,DotGothic16,sans-serif}
.language-menu button[aria-selected=true]{color:#ff922c}
.language-switch [lang=ja]{font-family:DotGothic16,LanaPixel,sans-serif}
.language-switch [lang=zh-CN]{font-family:LanaPixel,'Noto Sans SC',sans-serif}
.language-switch button:focus-visible{outline:2px solid #ff922c;outline-offset:2px}
html:not([lang=ko]) .intro h1,html:not([lang=ko]) .demo-hint,html:not([lang=ko]) .demi-account-dialog h2,html:not([lang=ko]) .demi-account-plan dd{font-family:var(--cut-title)}
html:is([lang=en],[lang=es],[lang=fr]) .hero-scene .intro h1{font-size:clamp(32px,3.2vw,48px)}
html:not([lang=ko]) .header-slot{font-family:var(--cut-pixel)}
html:is([lang=en],[lang=es],[lang=fr]) .slot-window{width:7.5em;margin-right:-4.5em}
.demi-account-trigger,.demi-account-page,.demi-account-dialog,.demi-account-secondary,.demi-account-remember,.demi-account-policies{font-family:var(--cut-pixel)}
@media(max-width:700px){
 .hero-scene>header{grid-template-columns:auto 1fr;height:108px;row-gap:0;padding-block:12px}
 .hero-scene>header>.brand{grid-column:1;grid-row:1}
 .hero-scene .cut-header-actions{grid-column:2;grid-row:1;gap:16px}
 .hero-scene .header-slot{grid-column:1/-1;grid-row:2;justify-self:center}
 .cut-header-actions .language-trigger,.cut-header-actions .demi-account-trigger{font-size:15px}
 html:is([lang=en],[lang=es],[lang=fr]) .hero-scene .intro h1{font-size:clamp(29px,7vw,44px)}
}
@media(prefers-reduced-motion:reduce){.language-menu{transition:none}}
@container(max-width:560px){
 html:not([lang=ko]) .preview-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:6px}
 html:not([lang=ko]) .preview-logo{grid-column:1/-1;grid-row:1;width:106px;height:34px;max-height:34px}
 html:not([lang=ko]) .preview-tabs{grid-column:1;grid-row:2;flex-wrap:wrap}
 html:not([lang=ko]) .preview-actions{grid-column:2;grid-row:2;flex-wrap:wrap;justify-content:flex-end}
}