.mp{--paper:#f6f7f3;--paper-2:#eef1ec;--ink:#141816;--ink-2:#3c4541;--rule:#14181620;--blue:#1660d6;--green:#0b7a49;--grad:linear-gradient(120deg, #1660d6, #0b7a49);--gutter:clamp(16px, 5vw, 72px);--max:1200px;--background:var(--paper);--foreground:var(--ink);--card:#fff;--muted:var(--ink-2);--line:var(--rule);--primary:var(--blue);background:var(--paper);min-height:100vh;color:var(--ink);overflow-x:clip}.mp h1,.mp h2,.mp h3{overflow-wrap:anywhere;min-width:0;margin:0}.mp-line{word-break:keep-all;display:block}.mp-header{z-index:30;padding:14px var(--gutter);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.mp-brand{color:var(--ink);align-items:center;gap:10px;font-size:1.1875rem;font-weight:700;display:inline-flex}.mp-brand img{display:block}.mp-brand-platform{border-left:1px solid var(--rule);color:var(--ink-2);margin-left:4px;padding-left:12px;font-size:1.125rem;font-weight:400}@media (max-width:720px){.mp-brand-platform{display:none}}.mp-brand-small{gap:8px;font-size:1.125rem}.mp-header nav{flex-wrap:wrap;gap:6px 22px;font-size:1.125rem;display:flex}.mp-header nav a{color:var(--ink-2)}.mp-header nav a[aria-current=page]{color:var(--ink);-webkit-text-decoration:underline 3px var(--green);text-decoration:underline 3px var(--green);text-underline-offset:8px;font-weight:700}@media (hover:hover){.mp-header nav a:hover{color:var(--blue)}}:is(.mp a:focus-visible,.mp button:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.mp-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:32px;display:flex}.mp-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:1.125rem;font-weight:700;transition:filter .16s,border-color .16s,transform .12s;display:inline-flex}.mp-button-primary{background:var(--grad);color:#fff;box-shadow:0 6px 18px #1660d633}.mp-button-secondary{border-color:var(--rule);color:var(--ink);background:0 0}.mp-button:disabled{opacity:.55;cursor:not-allowed}@media (hover:hover){.mp-button-primary:hover{filter:brightness(1.06)}.mp-button-secondary:not(:disabled):hover{border-color:#14181650}}.mp-button:active:not(:disabled){transform:translateY(1px)}.mp-text-link{color:var(--blue);align-items:center;gap:6px;font-size:1.125rem;font-weight:600;display:inline-flex}.mp-note span{white-space:nowrap}.mp-note{color:var(--ink-2);margin:16px 0 0;font-size:1.125rem}.mp-hero{max-width:1320px;padding:clamp(56px, 9vh, 104px) var(--gutter) clamp(72px, 11vh, 120px);grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vh,56px);margin:0 auto;display:grid}.mp-hero h1{letter-spacing:-.015em;font-size:clamp(2.125rem,5.4vw,4.125rem);font-weight:800;line-height:1.16}.mp-hero-accent{padding-bottom:14px;position:relative}.mp-hero-accent:after{content:"";background:var(--grad);border-radius:3px;width:112px;height:6px;position:absolute;bottom:0;left:0}.mp-hero-lead{max-width:600px;color:var(--ink-2);margin:28px 0 0;font-size:1.125rem;line-height:1.4}.mp-devices{border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mp-devices li{grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:22px 20px 4px 0;display:grid}.mp-devices li+li{border-left:1px solid var(--rule);padding-left:20px}.mp-devices svg{color:var(--blue);grid-row:span 2;margin-top:2px}.mp-devices strong{font-size:1.125rem}.mp-devices span{color:var(--ink-2);font-size:1.125rem;line-height:1.4}.mp-shot{border:1px solid var(--rule);cursor:zoom-in;background:#fff;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #14181614}.mp-shot img{width:100%;height:auto;display:block}.mp-shot-zoom{color:#fff;background:#141816c0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:10px;right:10px}@media (hover:hover){.mp-shot:hover{border-color:#14181640}}.mp-section{max-width:var(--max);padding:clamp(53px, 7.3vh, 85px) var(--gutter) clamp(80px, 11vh, 128px);border-top:1px solid var(--rule);margin:0 auto}.mp-head{max-width:780px;margin-bottom:clamp(36px,5vh,56px)}.mp-step{color:var(--ink-2);letter-spacing:.04em;align-items:center;gap:10px;margin:0 0 16px;font-size:1.125rem;font-weight:600;display:inline-flex}.mp-step:before{content:"";background:var(--grad);border-radius:2px;width:22px;height:3px}.mp-section h2,.mp-price h2{letter-spacing:-.01em;font-size:clamp(1.75rem,4vw,2.875rem);font-weight:800;line-height:1.24}.mp-lead{color:var(--ink-2);margin:22px 0 0;font-size:1.125rem;line-height:1.4}.mp-kinds{counter-reset:mp-kind;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.mp-kinds li{counter-increment:mp-kind;border-top:1px solid var(--rule);grid-template-columns:40px minmax(0,1fr);padding:22px 0;display:grid}.mp-kinds li:before{content:counter(mp-kind, decimal-leading-zero);color:var(--blue);font-variant-numeric:tabular-nums;grid-row:span 2;padding-top:3px;font-size:1.125rem;font-weight:700}.mp-kinds h3{font-size:1.125rem}.mp-kinds p{color:var(--ink-2);margin:6px 0 0;font-size:1.125rem;line-height:1.4}.mp-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.mp-tile{border:1px solid var(--rule);background:#fff;border-radius:20px;align-content:start;gap:20px;padding:clamp(22px,2.5vw,32px);display:grid}.mp-tile-ocr{grid-column:span 2;align-content:space-between}.mp-tile-mouse{grid-column:span 4}.mp-tile-eisu,.mp-tile-cmdtab{grid-column:span 3}.mp-tile h3{font-size:clamp(1.1875rem,1.8vw,1.375rem);line-height:1.4}.mp-tile-copy p{color:var(--ink-2);margin:10px 0 0;font-size:1.125rem;line-height:1.4}.mp-tile-copy .mp-tile-source{color:var(--ink-2);margin-top:12px;font-size:1.125rem}.mp-tile .mp-shot{box-shadow:none}.mp-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.mp-split-reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.mp-split-even{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.mp-genres{margin:0}.mp-genres>div{border-top:1px solid var(--rule);padding:14px 0}.mp-genres dt{font-size:1.125rem;font-weight:700}.mp-genres dd{color:var(--ink-2);margin:4px 0 0;font-size:1.125rem;line-height:1.4}.mp-more{margin:0 0 18px}.mp-more a{color:var(--blue);align-items:center;gap:6px;font-weight:600;display:inline-flex}.mp-wide{max-width:980px}.mp-callout{border-left:4px solid var(--blue);color:var(--ink-2);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;margin:28px 0 0;padding:18px 22px;display:flex}.mp-callout svg{color:#d23b3b;flex:none;margin-top:2px}.mp-callout strong{color:var(--ink);margin-bottom:4px;font-size:1.25rem;display:block}.mp-switch{margin:0}.mp-switch>div{border-top:1px solid var(--rule);padding:20px 0}.mp-switch>div:first-child{border-top:0;padding-top:0}.mp-switch dt{font-size:1.1875rem;font-weight:800}.mp-switch dd{color:var(--ink-2);margin:8px 0 0;font-size:1.125rem;line-height:1.4}.mp-chips{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.mp-chips li{border:1px solid var(--rule);color:var(--ink-2);background:#fff;border-radius:999px;padding:7px 13px;font-size:1.125rem}.mp-price{background:var(--ink);color:#f2f4f1}.mp-price-inner{max-width:var(--max);padding:clamp(80px, 12vh, 136px) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.mp-price-amount{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1}.mp-price-amount span{color:#b8c0bb;margin-left:10px;font-size:1.125rem;font-weight:500}.mp-price ul{color:#d6dbd7;gap:10px;margin:26px 0 0;padding:0 0 0 1.1em;font-size:1.125rem;line-height:1.4;display:grid}.mp-price .mp-button-secondary{color:#f2f4f1;border-color:#ffffff40}.mp-price li a{color:inherit;text-underline-offset:4px;text-decoration:underline}:is(.mp-price a:focus-visible,.mp-price button:focus-visible){outline-color:#7fd6a8}.mp-faq-list{max-width:860px}.mp-footer{max-width:var(--max);padding:40px var(--gutter) 56px;border-top:1px solid var(--rule);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0 auto;font-size:1.125rem;display:flex}.mp-footer nav{flex-wrap:wrap;gap:8px 22px;display:flex}.mp-footer p{margin:0 0 0 auto}.mp-preview{overflow:hidden;background:#fff!important;max-width:min(1200px,94vw)!important;padding:0!important}.mp-preview img{width:100%;height:auto;display:block}.mp-motion .mp-reveal{opacity:0;transition:opacity .48s,transform .48s;transform:translateY(16px)}.mp-motion .mp-reveal[data-shown=true]{opacity:1;transform:none}@media (min-width:1100px){.mp-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}.mp-hero h1{font-size:clamp(2.25rem,3.6vw,3.375rem)}.mp-devices-block{grid-column:1/-1}}@media (max-width:900px){.mp-split,.mp-split-reverse,.mp-split-even,.mp-price-inner,.mp-kinds,.mp-bento{grid-template-columns:minmax(0,1fr)}.mp-tile-eisu,.mp-tile-ocr,.mp-tile-mouse,.mp-tile-cmdtab{grid-column:auto}.mp-tile-ocr{align-content:start}.mp-devices{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-devices li:nth-child(3){border-left:0;padding-left:0}.mp-devices li:nth-child(n+3){border-top:1px solid var(--rule)}.mp-footer p{margin-left:0}}@media (max-width:560px){.mp-header{flex-wrap:wrap;row-gap:6px;padding-block:10px}.mp-header .mp-brand img{width:28px;height:28px}.mp-header nav{white-space:nowrap;flex-wrap:nowrap;flex-basis:100%;gap:16px}.mp-header nav a[href=\/]{display:none}.mp-devices li:first-child{border-top:0}.mp-devices{grid-template-columns:minmax(0,1fr)}.mp-devices li,.mp-devices li+li{border-left:0;border-top:1px solid var(--rule);padding-left:0}.mp-button{white-space:normal}}@media (prefers-reduced-motion:reduce){.mp-motion .mp-reveal{opacity:1;transition:none;transform:none}.mp-button{transition:none}}.mp-tile h3,.mp-kinds h3{font-weight:700}.mp-faq-list [data-slot=accordion-item]{border-color:var(--rule)}.mp-faq-list [data-slot=accordion-trigger]{padding-block:18px;font-size:1.125rem}.mp-faq-list [data-slot=accordion-content]{color:var(--ink-2);font-size:1.125rem;line-height:1.4}@property --cd-t{syntax:"<percentage>";inherits:true;initial-value:18%}@property --cd-r{syntax:"<percentage>";inherits:true;initial-value:30%}@property --cd-b{syntax:"<percentage>";inherits:true;initial-value:30%}@property --cd-l{syntax:"<percentage>";inherits:true;initial-value:18%}.cd{gap:14px;margin:0;display:grid}.cd-note{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:1.125rem;display:flex}.cd-toggle{border:1px solid var(--rule);min-height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:1.125rem;transition:border-color .16s;display:inline-flex}@media (hover:hover){.cd-toggle:hover{border-color:#14181650}}.cd-toggle:active{transform:translateY(1px)}.cd[data-paused=true] *,.cd[data-paused=true] :after{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.cd:hover *,.cd:hover :after{animation-play-state:paused}}.cd-screen{--cd-t:18%;--cd-r:30%;--cd-b:30%;--cd-l:18%;aspect-ratio:16/10;border:1px solid var(--rule);background:var(--paper-2);border-radius:12px;animation:8s infinite cd-window;position:relative;overflow:hidden}.cd-menubar{background:#14181612;height:7%;position:absolute;inset:0 0 auto}.cd-win-body,.cd-win-bar{position:absolute;inset:7% 0 0}.cd-win-body{clip-path:inset(var(--cd-t) var(--cd-r) var(--cd-b) var(--cd-l) round 6px);filter:drop-shadow(0 6px 14px #14181624);background:#fff}.cd-win-bar{background:var(--grad);clip-path:inset(var(--cd-t) var(--cd-r) calc(100% - var(--cd-t) - 10px) var(--cd-l) round 6px 6px 0 0)}@keyframes cd-window{0%{--cd-t:18%;--cd-r:30%;--cd-b:30%;--cd-l:18%;opacity:0}3%{--cd-t:18%;--cd-r:30%;--cd-b:30%;--cd-l:18%;opacity:1}7%,23%{--cd-t:18%;--cd-r:12%;--cd-b:30%;--cd-l:18%}27%,43%{--cd-t:18%;--cd-r:12%;--cd-b:10%;--cd-l:18%}47%,63%{--cd-t:0%;--cd-r:50%;--cd-b:0%;--cd-l:0%}67%,83%{--cd-t:0%;--cd-r:0%;--cd-b:0%;--cd-l:50%}87%,95%{--cd-t:0%;--cd-r:0%;--cd-b:0%;--cd-l:0%;opacity:1}98%{--cd-t:0%;--cd-r:0%;--cd-b:0%;--cd-l:0%;opacity:0}to{--cd-t:18%;--cd-r:30%;--cd-b:30%;--cd-l:18%;opacity:0}}.cd-keys{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cd-keys li{border:1px solid var(--rule);color:var(--ink-2);background:#fff;border-bottom-width:3px;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;animation:8s infinite cd-key}@keyframes cd-key{0%,18%{color:var(--ink);border-color:var(--blue);transform:translateY(1px)}20%,to{color:var(--ink-2);border-color:var(--rule);transform:none}}.cd-ocr-stage{gap:10px;display:grid}.cd-page,.cd-paste{border:1px solid var(--rule);background:#fff;border-radius:10px;gap:8px;padding:14px 16px;display:grid;position:relative}.cd-text{color:var(--ink);font-size:14px;font-weight:600}.cd-muted{color:var(--ink-2);font-size:12.5px;font-weight:500}.cd-bar{background:#1418160f;border-radius:4px;width:86%;height:8px}.cd-bar-short{width:58%}.cd-target{justify-self:start;position:relative}.cd-target:after{content:"";border:1.5px dashed var(--blue);transform-origin:0 0;background:#1660d614;border-radius:4px;animation:6s infinite cd-select;position:absolute;inset:-5px -10px}@keyframes cd-select{0%,10%{opacity:1;transform:scale(0)}30%,58%{opacity:1;transform:scale(1)}64%,to{opacity:0;transform:scale(1)}}.cd-toast{background:var(--ink);color:#f2f4f1;border-radius:999px;padding:4px 10px;font-size:12px;animation:6s infinite cd-toast;position:absolute;bottom:10px;right:10px}@keyframes cd-toast{0%,34%{opacity:0;transform:translateY(4px)}38%,60%{opacity:1;transform:none}64%,to{opacity:0;transform:none}}.cd-paste{background:var(--paper)}.cd-paste-label{color:var(--ink-2);font-size:12px}.cd-pasted{animation:6s infinite cd-paste}@keyframes cd-paste{0%,62%{clip-path:inset(0 100% 0 0)}70%,90%{clip-path:inset(0)}96%,to{clip-path:inset(0 100% 0 0)}}.mp-tile-window,.mp-tile-plain{grid-column:span 6;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(24px,4vw,56px)}@media (max-width:900px){.mp-tile-window,.mp-tile-plain{grid-column:auto;grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cd-screen,.cd-keys li,.cd-target:after,.cd-toast,.cd-pasted{animation:none}.cd-screen{--cd-t:0%;--cd-r:50%;--cd-b:0%;--cd-l:0%}.cd-keys li:nth-child(3){color:var(--ink);border-color:var(--blue)}.cd-toggle{display:none}}.cd-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;display:flex}.cd-row-tight{flex-wrap:nowrap;gap:6px}.cd-col{justify-items:center;gap:8px;display:grid}.cd-cap{color:var(--ink-2);font-size:12.5px}.cd-arrow{color:var(--ink-2);flex:none}.cd-plus{color:var(--ink-2);font-weight:700}.cd-kbd{min-width:44px;height:44px;color:var(--ink);background:#fff;border:1px solid #14181640;border-bottom-width:4px;border-radius:9px;place-items:center;padding:0 10px;font:700 15px/1 inherit;display:inline-grid}.cd-kbd-wide{min-width:76px}.mp-tile{grid-template-rows:auto 1fr}.mp-tile>.cd{align-self:center}.cd-chip{background:var(--ink);color:#f2f4f1;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.cd-mouse{width:54px;height:auto}.cd-mouse-body{fill:#fff;stroke:#14181680;stroke-width:2px}.cd-mouse-line{fill:none;stroke:#14181680;stroke-width:2px}.cd-mouse-side{fill:#14181626;stroke:#14181680;stroke-width:1.5px}.cd-swap{display:inline-grid}.cd-swap>*{grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.cd-half-2,.cd-third-2,.cd-third-3,.cd-ime-k{opacity:0}.cd-half-1{animation:cd-half-1 var(--cd-dur) infinite}.cd-half-2{animation:cd-half-2 var(--cd-dur) infinite}.cd-third-1{animation:cd-third-1 var(--cd-dur) infinite}.cd-third-2{animation:cd-third-2 var(--cd-dur) infinite}.cd-third-3{animation:cd-third-3 var(--cd-dur) infinite}@keyframes cd-half-1{0%,47%{opacity:1}50%,97%{opacity:0}to{opacity:1}}@keyframes cd-half-2{0%,47%{opacity:0}50%,97%{opacity:1}to{opacity:0}}@keyframes cd-third-1{0%,31%{opacity:1}33%,98%{opacity:0}to{opacity:1}}@keyframes cd-third-2{0%,31%{opacity:0}33%,64%{opacity:1}66%,to{opacity:0}}@keyframes cd-third-3{0%,64%{opacity:0}66%,98%{opacity:1}to{opacity:0}}.cd-mouseenter .cd-row{min-height:150px}.cd-app-icon{border-radius:9px;animation:4s infinite cd-relay;display:block}@keyframes cd-relay{0%,15%,34%,to{filter:none;transform:none}19%,28%{filter:drop-shadow(0 0 6px #1660d666);transform:scale(1.08)}}.cd-mouseenter .cd-mouse-side{animation:4s infinite cd-side}@keyframes cd-side{0%,14%,32%,to{fill:#14181626}16%,30%{fill:var(--blue)}}.cd-press-a{animation:4s infinite cd-press-a}@keyframes cd-press-a{0%,21%,35%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}23%,33%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-show-a{animation:4s infinite cd-show}@keyframes cd-show{0%,34%{opacity:0;transform:translateY(4px)}40%,88%{opacity:1;transform:none}96%{opacity:0;transform:none}to{opacity:0;transform:translateY(4px)}}.cd-eisu .cd-row{gap:18px 24px;min-height:150px}.cd-ime{border:1px solid var(--rule);background:#fff;border-radius:18px;place-items:center;width:92px;height:92px;display:grid}.cd-ime>span{color:var(--ink);grid-area:1/1;justify-items:center;font-size:34px;font-weight:800;line-height:1.1;display:grid}.cd-ime small{color:var(--ink-2);font-size:12px;font-weight:600}.cd-ime-a{animation:6s infinite cd-ime-a}.cd-ime-k{animation:6s infinite cd-ime-k}@keyframes cd-ime-a{0%,12%{opacity:0}14%,57%{opacity:1}59%,to{opacity:0}}@keyframes cd-ime-k{0%,12%{opacity:1}14%,57%{opacity:0}59%,to{opacity:1}}.cd-press-l{animation:6s infinite cd-press-l}.cd-press-r{animation:6s infinite cd-press-r}@keyframes cd-press-l{0%,7%,16%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}9%,14%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}@keyframes cd-press-r{0%,51%,60%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}53%,58%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-stage{aspect-ratio:16/9;border:1px solid var(--rule);background:var(--paper-2);border-radius:12px;position:relative;overflow:hidden}.cd-app{background:#fff;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 4px 12px #14181620}.cd-app-a{z-index:2;width:50%;height:58%;top:10%;left:6%}.cd-app-b{z-index:1;width:52%;height:60%;animation:8s infinite cd-front;top:30%;left:40%}.cd-app-bar{background:#14181633;height:10px;display:block}.cd-app-a .cd-app-bar{background:var(--grad);animation:8s infinite cd-bar-a}.cd-app-b .cd-app-bar{animation:8s infinite cd-bar-b}@keyframes cd-front{0%,26%{z-index:1}27%,76%{z-index:3}77%,to{z-index:1}}@keyframes cd-bar-a{0%,26%{background:var(--grad)}27%,76%{background:#14181633}77%,to{background:var(--grad)}}@keyframes cd-bar-b{0%,26%{background:#14181633}27%,76%{background:var(--grad)}77%,to{background:#14181633}}.cd-pointer{z-index:5;color:var(--ink);pointer-events:none;animation:8s infinite cd-pointer;position:absolute;inset:0;transform:translate(66%,60%)}.cd-pointer svg{fill:#fff;stroke:var(--ink)}@keyframes cd-pointer{0%,27%{transform:translate(31%,39%)}37%,77%{transform:translate(66%,60%)}87%,to{transform:translate(31%,39%)}}.cd-row-keys{gap:8px}.cd-press-tab{animation:8s infinite cd-press-tab}@keyframes cd-press-tab{0%,15%,25%,65%,75%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}17%,23%,67%,73%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-switch{--cd-dur:9s}.cd-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cd-panel{border:1px solid var(--rule);background:#fff;border-radius:14px;justify-items:center;gap:16px;padding:18px 14px 20px;display:grid}.cd-panel-title{color:var(--ink);justify-self:start;font-size:13px;font-weight:700}.cd-panel .cd-swap{color:var(--ink);font-size:14px;font-weight:600}.cd-panel .cd-result{background:var(--paper-2);border-radius:10px;padding:8px 14px;font-size:14px}.cd-press-app{animation:9s infinite cd-press-app}@keyframes cd-press-app{0%,5%,11%,55%,61%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}7%,9%,57%,59%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-press-pattern{animation:9s infinite cd-press-pattern}@keyframes cd-press-pattern{0%,4%,9%,37%,40%,42%,45%,69%,91%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}5%,8%,38%,39%,43%,44%,70%,90%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-auto{--cd-dur:8s}.cd-auto-stage{border:1px solid var(--rule);background:#fff;border-radius:14px;padding:26px 18px;display:grid}.cd-scene{flex-wrap:wrap;grid-area:1/1;justify-content:center;align-items:center;gap:14px 22px;display:flex}.cd-event,.cd-outcome{min-width:150px;color:var(--ink);text-align:center;justify-items:center;gap:10px;font-size:14px;font-weight:600;display:grid}.cd-event svg{color:var(--blue)}.cd-icons{color:var(--green);gap:6px;display:flex}.cd-appear-1{animation:8s infinite cd-appear-1}.cd-appear-2{animation:8s infinite cd-appear-2}@keyframes cd-appear-1{0%,14%{opacity:0;transform:translateY(6px)}20%,46%{opacity:1;transform:none}49%,to{opacity:0;transform:translateY(6px)}}@keyframes cd-appear-2{0%,64%{opacity:0;transform:translateY(6px)}70%,96%{opacity:1;transform:none}99%,to{opacity:0;transform:translateY(6px)}}.cd-seq-stage{border:1px solid var(--rule);background:#fff;border-radius:14px;gap:18px;padding:18px;display:grid}.cd-seq-screen{aspect-ratio:16/7;background:var(--paper-2);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.cd-form{gap:6px;width:min(78%,280px);display:grid}.cd-field-label{color:var(--ink);justify-self:start;padding:0 4px;font-size:13px;font-weight:700;position:relative}.cd-field{background:#fff;border:1.5px solid #14181660;border-radius:8px;padding:10px 14px;display:grid;position:relative}.cd-field>span{grid-area:1/1;font-size:15px}.cd-field-ph{color:var(--ink-2);opacity:0;animation:7s infinite cd-field-ph}.cd-field-text{color:var(--ink);font-weight:600;animation:7s infinite cd-field-text}.cd-field-label:after{content:"";border:2px dashed var(--blue);border-radius:8px;animation:7s infinite cd-match;position:absolute;inset:-5px -6px}@keyframes cd-field-ph{0%,57%{opacity:1}59%,94%{opacity:0}97%,to{opacity:1}}@keyframes cd-field-text{0%,57%{opacity:0;clip-path:inset(0 100% 0 0)}59%{opacity:1;clip-path:inset(0 100% 0 0)}66%,92%{opacity:1;clip-path:inset(0)}96%{opacity:0;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 100% 0 0)}}@keyframes cd-match{0%,15%{opacity:0;transform:scale(1.15)}20%,46%{opacity:1;transform:none}52%{opacity:0;transform:none}to{opacity:0;transform:scale(1.15)}}.cd-seq-pointer{z-index:2;color:var(--ink);pointer-events:none;animation:7s infinite cd-seq-pointer;position:absolute;inset:0;transform:translate(50%,45%)}.cd-seq-pointer svg{fill:#fff;stroke:var(--ink)}@keyframes cd-seq-pointer{0%{opacity:0;transform:translate(-20%,180%)}3%,30%{opacity:1;transform:translate(-20%,180%)}42%,92%{opacity:1;transform:translate(50%,45%)}96%{opacity:0;transform:translate(50%,45%)}98%,to{opacity:0;transform:translate(-20%,180%)}}.cd-chip-plain{border:1px solid var(--rule);background:var(--paper-2);color:var(--ink);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;animation:7s infinite cd-chip-on}@keyframes cd-chip-on{0%,15%,50%,to{background:#eef1ec;border-color:#14181620}18%,46%{border-color:var(--blue);background:#e8effb}}.cd-press-f10{animation:7s infinite cd-press-f10}@keyframes cd-press-f10{0%,6%,14%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}8%,12%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}.cd-press-paste{animation:7s infinite cd-press-paste}@keyframes cd-press-paste{0%,50%,59%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}52%,57%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}@media (max-width:560px){.cd-switch-grid{grid-template-columns:minmax(0,1fr)}.cd-scene{flex-direction:column}.cd-scene .cd-arrow,.cd-seq .cd-row>.cd-arrow{transform:rotate(90deg)}.cd-seq .cd-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.cd *,.cd :after{animation:none!important}.cd-app-b{z-index:3}.cd-app-a .cd-app-bar{background:#14181633}.cd-app-b .cd-app-bar{background:var(--grad)}.cd-auto-stage{gap:22px}.cd-scene{grid-area:auto}.cd-auto .cd-half-2,.cd-ime-k{opacity:1}.cd-switch .cd-swap{gap:6px}.cd-switch .cd-swap>*{opacity:1;grid-area:auto}.cd-field-label:after{opacity:0}.cd-ime{grid-auto-flow:column;gap:14px;width:auto;padding:0 16px}.cd-ime>span{grid-area:auto}}.mp .skip-link{color:#fff}.cd-plain-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;min-height:160px;display:grid}.cd-doc{border:1px solid var(--rule);background:#fff;border-radius:12px;gap:10px;min-width:0;padding:14px 16px;display:grid}.cd-doc-label{color:var(--ink-2);font-size:12.5px}.cd-rich{color:#c2410c;text-underline-offset:5px;font-family:Hiragino Mincho ProN,serif;font-size:20px;font-weight:800;-webkit-text-decoration:underline wavy #c2410c80;text-decoration:underline wavy #c2410c80}.cd-plain-text{color:var(--ink);min-height:1.6em;font-size:15px;animation:6s infinite cd-plain-text}@keyframes cd-plain-text{0%,32%{clip-path:inset(0 100% 0 0)}42%,90%{clip-path:inset(0)}96%,to{clip-path:inset(0 100% 0 0)}}.cd-press-plain{animation:6s infinite cd-press-plain}@keyframes cd-press-plain{0%,18%,30%,to{background:#fff;border-color:#14181640;border-bottom-width:4px;transform:none}20%,28%{border-color:var(--blue);background:#e8effb;border-bottom-width:2px;transform:translateY(2px)}}@media (max-width:560px){.cd-plain-row{grid-template-columns:minmax(0,1fr);justify-items:stretch}.cd-plain-row>.cd-col{justify-self:center}}