.word-page{min-height:100dvh;background:var(--bg-primary);isolation:isolate;position:relative}.word-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1}.word-ambient-layer{position:absolute;inset:0;background:var(--stage-bg);opacity:0;transition:opacity var(--dur-stage) var(--ease-out-expo)}.word-ambient-layer[data-active=true]{opacity:.6}[data-tier=low] .word-ambient-layer{transition-duration:var(--dur-stage-reduced)}.word-header,.word-footer{max-width:var(--content-width);margin-inline:auto;padding:var(--space-mobile) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.word-header{padding-top:max(var(--space-mobile),env(safe-area-inset-top))}.word-header-actions,.word-back{display:flex;align-items:center;gap:var(--space-sm)}.word-back{min-height:var(--touch-target);font-family:var(--font-display);font-weight:700;text-decoration:none}.word-back svg{width:var(--icon-size)}.word-header-sub,.word-header-actions>span{display:none}.word-stage{position:relative;isolation:isolate;overflow:clip;max-width:var(--stage-width);margin:0 auto;color:var(--stage-fg);min-height:calc(100svh - var(--space-2xl));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.stage-bg,.stage-wipe,.stage-grain{position:absolute;inset:0;pointer-events:none;z-index:-1}.stage-bg{background:var(--stage-bg)}.stage-wipe{clip-path:circle(0% at 50% 50%)}.stage-grain{background-image:var(--noise-image);opacity:var(--noise-opacity)}.stage-layers{display:grid;position:relative}.stage-layer{grid-area:1 / 1;display:grid;min-width:0;color:var(--stage-fg);opacity:0;pointer-events:none}.stage-layer:first-child{opacity:1}.stage-layer[aria-hidden=false]{pointer-events:auto}.stage-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--text-caption)}.stage-label>span:first-child{border:var(--border-width) solid currentColor;border-radius:var(--radius-full);padding:var(--space-xs) var(--space-mobile)}.stage-label>span:last-child{margin-left:auto;letter-spacing:var(--tracking-eyebrow);font-size:var(--text-eyebrow)}.stage-art-area{width:var(--stage-mobile-art);max-width:100%;aspect-ratio:1;margin:0 auto;position:relative;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab}.stage-art-area:active{cursor:grabbing}.stage-art{position:absolute;inset:0}.stage-parallax{transform:translate(calc(var(--parallax-x, 0px) + var(--drag-x, 0px)),var(--parallax-y, 0px))}.stage-idle{animation:stage-breathe var(--stage-idle-duration) ease-in-out infinite alternate}.stage-art .thumb-image{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.stage-art .thumb-image>img{transition-duration:var(--stage-image-fade)}.stage-halo{position:absolute;inset:0;opacity:.55;pointer-events:none}.stage-halo-parallax{transform:translate(var(--halo-x, 0px),var(--halo-y, 0px));filter:blur(var(--stage-halo-blur-mobile)) saturate(1.4)}.stage-halo .thumb-image{width:100%;aspect-ratio:1}.stage-copy{padding:var(--space-lg) var(--space-md) var(--space-md);min-width:0;align-self:center}.stage-pos{font-size:var(--text-caption);margin-bottom:var(--space-sm)}.stage-title{margin:0;font:750 var(--text-display) / var(--leading-display) var(--font-display);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;hyphens:manual}.stage-title[data-length=long]{font-size:calc(var(--text-display) * var(--stage-title-long))}.stage-title[data-length=verylong]{font-size:calc(var(--text-display) * var(--stage-title-verylong))}.stage-ipa{font-family:var(--font-ipa);font-size:var(--text-ipa);padding-top:var(--space-md);padding-right:var(--stage-mobile-badge)}.stage-ipa>span{font-family:var(--font-body);font-size:var(--text-caption);margin-right:var(--space-sm)}.stage-meaning{font-family:var(--font-cn-title);margin-top:var(--space-sm);padding-right:var(--stage-mobile-badge);overflow-wrap:anywhere}.stage-badge{position:absolute;right:var(--space-mobile);bottom:calc(var(--control-height) * 3 + var(--space-xl));color:var(--stage-fg);--ring-size: var(--stage-mobile-badge)}.stage-badge .circular-text{background:var(--stage-bg);color:inherit;border-color:currentColor}.stage-badge .circular-text[aria-pressed=true]:after{content:"";position:absolute;inset:0;border:var(--border-width) solid currentColor;border-radius:var(--radius-full);animation:stage-pulse 1.2s ease-out infinite;pointer-events:none}.stage-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);position:relative}.stage-count{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-caption)}.stage-count .odometer{font-size:var(--text-h3)}.stage-accents,.stage-navigation{display:flex;gap:var(--space-sm)}.stage-navigation{grid-column:2}.stage-accents{grid-column:1;grid-row:2}.stage-toolbar .button{color:inherit}.stage-accents [aria-pressed=true]{border-color:currentColor}.stage-details-trigger{width:calc(100% - var(--space-md) * 2);margin:var(--space-xs) var(--space-md) 0;color:inherit;border-top:var(--border-width) solid currentColor;border-radius:0}.word-understage,.word-audio-status{max-width:var(--stage-width);padding:var(--space-sm) var(--space-md);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-caption)}.word-key-hint{display:none}.word-autoplay{display:flex;min-height:var(--touch-target);align-items:center;gap:var(--space-sm);cursor:pointer}.word-autoplay input{width:var(--icon-size);height:var(--icon-size);accent-color:var(--accent)}.word-audio-status:empty{display:none}.word-desktop-definitions{display:none}.definition-panel{display:grid;gap:var(--space-xl);overflow-wrap:anywhere}.definition-panel h2{font:600 var(--text-h3) / var(--leading-heading) var(--font-cn-title);margin-bottom:var(--space-md)}.definition-panel .type-eyebrow{color:var(--text-secondary);margin-bottom:var(--space-mobile)}.sense-list{padding:0;list-style:none;display:grid;gap:var(--space-lg)}.sense-list li{display:flex;align-items:start;gap:var(--space-md)}.sense-pos{flex-shrink:0;white-space:nowrap;background:var(--bg-elevated);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-caption)}.sense-list p+p{color:var(--text-secondary);margin-top:var(--space-sm)}.word-example{padding:var(--space-lg) 0;border-bottom:var(--border-width) solid var(--border)}.example-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:var(--text-caption)}.example-en{font:italic 400 var(--text-h3) / var(--leading-example) var(--font-example);margin-block:var(--space-md)}.example-en mark{background:color-mix(in oklch,var(--accent) 18%,var(--transparent));color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:var(--space-xs)}.word-example summary{display:flex;align-items:center;min-height:var(--touch-target);cursor:pointer;color:var(--text-secondary);font-size:var(--text-caption)}.word-example summary:before{content:"+";margin-right:var(--space-sm)}.word-example details[open] summary:before{content:"−"}.collocations{display:grid;gap:var(--space-md)}.collocations>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm)}.collocations dd{color:var(--text-secondary);margin:0}.word-relations{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.word-relations li{padding:var(--space-sm) var(--space-mobile);border:var(--border-width) solid var(--border);border-radius:var(--radius-full)}.word-tip{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--bg-elevated)}.word-footer{flex-direction:column;align-items:flex-start;padding-block:var(--space-xl);font-size:var(--text-caption);color:var(--text-secondary)}.word-footer a{display:flex;align-items:center;min-height:var(--touch-target)}.word-status{max-width:var(--prose-width);min-height:60svh;margin:auto;padding:var(--space-2xl) var(--space-md)}.word-status h1{font:600 var(--text-h1) / var(--leading-heading) var(--font-cn-title);margin-bottom:var(--space-lg)}.word-status .button{margin-top:var(--space-lg)}@keyframes stage-breathe{0%{transform:translateY(calc(-1 * var(--stage-idle-offset))) rotate(-.8deg)}to{transform:translateY(var(--stage-idle-offset)) rotate(.8deg)}}@keyframes stage-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.35);opacity:0}}.word-stage[data-moving=true] .stage-idle,.word-stage[data-paused=true] .stage-idle{animation-play-state:paused}.word-stage[data-tier=low] .stage-idle{animation:none}.word-stage[data-tier=low] .stage-halo{display:none}.word-stage[data-tier=low] .circular-text:after{animation:none}@media(prefers-reduced-motion:reduce){.word-ambient-layer{transition-duration:var(--dur-stage-reduced)}.stage-idle,.stage-badge .circular-text:after{animation:none}}@media(hover:hover)and (pointer:fine){.stage-badge .circular-text:hover{--ring-duration: 6s !important}}@media(min-width:768px){.stage-toolbar{display:flex}.stage-badge{bottom:calc(var(--control-height) * 2 + var(--space-xl))}.word-stage{margin-inline:var(--space-lg);border-radius:var(--radius-xl);min-height:0}.word-header-sub,.word-header-actions>span{display:inline}.word-touch-hint{display:none}.word-key-hint{display:block}.stage-art-area{width:min(60vw,var(--stage-art-size))}.stage-copy{padding:var(--space-xl)}.stage-label,.stage-toolbar{padding-inline:var(--space-xl)}.word-desktop-definitions{display:block;max-width:var(--prose-width);margin:var(--space-2xl) auto;padding-inline:var(--space-lg)}.word-footer{flex-direction:row;align-items:center}}@media(min-width:1024px){.word-stage{margin-inline:auto;width:calc(100% - var(--space-xl) * 2)}.stage-layer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:var(--stage-body-height)}.stage-label{grid-column:1 / -1;align-self:start;padding-top:var(--space-lg)}.stage-art-area{width:min(100%,var(--stage-art-size));padding:var(--space-md)}.stage-art,.stage-halo{inset:var(--space-lg)}.stage-art .thumb-image{border-radius:var(--radius-lg)}.stage-halo-parallax{filter:blur(var(--stage-halo-blur)) saturate(1.4)}[data-tier=medium] .stage-halo-parallax{filter:blur(var(--stage-halo-blur-mobile)) saturate(1.4)}.stage-copy{padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-lg)}.stage-title{font-size:min(var(--text-display),7.5vw)}.stage-title[data-length=long]{font-size:calc(min(var(--text-display),7.5vw) * var(--stage-title-long))}.stage-title[data-length=verylong]{font-size:calc(min(var(--text-display),7.5vw) * var(--stage-title-verylong))}.stage-badge{right:var(--space-xl);bottom:calc(var(--control-height) * 2 + var(--space-xl));--ring-size: var(--stage-desktop-badge)}.stage-ipa,.stage-meaning{padding-right:0}.stage-meaning{max-width:85%}}