:root{--paper:#f7f3eb;--ink:#3e342e;--muted:#77685e;--brown:#604638;--accent:#a27660;--line:#ded3c5;--wash:#e9e8de;--white:#fffdfa;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);line-height:1.85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8f5937;outline-offset:4px}.skip{position:fixed;left:16px;top:-80px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.wrap{max-width:1296px;margin:auto;padding-inline:48px}.header{min-height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px max(32px,calc((100vw - 1200px)/2));font-size:13px;font-weight:650}.brand{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:19px;text-decoration:none}.brand img{object-fit:contain}.brand span{font-size:12px;color:var(--accent);margin-left:3px}.header nav{display:flex;align-items:center;gap:26px}.header nav a{text-decoration:none}.nav-download{padding:9px 18px;background:#eae0d2;border-radius:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:84px 100px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;color:#93634e;margin:0 0 22px}h1,h2,h3{line-height:1.4;letter-spacing:.01em}h1{font-size:clamp(36px,4vw,54px);font-weight:750;margin:0 0 30px}h2{font-size:30px;margin:0 0 25px}h3{font-size:20px;margin:12px 0}p{margin:0 0 20px}.lead{font-size:18px;line-height:2.1;color:#64564b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:32px 14px}.button{border:1px solid var(--line);background:var(--white);color:var(--brown);border-radius:28px;display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;min-height:48px;font-size:14px;font-weight:650;text-decoration:none;line-height:1.6;transition:background .2s}.button:hover{background:#ece1d5}.primary{background:var(--brown);border-color:var(--brown);color:white}.primary:hover{background:#785847}.subtle{font-size:12px;color:var(--muted);margin:12px 0}.desktop-demo{min-width:0}.window-bar{display:flex;justify-content:space-between;padding:9px 18px;background:#dedfd6;border-radius:22px 22px 0 0;color:#687166;font-size:11px}.desktop-paper{height:420px;background:#b3b6a5;border-radius:0 0 22px 22px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 80% 120%,#c9bba0 0 53%,transparent 53%)}.paper-window{position:absolute;left:9%;top:14%;width:67%;padding:13px 24px 32px;background:#fafaf6;border-radius:14px;box-shadow:0 20px 40px #6a584515}.paper-window span{color:#9aa79a;font-size:11px}.paper-window i{display:block;background:#e4e6dc;height:8px;margin-top:18px;border-radius:4px}.paper-window i:nth-of-type(2){width:76%}.paper-window i:nth-of-type(3){width:86%}.paper-window i:nth-of-type(4){width:54%}.desktop-paper canvas{position:absolute;inset:0;width:100%;height:100%}.desktop-caption{position:absolute;bottom:140px;left:24px;padding:5px 12px;background:#514c42b8;color:#fff;border-radius:24px;font-size:11px}.hero-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 8px;font-size:12px;color:var(--muted)}.hero-controls button{border:0;border-bottom:1px solid var(--line);background:none;color:var(--brown);min-height:42px}.how{background:var(--wash);padding:80px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.step-number{color:var(--accent);font-size:14px;font-weight:650}.steps p{font-size:14px;color:#675b50}.how-note{margin:25px 0 0;font-size:13px}.gallery{padding-block:90px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}.section-heading p:last-child{font-size:14px;color:var(--muted)}.preview-stage{position:relative;height:280px;border-bottom:2px solid #c9bb9e;background:#eee9dd;border-radius:18px 18px 0 0;overflow:hidden}.preview-stage canvas{width:100%;height:100%;display:block}.ground-label{position:absolute;left:24px;top:20px;font-size:11px;letter-spacing:.09em;color:#887765}.demo-controls{display:flex;align-items:end;justify-content:center;gap:20px;margin-top:25px}.demo-controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px;min-width:180px}select{min-height:48px;background:var(--white);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:8px 34px 8px 12px;font-size:14px}#demo-status{text-align:center;min-height:24px}#retry{display:block;margin:auto}#retry[hidden]{display:none}.motion-note{font-size:12px;color:var(--muted);max-width:740px;margin:28px auto 0}.closing{text-align:center;padding-block:50px 90px}.closing h2{font-size:26px}.footer{border-top:1px solid var(--line);padding-block:24px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:24px}.footer div{display:flex;gap:22px}.download-main{max-width:1060px;padding-block:70px}.compact{font-size:17px}.release-status{font-size:13px;color:var(--muted)}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-block:28px 40px}.platform{border-top:2px solid var(--brown);padding-block:24px;display:flex;align-items:start;flex-direction:column;gap:12px}.platform h2,.platform p{margin:0}.platform p{font-size:13px;color:var(--muted);margin-bottom:10px}.platform .button{width:100%}.text-link{font-size:13px;margin-top:4px}.zip-links{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}.notice{background:#eee4d6;padding:24px 30px;border-left:3px solid var(--accent)}.notice h2{font-size:18px;margin:0 0 12px}.notice p{font-size:13px;margin:0 0 10px}.notice p:last-child{margin:0}.guide{padding-top:48px;margin-top:12px}.guide h2{font-size:24px}.guide p,.guide li,.guide dd{font-size:14px;color:#61564c}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.guide ol{padding-left:22px}.guide li{margin:12px 0}.guide h3{font-size:18px}.guide dl{display:grid;grid-template-columns:130px 1fr;gap:20px;margin:0}.guide dt{font-size:14px;font-weight:650}.guide dd{margin:0}code{font-size:12px;overflow-wrap:anywhere}pre{font-size:12px;padding:14px;background:#ebe7df;overflow:auto}summary{cursor:pointer;font-size:14px;font-weight:650;padding:12px 0}.unavailable{background:#e4ddd3;border-color:#e4ddd3;color:#63594f}
@media(max-width:800px){.wrap{padding-inline:24px}.header{padding:14px 24px;flex-wrap:wrap;gap:8px}.header nav{gap:20px}.header .source{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-block:52px 58px}.hero-copy{max-width:600px}h1{font-size:40px}.desktop-paper{height:340px}.desktop-caption{bottom:130px}.steps{gap:26px}.section-heading{align-items:start;flex-direction:column;gap:0}.gallery{padding-block:58px}.footer{flex-direction:column;gap:10px}.footer div{flex-wrap:wrap;gap:16px}.download-main{padding-block:48px}.platforms,.guide-columns{gap:28px}.demo-controls{flex-wrap:wrap}.how{padding-block:55px}}
@media(max-width:500px){.header{padding-inline:20px}.brand{font-size:17px}.header nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.nav-download{padding:7px 10px}.wrap{padding-inline:20px}h1{font-size:33px;letter-spacing:0}.lead{font-size:15px}h2{font-size:25px}.hero{padding-top:40px;gap:26px}.actions{flex-direction:column}.actions .button{width:100%}.desktop-paper{height:280px}.desktop-caption{bottom:128px;font-size:10px}.paper-window{padding:10px 20px 26px}.paper-window i{margin-top:14px;height:7px}.steps{grid-template-columns:1fr;gap:18px}.steps p{margin:0}.steps h3{margin-block:7px}.how-note{margin-top:30px}.preview-stage{height:220px}.demo-controls{gap:12px;justify-content:stretch}.demo-controls label{min-width:0;flex:1}#demo-toggle{width:100%}.closing{padding-block:30px 60px}.closing h2{font-size:23px}.platforms,.guide-columns{grid-template-columns:1fr;gap:16px}.platform{padding-block:22px}.notice{padding:20px}.guide dl{grid-template-columns:1fr;gap:8px}.guide dd{margin-bottom:12px}.download-main h1{font-size:35px}.ground-label{left:16px}.footer{padding-inline:20px}}
.download-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-block:52px 28px}.download-copy h1{font-size:clamp(34px,3.4vw,46px);margin-bottom:22px}.download-copy .eyebrow{margin-bottom:18px}.download-copy .lead{margin-bottom:24px}.download-copy .subtle{font-size:13px;margin-top:18px}.download-preview{min-width:0}.download-preview .preview-stage{height:300px}.download-preview .demo-controls{gap:14px;margin-top:18px;justify-content:stretch}.download-preview .demo-controls label{min-width:0;flex:1}.download-preview .demo-controls button{padding-inline:18px;white-space:nowrap}.download-preview .motion-note{font-size:13px;margin-top:12px;line-height:1.8}.download-preview #demo-status{font-size:13px;margin-block:10px 0}.demo-poster{position:absolute;width:216px;height:auto;bottom:16px;left:50%;transform:translateX(-50%)}.preview-stage[data-ready=true] .demo-poster,.preview-stage[data-loading=true] .demo-poster{display:none}.preview-stage[data-loading=true] canvas{visibility:hidden}.download-files{padding-block:24px 36px}.files-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.files-heading h2{font-size:28px;margin:0}.files-heading .release-status{margin:0;text-align:right}.download-page .platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:24px 20px}.download-page .platform{padding-block:20px 16px}.download-page .platform h3{font-size:23px;margin:0}.download-page .platform p{font-size:14px}.download-note{font-size:14px;color:var(--muted);line-height:1.8;margin:8px 0}.download-help{padding-block:32px 56px}.download-help h2{font-size:24px;margin:0 0 24px}.help-detail{border-top:1px solid var(--line)}.help-detail:last-of-type{border-bottom:1px solid var(--line)}.help-detail summary{font-size:16px;padding:17px 4px;min-height:58px}.help-body{padding:0 24px 16px;color:#61564c;font-size:15px;line-height:1.9}.help-body ol{padding-left:22px}.help-body li{margin-block:12px}.help-body p:last-child{margin-bottom:0}.help-body dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;margin:8px 0}.help-body dt{font-weight:650}.help-body dd{margin:0}.help-body code,.help-body pre{font-size:13px}.download-support{font-size:14px;color:var(--muted);margin:24px 0 0}
@media(max-width:800px){.download-hero{grid-template-columns:1fr;gap:28px;padding-block:36px 16px}.download-copy h1{font-size:40px}.download-copy{max-width:600px}.download-copy .lead{margin-bottom:18px}.download-copy .subtle{margin-bottom:0}.files-heading{flex-direction:column;gap:8px}.files-heading .release-status{text-align:left}.download-page .platforms{gap:20px}.download-page .platform h3{font-size:20px}.download-page .platform p{font-size:13px}.download-page .platform .button{padding-inline:12px}}
@media(max-width:500px){.download-copy h1{font-size:33px}.download-copy .eyebrow{font-size:11px}.download-preview .preview-stage{height:220px}.download-preview .demo-controls{gap:12px;flex-wrap:wrap}.download-preview .demo-controls label{flex-basis:40%}.download-preview .motion-note{font-size:12px}.download-files{padding-block:26px}.files-heading h2{font-size:25px}.download-page .platforms{grid-template-columns:1fr;gap:4px;margin-block:20px 8px}.download-page .platform h3{font-size:23px}.download-page .platform p{font-size:14px}.download-help{padding-block:24px 40px}.download-help h2{font-size:22px}.help-detail summary{font-size:15px}.help-body{padding-inline:4px}.help-body dl{grid-template-columns:1fr;gap:8px}.help-body dd{margin-bottom:12px}}
.demo-modes{display:flex;gap:8px;margin-top:14px}.demo-modes button{flex:1;min-height:48px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:650}.demo-modes button[aria-pressed=true]{background:var(--brown);border-color:var(--brown);color:var(--white)}
.desktop-caption{top:12px;bottom:auto;left:16px}
@media(max-width:500px){.download-copy h1{font-size:31px}.download-copy .eyebrow{margin-bottom:12px}.download-copy .lead{line-height:1.8}.download-copy .subtle{font-size:12px;line-height:1.7;margin-top:12px}}

.demo-desktop{position:absolute;inset:0;background:#b3b6a5;background-image:radial-gradient(ellipse at 80% 130%,#c9bba0 0 58%,transparent 58%);display:none}
.preview-stage[data-mode=flock]{height:340px;border:1px solid #d2d1c6;border-radius:16px;isolation:isolate}
.preview-stage[data-mode=flock] .demo-desktop{display:block}
.preview-stage[data-mode=flock] .ground-label{display:none}
.preview-stage canvas{position:relative;z-index:2;pointer-events:none}
.demo-desktop-clock{position:absolute;top:15px;right:20px;font-size:11px;color:#4a5044}
.demo-shortcuts{position:absolute;top:52px;left:20px;display:grid;gap:22px;font-size:10px;line-height:1.5;text-align:center;color:#3e4439}
.demo-shortcuts div{display:flex;align-items:center;flex-direction:column;gap:5px}.demo-shortcuts i{display:block;width:25px;height:22px;border-radius:4px;background:#f0d2a2;border:1px solid #9d855f}.demo-shortcuts .memo-icon{background:#f8f7ed;border-color:#b4b5a5;height:27px}
.demo-work-window{left:20%;top:18%;width:57%;padding:11px 22px 26px;border:1px solid #ffffff80;border-radius:11px}
.demo-work-window i{height:6px;margin-top:15px}
.demo-taskbar{position:absolute;bottom:0;left:0;right:0;height:26px;display:flex;align-items:center;gap:8px;padding-inline:12px;background:#e4e4d8db;border-top:1px solid #ffffff60;font-size:9px;color:#687166}
.demo-taskbar i{width:12px;height:12px;background:#7e958e;border-radius:3px}.demo-taskbar i:nth-child(2){background:#be9d76}.demo-taskbar i:nth-child(3){background:#9e9aab}.demo-taskbar span{margin-left:auto}
.download-preview .preview-stage[data-mode=flock]{height:340px}.download-preview .demo-poster{z-index:1;bottom:28px}
.download-preview:fullscreen{background:var(--paper);padding:20px;display:flex;flex-direction:column;overflow:auto}.download-preview:fullscreen .preview-stage{flex:1;min-height:200px;height:auto}.download-preview:fullscreen .motion-note{display:none}.download-preview:fullscreen .demo-controls{max-width:700px;width:100%;margin-inline:auto}.download-preview:fullscreen .demo-modes{max-width:700px;width:100%;margin-inline:auto}
@media(max-width:500px){.download-preview .preview-stage[data-mode=flock]{height:260px}.demo-work-window{left:23%;top:23%;width:67%;padding:8px 14px 18px}.demo-work-window i{margin-top:12px;height:5px}.demo-desktop-clock{font-size:10px;right:14px}.demo-shortcuts{left:12px;font-size:9px}.demo-modes{gap:6px}.demo-modes button{font-size:12px}.download-preview:fullscreen{padding:12px}}
.download-preview:fullscreen .preview-stage[data-mode=flock]{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.footer,.footer div{flex-wrap:wrap;align-items:center}.footer a{display:inline-flex;min-height:44px;align-items:center}