:root{--font:var(--font-plex), system-ui, sans-serif;--font-ja:var(--font-plex-jp), var(--font-plex), "Hiragino Sans", sans-serif;--gutter:clamp(16px, 4vw, 48px);--ease-draw:cubic-bezier(.3, 0, 0, 1);--ease-cut:cubic-bezier(.3, .15, .4, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;hanging-punctuation:first allow-end last;margin:0;font-size:18px;line-height:1.5}:lang(ja){font-family:var(--font-ja)}a{color:inherit}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:var(--gutter);background:var(--ink);color:var(--paper);z-index:10;padding:8px 12px;top:12px}.wrap{max-width:1240px;padding:0 var(--gutter);margin:0 auto}.rule{border-top:1.5px solid var(--rule)}.site-header{border-bottom:1.5px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"name nav lang cta";align-items:end;gap:14px 28px;padding:18px 0 20px;display:grid}.site-header .wordmark{grid-area:name}.site-nav{flex-wrap:wrap;grid-area:nav;align-items:center;gap:8px 28px;font-size:16px;display:flex}.site-header .cta{grid-area:cta}:is(.site-nav,.lang-switch,.site-footer) [aria-current]{color:var(--ink);font-weight:600}@media (width<=600px){.site-header{flex-wrap:wrap;align-items:baseline;gap:0 20px;display:flex}.site-header .lang-switch{order:1;margin-left:auto}.site-header:after{content:"";flex-basis:100%;order:2}.site-nav,.site-header .cta{order:3;align-self:center;margin-top:14px}.site-nav{gap:8px 20px}.site-header .cta{margin-left:auto}}@media (width<=400px){.site-header{column-gap:16px}.site-header .wordmark{font-size:21px}.site-nav{gap:8px 14px;font-size:15px}.site-header .cta{padding:8px 12px;font-size:15px}}.cta{background:var(--ink);color:var(--paper);padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background:var(--blue);color:#fff;text-decoration:none}.lang-switch{color:var(--muted);grid-area:lang;gap:10px;display:flex}.wordmark{color:var(--ink);align-items:baseline;gap:.3em;font-size:26px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.wordmark:hover{text-decoration:none}.wm-sign{width:auto;height:1.1em}.sign-original{fill:var(--ink)}.sign-meaning{fill:var(--blue)}.wm-product{color:var(--muted);font-weight:400}@keyframes land{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero{flex-direction:column;gap:clamp(28px,4vw,48px);padding:clamp(48px,9vw,120px) 0 clamp(40px,6vw,88px);display:flex}.hero h1{margin:0;font-size:clamp(44px,7.6vw,108px);font-weight:600;line-height:1.02}.hero h1>span,.share-title span{display:block}.hero-word{--cut:100%;vertical-align:bottom;animation:hero-cut .48s var(--ease-cut) .5s both;display:inline-grid;position:relative}.hero-word>span{grid-area:1/1}.hw-from{clip-path:inset(0 0 calc(100% - var(--cut)) 0)}.hw-ja{font-family:var(--font-ja);font-size:.8em;font-weight:700}.hw-to{clip-path:inset(var(--cut) 0 0 0)}.hw-edge{left:-.08em;right:-.08em;top:var(--cut);background:var(--yellow);height:.045em;margin-top:-.0225em;animation:.48s linear .5s both hero-edge;position:absolute}@keyframes hero-cut{0%{--cut:100%}to{--cut:10%}}@keyframes hero-edge{0%,to{opacity:0}6%,94%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-word,.hw-edge{animation:none}.hero-word{--cut:0%}.hw-edge{display:none}}.hero .lead{max-width:38ch;margin:0;font-size:clamp(19px,1.8vw,25px);line-height:1.45}kbd{font-family:var(--font);color:var(--ink);border:1.5px solid var(--rule);padding:1px 6px;font-size:.95em;font-weight:600}.section{padding:clamp(48px,7vw,96px) 0;position:relative}.section:before{content:"";background:var(--rule);height:1.5px;position:absolute;inset:0 0 auto}.section h2{max-width:22ch;margin:0 0 clamp(24px,3vw,40px);font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.08}.section h2.is-loud{max-width:18ch;font-size:clamp(34px,4.6vw,64px);line-height:1.05}.manifesto{border-top:1.5px solid var(--rule);padding:clamp(64px,10vw,140px) 0;container-type:inline-size}.manifesto p{margin:0}.manifesto-original{letter-spacing:.02em;font-size:min(112px,9.17431cqi);font-weight:500;line-height:1.1}.manifesto-meaning{color:var(--blue);margin-top:clamp(8px,1.2vw,16px);font-size:clamp(22px,3.2vw,46px);font-weight:500}@media (prefers-reduced-motion:no-preference){.manifesto-meaning{transition:clip-path .5s var(--ease-draw)}.manifesto.is-waiting .manifesto-meaning{clip-path:inset(0 100% 0 0);transition:none}}.section-head{flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin-bottom:clamp(32px,4vw,56px);display:flex}.section-head h2{margin:0}.section-lead{color:var(--muted);margin:0;font-size:clamp(17px,1.6vw,22px)}.scenes{--scene-space:clamp(48px, 6vw, 88px);margin-bottom:calc(-1 * var(--scene-space));grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.4vw,32px);display:grid}.scene{grid-row:span 3;grid-template-rows:subgrid;min-width:0;margin:0 0 var(--scene-space);row-gap:14px;display:grid}.scene-site{grid-column:span 7}.scene-chat{grid-column:span 5}.scene-doc{grid-column:3/span 8}.scene-video,.scene-sound{grid-column:span 6}.scene-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;display:flex}.scene-label{margin:0;font-size:16px;font-weight:600}.scene-art{flex-direction:column;min-width:0;display:flex}.scene-art>.win{flex:1}.scene figcaption p{max-width:48ch;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.scene-art{position:relative}.hud{z-index:1;border:1.5px solid var(--ink);background:var(--sheet);border-radius:10px;align-items:center;gap:14px;padding:4px 12px;font-size:14px;display:flex;position:absolute;top:-15px;right:14px;box-shadow:0 6px 18px #0000001f}.scene-art:has(.hud) .win-bar{grid-template-columns:auto minmax(0,1fr)}@container (width<=460px){.scene-site .hud{align-self:flex-end;margin-bottom:10px;position:static}}@container (width<=360px){.scene-chat .hud{align-self:flex-end;margin-bottom:10px;position:static}}.hud-sign{flex:none;width:auto;height:17px}.views button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #0000;padding:2px 0}.views button[aria-pressed=true]{color:var(--ink);border-bottom-color:currentColor;font-weight:600}.views button:hover{color:var(--ink)}@media (width<=980px){.scene-site,.scene-chat,.scene-doc,.scene-video,.scene-sound{grid-column:1/-1}}.dict{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(24px,3vw,48px);display:grid}.dict-group h3{border-bottom:1.5px solid var(--rule);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;font-size:15px;font-weight:700}.dict dl{gap:16px;margin:0;display:grid}.dict dt{font-size:clamp(18px,1.5vw,21px);font-weight:600}.dict dt sup{color:var(--muted);font-weight:400}.dict dd{color:var(--muted);margin:2px 0 0;font-size:16px;line-height:1.45}.dict-note{color:var(--muted);margin:clamp(28px,3vw,40px) 0 0;font-size:15px}@media (width<=960px){.dict{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dict{grid-template-columns:1fr}}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px clamp(32px,6vw,96px);display:grid}.split h2{margin-bottom:0}.split p{max-width:44ch;margin:0 0 18px;font-size:clamp(18px,1.6vw,22px)}@media (width<=760px){.split{grid-template-columns:1fr}}.posters{border-bottom:1.5px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.poster{border-top:1.5px solid var(--rule);flex-direction:column;align-items:flex-start;margin:0;padding:clamp(32px,4vw,56px) clamp(24px,3.4vw,48px) clamp(24px,3vw,36px) 0;display:flex;container-type:inline-size}.poster:nth-child(2n){border-left:1.5px solid var(--rule);padding-left:clamp(24px,3.4vw,48px);padding-right:0}.poster-pair{flex-direction:column;align-items:center;max-width:100%;display:flex}.poster .original{background:var(--yellow);max-width:100%;color:var(--on-yellow);padding:4px 12px;font-size:clamp(34px,4.4vw,60px);font-weight:700;line-height:1.2;display:inline-block}.poster .original[data-long]{white-space:nowrap;font-size:min(clamp(34px,4.4vw,60px),8.6cqi)}.poster .original sup{font-size:.45em;font-weight:600}.poster .vline{background:var(--rule);width:1.5px;height:clamp(40px,4.6vw,64px)}.poster .vdot{background:var(--blue);border-radius:50%;width:11px;height:11px;margin-top:-5px}.poster .meaning{color:var(--blue);margin-top:14px;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.1}.poster .copy{gap:8px;margin-top:auto;padding-top:clamp(32px,4vw,56px);font-size:clamp(17px,1.4vw,19px);line-height:1.4;display:grid}.poster .copy sup{font-size:.85em;font-weight:600}.poster .copy small{color:var(--muted);font-size:14px}@media (width<=760px){.posters{grid-template-columns:1fr}.poster,.poster:nth-child(2n){border-left:0;padding-left:0;padding-right:0}}.doc-page{max-width:46rem;padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px)}.doc-page h1{margin:0 0 12px;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.05}.doc-updated{color:var(--muted);margin:0;font-size:15px}.doc-lead{margin:28px 0 0;font-size:clamp(20px,1.9vw,24px);line-height:1.45}.doc-page section{border-top:1.5px solid var(--rule);margin-top:clamp(36px,4vw,52px);padding-top:18px}.doc-page h2{margin:0 0 12px;font-size:clamp(20px,1.8vw,24px);font-weight:600}.doc-page p,.doc-page li{max-width:62ch;font-size:18px;line-height:1.55}.doc-page p{margin:0 0 12px}.doc-page ul{margin:0;padding-left:0}.doc-page li+li{margin-top:10px}.doc-page li::marker{color:var(--muted)}.download{flex-direction:column;gap:18px;display:flex}.download p{margin:0;font-size:clamp(18px,1.6vw,22px)}.footer-joke{font-style:italic}.footer-links{gap:18px;display:flex}.site-footer{border-top:1.5px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:24px 0 40px;font-size:15px;display:flex}.demo{--card-room:384px;position:relative;container-type:inline-size}.demo-sentence{margin:0 0 var(--card-room);cursor:text;font-size:min(58px,4.87805cqi);font-weight:500;line-height:1.15}::highlight(demo-phrase),.demo-sentence::selection{background-color:var(--yellow);color:var(--on-yellow)}.demo-hint{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:0 0 20px;font-size:17px;display:flex}.demo-try{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:inline-flex}.demo-chip{border:0;border-bottom:1.5px dashed var(--rule);color:var(--ink);font:inherit;font-family:var(--font-ja);cursor:pointer;background:0 0;padding:0 0 1px}.demo-chip:hover{border-bottom-width:2.5px}.demo-dot,.demo-card{opacity:0;position:absolute;top:0;left:0}.demo-wire{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1.5px;position:absolute;inset:0;overflow:visible}.demo-wire path{stroke-dasharray:1;stroke-dashoffset:1px}.demo-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.demo-card{user-select:none;width:min(440px,100%)}@media (pointer:fine){.demo-card{cursor:grab}.is-dragging .demo-card{cursor:grabbing}}.demo-drag{display:none}@media (pointer:fine){.demo-drag{display:inline}}.is-shown :is(.demo-dot,.demo-card){opacity:1}.is-shown .demo-wire path{animation:draw-path .32s var(--ease-draw) both}.is-shown .demo-dot{animation:land .12s var(--ease-draw) .3s both}.is-shown .demo-card{animation:.1s linear .38s both open}@keyframes draw-path{to{stroke-dashoffset:0}}@keyframes open{0%{opacity:0}}.demo-note{color:var(--muted);margin:0;font-size:15px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frames{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin:0;padding:0;list-style:none;display:grid}.frame{grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:16px;display:grid}.frame>p{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.4}.frame-art{border-top:1.5px solid var(--rule);justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.frame-text{font-family:var(--font-ja);font-size:34px;font-weight:500}.frame-selection{color:highlighttext;background:highlight}.frame-keys{gap:8px}.frame-keys kbd{text-align:center;min-width:52px;padding:10px 12px;font-size:26px}.frame-then{width:18px}.frame-shot{padding:28px 0 40px;overflow:visible}@media (width>=1200px){.frame-popup{zoom:.8}}@media (width>=761px) and (width<=1199px){.frames{grid-template-columns:minmax(0,1fr)}.frame{border-top:1.5px solid var(--rule);grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;column-gap:clamp(32px,5vw,64px)}.frame-art{border-top:0}}@media (width<=760px){.frames{grid-template-columns:1fr}.demo{--card-room:340px}.frame+.frame{margin-top:32px}.frame-art{min-height:180px}.frame-text{font-size:28px}}@media (prefers-reduced-motion:reduce){.is-shown :is(.demo-dot,.demo-card),.is-shown .demo-wire path{animation:none}.is-shown .demo-wire path{stroke-dashoffset:0}}.share{background:var(--paper);flex-direction:column;width:1200px;height:630px;padding:56px 64px;display:flex}.share-top{border-bottom:1.5px solid var(--rule);color:var(--muted);justify-content:space-between;align-items:flex-end;padding-bottom:20px;font-size:24px;display:flex}.share-top .wordmark{font-size:40px}.share-body{flex:1;justify-content:space-between;align-items:center;gap:48px;display:flex}.share-title{margin:0;font-size:72px;font-weight:600;line-height:1.02}.share-pair{border:0;flex:none;min-height:0;padding:0;container-type:normal}.share-pair .original{font-size:64px}.share-pair .vline{height:72px}.share-pair .vdot{width:12px;height:12px}.share-pair .meaning{font-size:44px}.not-found-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name lang"}.not-found{justify-items:start;gap:clamp(24px,3vw,36px);padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,120px);display:grid}.not-found .poster{border-top:0;width:100%;padding:0}.not-found .meaning{margin:14px 0 0}.not-found-why p{margin:0}.not-found-why ul{margin:4px 0 0;padding-left:0}@media (width<=600px){:is(.doc-page,.not-found-why) ul{padding-left:1.1em}}@media (scripting:none){.demo-hint,.demo-note{display:none}.demo{--card-room:0px}}