:root{color-scheme:dark;--font-serif:"IBM Plex Serif","Yu Mincho",serif;--font-mono:"IBM Plex Mono","Yu Gothic",monospace;--font-sans:var(--font-mono);--color-theme-bg:#000;--color-theme-fg:#eee;--color-theme-fg-02:#ccc;--color-theme-fg-03:#999;--color-theme-fg-04:#777;--color-theme-card-hex:#0b0b0b;--color-theme-card-hover-hex:#141414;--color-theme-border-01:#161616;--color-theme-border-02:#242424;--color-theme-product-chrome:#050505;--max-width-container:1144px;--site-header-height:52px;--spacing:0.25rem;--space-1:calc(var(--spacing) * 2);--space-2:calc(var(--spacing) * 4);--space-3:calc(var(--spacing) * 6);--space-4:calc(var(--spacing) * 8);--space-5:calc(var(--spacing) * 12);--space-6:calc(var(--spacing) * 16);--section-space:96px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--leading-normal:1.65;--radius-sm:4px;--duration:160ms;--ease-out-soft:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height) + 24px)}body{margin:0;background:var(--color-theme-bg);color:var(--color-theme-fg);font:400 var(--text-sm)/var(--leading-normal) var(--font-mono);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select{color:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}figure,h1,h2,h4,p{margin:0}h1,h2,h4{font-family:var(--font-serif);font-weight:320}p{color:var(--color-theme-fg-03)}a,button,select{transition:color var(--duration),background var(--duration),border-color var(--duration)}:focus-visible{outline:2px solid var(--color-theme-fg);outline-offset:5px}::selection{background:#d8d8cf;color:#000}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:18px;height:18px;flex:0 0 auto;vertical-align:middle}.icon>*{vector-effect:non-scaling-stroke}.site-shell{overflow-x:clip;position:relative;isolation:isolate}.site-shell:before{content:"";position:absolute;inset:0;box-shadow:inset 1px 0 var(--color-theme-border-01),inset -1px 0 var(--color-theme-border-01);pointer-events:none;z-index:-1}.container,.site-shell:before{width:min(var(--max-width-container),calc(100% - 64px));margin-inline:auto}.section{border-bottom:1px solid var(--color-theme-border-02)}.skip-link{position:fixed;top:8px;left:16px;padding:12px 20px;background:var(--color-theme-fg);color:#000;z-index:30;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgb(0 0 0/50%);border-bottom:1px solid var(--color-theme-border-02);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-inner{position:relative;height:var(--site-header-height);display:flex;align-items:center;justify-content:space-between}.site-logo{width:32px;height:36px;display:grid;place-items:center}.site-logo svg{width:25px;height:25px}.site-logo:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:42px;padding:10px 15px;background:var(--color-theme-card-hex);border:1px solid #767676;color:var(--color-theme-fg);font-size:var(--text-xs);font-weight:500;line-height:1.5}.button.app-download:hover{background:#949494;border-color:#949494}.button.github-star{border:1px solid var(--color-theme-border-02);background:var(--color-theme-bg)}.button.github-star:hover{border-color:#949494;color:#949494}.button[aria-disabled=true]{cursor:progress;color:var(--color-theme-fg-03)}.button-sm{min-height:30px;padding:4px 12px;font-size:var(--text-xs)}.download-status{color:var(--color-theme-fg-02)}.download-status a{text-decoration:underline;text-underline-offset:3px}.hero{padding-block:var(--section-space) 72px}.hero-text{max-width:650px}h1{font-size:clamp(36px,3.35vw,48px);font-style:italic;line-height:1.13;letter-spacing:-.035em}.hero-text>p{max-width:425px;margin-top:var(--space-3);line-height:1.75}.hero-buttons{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:var(--space-4)}.platform-note{font-size:11px;color:var(--color-theme-fg-04)}.hero-actions{display:flex;align-items:center;gap:15px}.hero-actions .button{flex-shrink:0;white-space:nowrap}.hero-mockup{width:100%;height:var(--demo-height,auto);margin-top:var(--space-4)}.demo-window{width:var(--max-width-container);transform:scale(var(--demo-scale,1));transform-origin:top left;background:#000;border:1px solid #363636;border-radius:8px;overflow:hidden}.demo-toolbar{height:34px;padding:3px 0 3px 3px;display:flex;align-items:center;gap:4px;background:var(--color-theme-product-chrome);border-bottom:1px solid #252525}.demo-logo-slot{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;color:#888;cursor:pointer}.demo-logo-slot:hover{color:#fff}.demo-logo{height:15px;width:15px}.demo-tabs{align-items:stretch;height:100%;gap:2px}.demo-tab,.demo-tabs{display:flex;min-width:0}.demo-tab{position:relative;align-items:center;gap:7px;padding:0 3px 0 9px;border-radius:var(--radius-sm);background:transparent;color:#888;font-size:12px;white-space:nowrap;max-width:200px}.demo-tab[aria-selected=true]{color:#eee;background:#181818}.demo-tab:hover{background:#2c2c2c;color:#eee}.demo-tab:focus-visible{outline-offset:-2px}.demo-tab-name{overflow:hidden;text-overflow:ellipsis}.demo-tab-short{display:none}.editor-tab-close{width:calc(var(--spacing) * 5);aspect-ratio:1;display:grid;place-items:center;padding:0;flex:0 0 auto;color:#888;background:transparent;cursor:pointer;transition:color var(--duration)}.editor-tab-close svg{display:block;width:9px;overflow:visible}.editor-tab-close:hover{color:#fff}.editor-window-controls{margin-left:auto;padding:0 15px;height:100%;width:calc(var(--spacing) * 30);flex:0 0 auto;display:grid;place-items:center;color:#888;cursor:pointer}.editor-window-controls svg{display:block;width:100%;overflow:visible}.demo-viewport{position:relative;aspect-ratio:16/9;background:#000}.demo-panel{height:100%;width:100%;position:relative}.demo-panel:focus-visible{outline-offset:-5px}.demo-panel video,.demo-photo{width:100%;height:100%;object-fit:contain}.demo-paused-frame{object-fit:contain;background:#000;pointer-events:none}.demo-paused-frame,.demo-video-toggle{position:absolute;inset:0;width:100%;height:100%}.demo-video-toggle{background:transparent;padding:0}.demo-video-toggle:focus-visible{outline-offset:-5px}.demo-error{position:absolute;inset:0;display:grid;place-items:center;background:#080808;color:#ccc;text-align:center;padding:24px}.demo-seekbar{position:relative;height:1px;z-index:2}.demo-seek-track{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:#292929;pointer-events:none;transition:height var(--duration) var(--ease-out-soft)}.demo-seek-preview,.demo-seek-progress{position:absolute;inset:0 auto 0 0;pointer-events:none}.demo-seek-progress{width:var(--seek-progress);background:#fff}.demo-seek-preview{width:var(--seek-hover);background:rgb(255 255 255/35%);opacity:0;transition:opacity var(--duration)}.demo-seek-thumb{position:absolute;top:50%;left:var(--seek-progress);width:11px;height:11px;border-radius:50%;background:#fff;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform var(--duration) var(--ease-out-soft)}.demo-seekbar.is-hovered .demo-seek-track,.demo-seekbar:has(input:focus-visible) .demo-seek-track{height:4px}.demo-seekbar.is-hovered .demo-seek-thumb,.demo-seekbar:has(input:focus-visible) .demo-seek-thumb{transform:translate(-50%,-50%) scale(1)}.demo-seekbar.is-hovered .demo-seek-preview{opacity:1}.demo-seekbar.is-disabled{opacity:.4}.demo-seekbar input{position:absolute;display:block;inset:-7px 0;width:100%;height:15px;margin:0;padding:0;border:0;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.demo-seekbar input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:0;height:15px;border:0;background:transparent}.demo-seekbar input::-moz-range-thumb{width:0;height:15px;border:0;background:transparent}.demo-seekbar input::-moz-range-track{background:transparent;border:0}.demo-seekbar input::-moz-range-progress{background:transparent}.demo-seekbar input:focus-visible{outline-offset:0}.demo-seek-thumbnail{--thumbnail-width:160px;position:absolute;bottom:10px;left:clamp(calc(var(--thumbnail-width) / 2 + 8px),var(--seek-hover),calc(100% - var(--thumbnail-width) / 2 - 8px));width:var(--thumbnail-width);transform:translateX(-50%);overflow:hidden;border:1px solid #363636;border-radius:var(--radius-sm);background:#050505;box-shadow:0 4px 16px #0006;pointer-events:none}.demo-seek-thumbnail img{width:100%;height:100px;object-fit:contain}.demo-seek-video-frame{display:block;background-repeat:no-repeat}.demo-seek-thumbnail-label{display:block;padding:2px 4px;color:#eee;font:11px/1.5 var(--font-mono);text-align:center}.demo-statusbar{min-height:30px;padding:5px 8px;display:flex;gap:10px;align-items:center;color:#8d8d8d;font-size:12px}.demo-statusbar .icon{width:16px;height:16px}.demo-transport{display:flex;align-items:center;gap:5px;flex:0 0 auto}.demo-icon-button,.demo-reading{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;padding:0;background:transparent;color:#888;cursor:pointer;transition:color var(--duration)}.demo-icon-button:hover,.demo-icon-button[aria-pressed=true],.demo-reading:hover{color:#fff}.demo-icon-button:disabled{opacity:.4}.demo-icon-button:focus-visible{outline-offset:1px}.demo-position{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-path{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-metadata{margin-left:auto;display:flex;gap:12px;align-items:center;justify-content:flex-end;flex:0 0 auto;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-audio{padding:8px;overflow:auto}.audio-playlist{list-style:none;margin:0;padding:0}.audio-playlist button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;padding:10px 14px;color:#999;font-size:12px;text-align:left}.audio-playlist button:hover{background:#181818}.audio-playlist button[aria-pressed=true]{color:#eee}.audio-playlist button:focus-visible{outline-offset:-2px}.track-number{width:22px;color:#777}.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.feature-block{padding-block:var(--section-space)}.section-heading{margin-bottom:40px}h2{font-size:clamp(25px,2.25vw,30px);line-height:1.3;letter-spacing:-.025em}.section-heading>p{margin-top:18px;max-width:525px}.feature-showcase{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-theme-border-02)}.feature-list{margin:0;padding:0;list-style:none;border-right:1px solid var(--color-theme-border-02)}.feature-list li{position:relative;min-height:0;padding:22px 28px 22px 52px;border-bottom:1px solid var(--color-theme-border-02);transition:background var(--duration)}.feature-list li:last-child{border-bottom:0}.feature-list li.is-active,.feature-list li:hover{background:var(--color-theme-card-hex)}.feature-list li:has(:focus-visible){z-index:2}.feature-list h4{font-size:20px;line-height:1.3}.feature-select{padding:0;display:block;font:inherit;line-height:inherit;text-align:left;background:none}.feature-select:after{content:"";position:absolute;inset:0}.feature-select:focus-visible{outline:none}.feature-select:focus-visible:after{outline:2px solid #ccc;outline-offset:-3px}.feature-number{position:absolute;left:22px;top:27px;font:400 11px/1 var(--font-mono);color:#777}.is-active .feature-number{color:#ddd}.feature-list p{max-width:430px;font-size:13px;line-height:1.7;margin-top:10px}.feature-media{--feature-padding:var(--space-5);min-width:0;position:relative;overflow:hidden;padding:var(--feature-padding) 0 var(--feature-padding) var(--feature-padding);background:#000}.feature-media-inner{position:absolute;inset:var(--feature-padding) 0 var(--feature-padding) var(--feature-padding);animation:preview-in .25s var(--ease-out-soft)}.feature-artwork{position:absolute;inset:0}.feature-artwork img{position:absolute;top:var(--layer-position);left:calc(var(--layer) * var(--space-4));height:100%;width:auto;max-width:none;transform:translateY(calc(-1 * var(--layer-position)));filter:drop-shadow(0 4px 20px #000) drop-shadow(0 4px 10px #000)}.is-stacked .feature-artwork img{height:70%}.feature-media-tabs .feature-artwork{top:50%;bottom:auto;height:60%;aspect-ratio:518/285;transform:translateY(-50%);-webkit-mask-image:linear-gradient(180deg,black 30%,transparent 90%);mask-image:linear-gradient(180deg,black 30%,transparent 90%)}.speed-frame-stack{position:absolute;inset:0}.speed-frame-layer{position:absolute;left:0;top:var(--frame-position);height:65%;aspect-ratio:var(--frame-aspect);transform:translateY(calc(-1 * var(--frame-position)));animation:frame-load .45s var(--ease-out-soft) both;animation-delay:calc(var(--frame-order) * 45ms)}.speed-frame{position:absolute;display:block;left:0;top:var(--frame-top);height:var(--frame-height);width:auto;transform:skewY(var(--frame-skew-y)) skewX(var(--frame-skew-x)) scaleY(var(--frame-scale-y));transform-origin:top left;background-color:#000;background-repeat:no-repeat;box-shadow:0 10px 50px #0008;border:1px solid var(--color-theme-border-02);opacity:var(--frame-opacity)}@keyframes frame-load{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}@keyframes preview-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.closing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-theme-border-02)}.closing-card{min-width:0;border-right:1px solid var(--color-theme-border-02)}.closing-card:last-child{border-right:0}.closing-media{height:310px;padding:24px;display:flex;align-items:center;justify-content:center;background:var(--color-theme-card-hex);border-bottom:1px solid var(--color-theme-border-02)}.closing-media img{width:100%;height:auto;object-fit:contain}.closing-media-source{overflow:hidden;isolation:isolate}.source-artwork{position:relative;top:-20px;width:100%;height:100%;max-width:340px}.source-artwork img{position:absolute;transform:skewY(-10deg)}.source-artwork .source-code{left:0;top:12%;width:86%;height:83%;object-fit:fill;mix-blend-mode:screen}.source-artwork .source-window{right:0;top:19%;width:74%;height:78%;object-fit:fill;filter:drop-shadow(-14px -12px 8px #0b0b0b)}.closing-copy{padding:26px 24px 30px}.closing-copy h4{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--color-theme-fg)}.closing-copy p{margin-top:14px;font-size:13px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:6px;color:#b8b8b8;font-size:11px;margin-top:20px}.text-link:hover{color:#fff}.text-link .icon{width:13px;height:13px}.footer-inner{min-height:90px;align-items:center;font-size:11px;color:var(--color-theme-fg-03)}.footer-inner,.footer-inner nav{display:flex;gap:30px}.footer-inner a:hover{color:#fff}.copyright{white-space:nowrap}.language-switcher{display:inline-flex;align-items:center;position:relative;margin-left:auto;color:var(--color-theme-fg-03);z-index:5}.language-switcher-button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:6px 0 6px 12px;border:0;color:inherit;background:transparent;font-size:11px;line-height:1}.language-switcher-button svg{width:12px;height:12px;transform:rotate(-90deg);transition:transform var(--duration)}.language-switcher.is-open .language-switcher-button svg{transform:rotate(90deg)}.language-switcher-button:hover,.language-switcher.is-open .language-switcher-button{color:var(--color-theme-fg)}.language-switcher-menu{position:absolute;right:0;bottom:calc(100% + 10px);min-width:144px;padding:0;border:1px solid var(--color-theme-border-02);background:var(--color-theme-card-hex)}.language-switcher-option{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:0;color:var(--color-theme-fg-03);background:transparent;font:inherit;font-size:12px;line-height:1.2;text-align:left;white-space:nowrap}.language-switcher-option:focus-visible,.language-switcher-option:hover{color:var(--color-theme-fg);background:#1c1c1c}.language-switcher-option:focus-visible{outline-offset:-2px}.language-switcher-check{opacity:0}.language-switcher-option[aria-checked=true]{color:var(--color-theme-fg)}.language-switcher-option[aria-checked=true] .language-switcher-check{opacity:1}html[lang=ja]{--font-serif:"Noto Serif JP",serif;--font-mono:"IBM Plex Mono","M PLUS 1 Code",monospace}html[lang=ja] h1{width:calc(100% / .7);transform:scaleX(.7);transform-origin:left center;font-size:clamp(32px,3.25vw,46px);line-height:1.1}html[lang=ja] .hero-text>p{max-width:460px;word-break:auto-phrase}html[lang=ja] p{line-height:1.9}@media (min-width:1600px){.hero{padding-top:104px}}@media (max-width:900px){:root{--section-space:72px}.feature-list li{padding:20px 20px 20px 45px}.feature-number{left:18px;top:25px}.feature-media{--feature-padding:var(--space-4)}.closing-media{height:230px;padding:18px}.closing-copy{padding:22px 18px}.footer-inner{gap:24px}.footer-inner nav{gap:20px}}@media (max-width:680px){:root{--section-space:56px}.container,.site-shell:before{width:calc(100% - 40px)}.hero{padding-top:56px;padding-bottom:42px}h1{font-size:clamp(30px,7.4vw,42px)}.hero-text>p{font-size:13px;max-width:360px;margin-top:22px}.hero-buttons{margin-top:28px}.button{min-height:42px;padding:10px 9px;font-size:11px}.button-sm{min-height:30px;padding:4px 10px;font-size:11px}.hero-actions{gap:8px}.hero-mockup{margin-top:36px}.section-heading{margin-bottom:28px}h2{font-size:25px;max-width:420px}.section-heading>p{font-size:13px;margin-top:16px}.feature-showcase{grid-template-columns:minmax(0,1fr)}.feature-list{border-right:0}.feature-list li{min-height:0;padding:20px 20px 20px 45px}.feature-list h4{font-size:19px}.feature-list p{font-size:12px;margin-top:8px}.feature-media{grid-row:1;min-height:260px;border-bottom:1px solid var(--color-theme-border-02);--feature-padding:var(--space-3);aspect-ratio:1.1}.feature-media-tabs .feature-artwork{height:80%}.closing-grid{grid-template-columns:minmax(0,1fr)}.closing-card{border-right:0;border-bottom:1px solid var(--color-theme-border-02)}.closing-card:last-child{border-bottom:0}.closing-media{height:auto;min-height:190px;padding:28px}.closing-media img{max-width:340px}.closing-media-source{height:330px}.closing-media.is-empty{display:none}.closing-copy{padding:24px}.closing-copy p{font-size:12px}.footer-inner{min-height:122px;padding-block:24px;flex-wrap:wrap;gap:18px;justify-content:space-between}.footer-inner nav{order:3;flex-basis:100%;gap:26px}.language-switcher{margin-left:auto}html[lang=ja] h1{font-size:clamp(26px,6.8vw,36px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}