.protomota-family-block{--family-text:var(--ink);--family-muted:var(--ink-3);--family-link:var(--accent);--family-heading:var(--serif);color:var(--family-text);text-align:left;padding-block:clamp(28px,4vw,54px)}.protomota-family-block .family-inner{border-block-start:1px solid var(--ink-line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(22px,4vw,56px);padding-block-start:clamp(22px,3vw,34px);display:grid}.protomota-family-block .family-title{font-family:var(--family-heading,inherit);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(21px,2.1vw,29px);font-weight:650;line-height:1.16}.protomota-family-block .family-about p{max-width:32ch;color:var(--family-muted);margin:0 0 12px;font-size:.875rem;line-height:1.5}.protomota-family-block .family-hub{color:var(--family-link);text-underline-offset:3px;align-items:center;gap:6px;padding-block:5px;font-size:.875rem;font-weight:650;text-decoration:underline;display:inline-flex}.protomota-family-block .family-apps{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px 18px;margin:0;padding:0;list-style:none;display:grid}.protomota-family-block .family-entry{height:100%;min-height:60px;color:inherit;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 5px;text-decoration:none;display:grid}.protomota-family-block .family-entry img{object-fit:contain;border-radius:8px;width:34px;height:34px;display:block}.protomota-family-block .family-entry strong,.protomota-family-block .family-detail{display:block}.protomota-family-block .family-entry strong{font-size:.875rem;line-height:1.25}.protomota-family-block .family-detail{color:var(--family-muted);margin-block-start:3px;font-size:.8125rem;line-height:1.35}.protomota-family-block .family-status{grid-template-columns:34px minmax(0,1fr)}.protomota-family-block .family-arrow{color:var(--family-link);font-size:.875rem}.protomota-family-block a.family-entry:is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 5%, transparent);border-radius:8px}.protomota-family-block a.family-entry:is(:hover,:focus-visible) strong{text-underline-offset:3px;text-decoration:underline}.protomota-family-block a:focus-visible{outline:2px solid var(--family-link);outline-offset:3px}@media (width<=760px){.protomota-family-block .family-inner{grid-template-columns:1fr}}@media (width<=450px){.protomota-family-block .family-apps{grid-template-columns:1fr}}.protomota-family-block .family-entry img{filter:drop-shadow(0 0 .6px #0e142259)drop-shadow(0 3px 6px #0e142233)}.protomota-family-block .family-apps>li{flex-direction:column;display:flex}.protomota-family-block .family-entry{min-height:52px;padding-block-end:2px}.protomota-family-block .family-store,.protomota-family-block .family-soon{letter-spacing:.01em;align-self:flex-start;margin:0 0 6px 48px;font-size:.75rem;font-weight:650;line-height:1.3}.protomota-family-block .family-store{color:var(--family-link);text-decoration:none}.protomota-family-block .family-store:is(:hover,:focus-visible){text-underline-offset:3px;text-decoration:underline}.protomota-family-block .family-soon{color:var(--family-muted)}.install-page.wrap{max-width:1160px;padding-block:clamp(48px,7vw,96px)}.install-intro{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:clamp(32px,6vw,88px);padding-bottom:clamp(40px,6vw,72px);display:grid}.install-intro h1{max-width:12ch;font:400 clamp(42px, 5.7vw, 80px)/.99 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:0}.install-intro-copy>p{max-width:36ch;color:var(--ink-3);margin:20px 0;font-size:17px;line-height:1.6}.install-requirements,.install-trust{color:var(--ink-3);flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.install-requirements li{border:1px solid var(--ink-line);border-radius:999px;padding:6px 10px}.install-actions{gap:16px;min-width:0;display:grid}.install-download,.install-support{border:1px solid var(--ink-line-2);background:#fbf9f4;border-radius:24px;gap:18px;padding:clamp(18px,3vw,32px);display:grid}.install-heading,.install-product{align-items:center;gap:12px;display:flex}.install-heading h2{font:400 clamp(23px, 3vw, 30px)/1.1 var(--serif);margin:0}.install-heading .install-number{transform:translateY(-3px)}.install-number{background:var(--accent);color:#fff;width:32px;height:32px;font:700 19px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.install-product img{padding:3px}.install-product strong{overflow-wrap:anywhere;font-size:15px}.install-product p{color:var(--ink-3);margin:4px 0 0;font-size:13px}.install-download>a{white-space:normal;justify-content:space-between;min-height:48px}.install-trust{font-size:12px}.install-trust li:before{content:"✓";color:var(--accent);margin-inline-end:5px}.install-verify{border-top:1px solid var(--ink-line-2);padding-top:14px;font-size:13px}.install-verify summary{cursor:pointer}.install-verify p{margin:10px 0;line-height:1.6}.install-verify code{font-family:var(--mono);overflow-wrap:anywhere}.install-guide{margin:0;padding:0;list-style:none}.install-step{border-top:1px solid var(--ink-line);grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);padding-block:clamp(32px,5vw,64px);display:grid}.install-step h2,.install-help h2{font:400 clamp(30px, 3.6vw, 47px)/1.06 var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:12px 0}.install-step p,.install-help p{color:var(--ink-3);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.65}.install-shot{min-width:0;margin:0}.install-shot a{background:var(--paper-2);border-radius:20px;padding:clamp(12px,2vw,24px);display:block}.install-shot img{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #40251626}.install-shot .install-finder{padding:0}.install-shot figcaption{color:var(--ink-3);text-align:center;padding-top:12px;font-size:13px;line-height:1.5}.install-help{border:1px solid var(--ink-line-2);background:#fbf9f4;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:clamp(20px,4vw,40px);display:flex}.install-help h2{margin-top:0}.install-support{gap:14px}.install-support h2{font:400 clamp(26px, 3vw, 36px)/1.06 var(--serif);letter-spacing:-.025em;margin:0}.install-support p{color:var(--ink-3);margin:0;font-size:15px;line-height:1.65}.install-support .btn{justify-content:center;min-height:46px;margin-top:6px}.install-support .install-support-note{font-size:13px}@media (width<=760px){.install-intro,.install-step{grid-template-columns:1fr}.install-intro h1{max-width:16ch}}@media (width<=560px){.download-page .site-header nav>a:not(.nav-cta){display:none}}.wrap.help-main{padding-block:clamp(44px,7vw,100px)}.help-layout{grid-template-columns:minmax(185px,1fr) minmax(0,3fr);align-items:start;gap:0 clamp(30px,6vw,90px);display:grid}.help-intro{grid-column:2;margin-bottom:38px}.help-intro h1,.help-guides h2,.help-guides h3{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-weight:500}.help-intro h1{font-size:clamp(46px,6vw,78px);line-height:.98}.help-intro p{color:var(--ink-3);max-width:53ch;margin:13px 0 0;font-size:clamp(16px,1.6vw,20px)}.help-index{border-top:2px solid var(--accent);gap:4px;padding-top:14px;display:grid;position:sticky;top:104px}.help-index span{margin-bottom:5px;font-weight:650}.help-index a{padding:6px 0}.help-page :is(.help-index,.help-guides) a:not(.btn){color:var(--accent-2);text-underline-offset:.2em}.help-guides{min-width:0}.help-guides section{border-top:1px solid var(--ink-line);padding:27px 0 40px}.help-guides h2{font-size:clamp(31px,4vw,45px);line-height:1.02}.help-guides h3{font-size:28px;line-height:1.1}.help-guides p,.help-guides ol{max-width:72ch;color:var(--ink-3);font-size:15px;line-height:1.7}.help-guides p{margin:10px 0}.help-guides ol{margin:13px 0;padding-inline-start:1.45em}.help-guides li{margin-block:7px;padding-inline-start:.25em}.help-guides li::marker{color:var(--accent-2);font-weight:650}.help-shortcuts{flex-wrap:wrap;gap:8px;margin:19px 0;display:flex}.help-shortcuts a{border:1px solid var(--ink-line);border-radius:999px;padding:5px 12px;text-decoration:none}.help-shortcuts a:hover{background:var(--paper-2)}.help-guide{border-top:1px solid var(--ink-line-2);padding:20px 0}.help-guide:last-child{padding-bottom:0}.help-callback{background:var(--paper-2);border-radius:var(--radius);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;width:fit-content;max-width:100%;margin-top:6px;padding:4px 8px;display:block}.help-guides .help-troubleshooting{background:color-mix(in srgb, var(--accent) 8%, var(--paper));border-inline-start:2px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 13px}.help-contact{border:1px solid var(--ink-line);background:color-mix(in srgb, white 32%, var(--paper));border-radius:18px;padding:23px clamp(17px,3vw,30px)}.help-contact .btn{margin-top:5px}.help-ticket{border-color:color-mix(in srgb, var(--accent) 45%, var(--ink-line));margin-top:24px}.help-ticket h2{font:500 clamp(26px, 3vw, 34px)/1.1 var(--serif);margin:0}.help-ticket p{margin:8px 0 12px;font-size:15px}@media (width<=720px){.help-layout{grid-template-columns:minmax(0,1fr)}.help-intro{grid-column:1;margin-bottom:24px}.help-index{flex-wrap:wrap;align-items:baseline;gap:0 15px;margin-bottom:30px;display:flex;position:static}.help-index span{flex-basis:100%}}@media (width<=560px){.site-header nav>a[href="/#replies"],.site-header nav>.header-coffee{display:none}}.wrap.missing-page{grid-template-columns:minmax(0,1fr) minmax(160px,.48fr);align-items:center;gap:clamp(24px,6vw,82px);padding-block:clamp(70px,11vw,155px);display:grid}.missing-status{color:var(--accent-2);font:12px var(--mono);margin:0 0 19px}.missing-copy h1{font:500 clamp(49px, 6vw, 86px)/.98 var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0}.missing-copy>p:not(.missing-status){max-width:46ch;color:var(--ink-3);margin:19px 0 0;font-size:17px;line-height:1.65}.missing-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.missing-mark{border-inline-start:1px solid var(--ink-line);place-items:center;min-height:200px;display:grid}.missing-mark img{width:clamp(72px,11vw,112px);height:auto}@media (width<=640px){.wrap.missing-page{grid-template-columns:1fr}.missing-mark{border:0;grid-row:1;justify-items:start;min-height:0}}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-standard-italic-DTr-ymY4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-standard-italic-CSPGnFdO.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-standard-italic-kJKFiXvB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f5f2ec;--paper-2:#e8e2d3;--paper-3:#dcd4c1;--ink:#1c1b18;--ink-2:#2e2c28;--ink-3:#4a4742;--ink-muted:#8a8472;--ink-line:#cfc6b1;--ink-line-2:#ddd4be;--accent:#c4613c;--accent-2:#8a3f22;--ok:oklch(55% .09 155);--warn:oklch(62% .13 70);--bad:oklch(52% .17 25);--serif:var(--font-newsreader), "Newsreader", "Times New Roman", Georgia, serif;--sans:var(--font-geist), "Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--radius-sm:3px;--radius:6px;--radius-lg:10px}*{box-sizing:border-box}html,body,#root{background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{letter-spacing:-.005em;font-size:14px;line-height:1.5}a{color:var(--accent)}button{color:inherit;font-family:inherit}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:not(:disabled):hover{background:var(--ink-2);transform:translateY(-1px)}.btn.ghost{color:var(--ink);border-color:var(--ink-line);background:0 0}.btn.ghost:not(:disabled):hover{background:var(--paper-2);border-color:var(--ink)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:not(:disabled):hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn .arrow{font-family:var(--mono);font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}:root{--font-newsreader:"Newsreader Variable";--font-geist:"Geist Variable";--font-jetbrains-mono:"JetBrains Mono Variable"}html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:320px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font-family:inherit}.btn{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.btn.big{padding:14px 20px;font-size:13px}.desktop-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px;display:flex}.studio-link{color:var(--ink-3);font-family:var(--mono);font-size:11px;text-decoration:none}.platform-statuses{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.platform-statuses span{border:1px solid var(--ink-line);font-family:var(--mono);color:var(--ink-3);border-radius:3px;padding:5px 9px;font-size:10px}.platform-statuses span:first-child{color:var(--accent);border-color:var(--accent)}.release-note{font-family:var(--sans);color:var(--ink-3);max-width:530px;margin:22px 0 0;font-size:13px;line-height:1.8}.release-note strong{font-weight:550}.desktop-privacy{color:var(--ink-muted);max-width:550px;margin:25px 0 0;font-size:11px;line-height:1.8}.legal{max-width:720px;margin:0 auto;padding:76px 32px 100px}.legal h1{font-family:var(--serif);letter-spacing:-1.4px;font-size:54px;font-weight:400;line-height:1.05}.legal .updated{font-family:var(--mono);text-transform:uppercase;color:var(--ink-muted);margin-top:24px;font-size:10px}.legal section{border-top:1px solid var(--ink-line-2);margin-top:35px;padding-top:25px}.legal h2{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.2}.legal p{color:var(--ink-3);margin-top:12px;font-size:14px;line-height:1.9}.legal a{color:var(--accent)}@media (width<=650px){.legal{padding-top:45px}.legal h1{font-size:44px}}.about-protomota{grid-template-columns:1fr 1fr;gap:64px;padding:96px 0 40px;scroll-margin-top:30px;display:grid}.about-protomota h2{font-family:var(--serif);letter-spacing:-.7px;margin:25px 0 18px;font-size:36px;font-weight:400;line-height:1.08}.about-protomota p{font-family:var(--serif);color:var(--ink-3);max-width:440px;margin:0 0 22px;font-size:17px;line-height:1.65}.maker-website{color:var(--accent);align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}.about-protomota .about-support{border-left:1px solid var(--ink-line);padding-left:38px}.protomota-section-icon{color:var(--accent);display:block}.about-protomota p.support-optional{font-family:var(--sans);color:var(--ink-muted);max-width:360px;margin-top:17px;font-size:11px;line-height:1.8}.footer-product-credit{justify-content:space-between;align-items:center;gap:18px;padding:8px 0 30px;display:flex}.footer-product-credit>span{color:var(--ink-muted);font-size:10px;font-family:var(--mono)}@media (width<=650px){.about-protomota{grid-template-columns:1fr;gap:35px;padding-top:45px}.about-protomota .about-support{border-left:0;border-top:1px solid var(--ink-line);padding:30px 0 0}.footer-product-credit{flex-direction:column;align-items:flex-start;gap:12px}}.product-credit{color:#fff;font:600 13.5px/1.4 var(--sans);white-space:nowrap;background:#000;border:1px solid #1d2230;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 10px;text-decoration:none;transition:transform .15s;display:inline-flex}.product-credit:hover{color:#fff;transform:translateY(-1px)}.product-credit img{object-fit:contain;border-radius:6px;flex-shrink:0;display:block}.about-protomota p.protomota-family{font-family:var(--sans);color:var(--ink-muted);margin:24px 0 13px;font-size:12px;line-height:1.8}.protomota-follow{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.protomota-follow a{border:1px solid var(--ink-line);font-family:var(--sans);color:var(--ink-3);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.protomota-follow a:hover{color:var(--accent);border-color:var(--accent);background:#fbf9f4}.protomota-follow svg{flex-shrink:0}.header-coffee{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.header-coffee svg{color:var(--accent);flex-shrink:0}.about-protomota p.protomota-source{font-family:var(--sans);color:var(--ink-muted);margin:0 0 17px;font-size:12px;line-height:1.8}.protomota-source a{color:var(--accent);white-space:nowrap;text-decoration:none}.download-coming-soon{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;font-size:12px;display:flex}.download-coming-soon>span{color:var(--ink-3);background:#eee7dc;border:1px solid #d9cbbc;border-radius:999px;padding:9px 14px;font-weight:500}.download-coming-soon a{color:var(--accent);text-decoration:none}.page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);position:relative;overflow-x:clip}.page:before{content:"";pointer-events:none;z-index:49;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.11 0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{max-width:1200px;margin:0 auto;padding:0 40px}.site-header{z-index:50;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid color-mix(in srgb,var(--ink-line) 70%,transparent);position:sticky;top:0}.inkspring-logo{background:#fffaf3;border-radius:24%;flex-shrink:0;box-shadow:0 1px 2px #4025161f,0 3px 7px #40251626}svg.inkspring-logo{padding:2px}.brand-link .brand-dot,.footer-brand .brand-dot{color:var(--accent);letter-spacing:0;font-size:1em}.brand-link span{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:23px;font-weight:500}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav a{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;text-decoration:none;transition:color .15s}.site-header nav a:hover{color:var(--accent)}.site-header nav a.nav-cta{color:var(--paper);background:var(--ink);border-radius:999px;padding:10px 16px;transition:background .15s,transform .15s}.site-header nav a.nav-cta:is(:hover,:focus-visible){background:var(--accent);color:#fff}@media (hover:hover) and (prefers-reduced-motion:no-preference){.site-header nav a.nav-cta:hover{transform:translateY(-1px)}}.site-header nav a.nav-cta,.mac-download-link{align-items:center;gap:6px;display:inline-flex}.mac-download-icon{flex:none;width:1.1em;height:1.1em}.nav-cta .mac-download-icon{width:18px;height:18px}.eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;display:inline-block}.section-head{margin-bottom:56px}.section-title{font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(38px,5.2vw,68px);font-weight:400;line-height:1}.section-title em,.desktop-title em{color:var(--accent);font-style:italic}.btn.big{border-radius:999px;padding:15px 22px;font-size:14px}.btn.ghost{background:0 0}.btn.accent{box-shadow:0 10px 24px -12px color-mix(in srgb,var(--accent) 80%,transparent)}.hero{padding:72px 0 0;position:relative}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:40px;min-height:min(680px,100vh - 140px);display:grid}.hero-title{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(42px,4.7vw,70px);font-weight:400;line-height:.98}.hero-title .line{white-space:nowrap;display:block}.hero-keep{color:var(--accent);padding-right:.06em;font-style:italic;font-weight:400;display:inline-block;position:relative}.ink-stroke{width:104%;height:.26em;color:var(--accent);opacity:.55;position:absolute;bottom:-.12em;left:-2%;right:0}.ink-stroke path{stroke-dasharray:260;stroke-dashoffset:0}.hero-lead{font-family:var(--serif);color:var(--ink-2);text-wrap:pretty;max-width:540px;margin:30px 0 0;font-size:19px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero .download-coming-soon{margin-top:26px}.hero-platforms{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:10px}.hero-art{height:560px;position:relative}.hero-glow{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent 72%);filter:blur(10px);border-radius:50%;position:absolute;inset:6% -8% 0 4%}.hero-card{object-fit:cover;border-radius:8px;height:auto;display:block;position:absolute;box-shadow:0 1px #1c1b180f,0 30px 60px -28px #1c1b1873,0 12px 24px -16px #1c1b1840}.draft-body{padding:16px 18px 18px}.draft-row{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;font-size:9px;display:flex}.draft-text{font-family:var(--serif);color:var(--ink-2);margin:8px 0 12px;font-size:15px;line-height:1.4}.caret{background:var(--accent);vertical-align:-2px;width:2px;height:1em;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}.hero-tag{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:inline-flex;position:absolute;box-shadow:0 14px 28px -14px #1c1b1899}.hero-tag-local{animation:7s ease-in-out infinite float-b;bottom:12%;left:4%}.hero-tag-key{background:var(--accent);color:#fff;animation:8s ease-in-out infinite float-a;bottom:6%;right:4%}.tag-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff1f}@keyframes float-a{0%,to{translate:0}50%{translate:0 -10px}}@keyframes float-b{0%,to{translate:0}50%{translate:0 8px}}@keyframes float-c{0%,to{translate:0}50%{translate:0 -6px}}@keyframes blink{50%{opacity:0}}.ticker{border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);background:var(--paper-2);margin-top:72px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);container-type:inline-size}.ticker-track{width:max-content;animation:48s linear infinite ticker;display:flex}.ticker-group{flex:none;justify-content:space-around;min-inline-size:calc(100cqw + 16rem);display:flex}.ticker-track span{font-family:var(--serif);color:var(--ink-2);white-space:nowrap;align-items:center;gap:28px;margin-right:14px;padding:18px 14px 18px 0;font-size:22px;font-style:italic;display:inline-flex}@keyframes ticker{to{transform:translate(-50%)}}.steps{padding:128px 0 40px}.step-list{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--ink-line-2);background:#fbf9f4;border-radius:14px;padding:22px 22px 30px;transition:transform .25s,box-shadow .25s;position:relative}.step:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px #1c1b1859}.step-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:10px;margin-top:24px;font-size:11px;display:flex}.step-meta span{color:var(--accent);font-weight:500}.step h3{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 10px;font-size:27px;font-weight:400;line-height:1.1}.step p{font-family:var(--serif);color:var(--ink-3);margin:0;font-size:16px;line-height:1.55}.step-art{background:var(--paper-2);border-radius:10px;height:190px;padding:18px;position:relative;overflow:hidden}.art-note{border:1px solid var(--ink-line-2);max-width:78%;font-family:var(--serif);color:var(--ink-2);background:#fbf9f4;border-radius:8px;padding:9px 11px;font-size:13px;line-height:1.3;transition:transform .35s;position:absolute;box-shadow:0 8px 16px -12px #1c1b1859}.art-note b{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-size:9px;font-weight:500;display:block}.art-note-1{top:16px;left:16px;transform:rotate(-2deg)}.art-note-2{top:66px;right:14px;transform:rotate(2.5deg)}.art-note-3{bottom:14px;left:30px;transform:rotate(-1deg)}.step:hover .art-note-1{transform:rotate(-4deg)translate(-3px,-3px)}.step:hover .art-note-2{transform:rotate(4deg)translate(3px)}.step:hover .art-note-3{transform:rotate(1deg)translateY(3px)}.art-doc{background:#fbf9f4;border-radius:8px;flex-direction:column;gap:9px;height:100%;padding:16px;display:flex;box-shadow:0 8px 16px -12px #1c1b1859}.art-doc-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:9px}.art-doc-line{background:var(--paper-3);border-radius:4px;height:8px;display:block}.art-doc-line.short{width:60%}.art-doc-line.strong{height:auto;font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);background:0 0;font-size:19px;line-height:1.15}.art-doc-pill{font-family:var(--mono);letter-spacing:.06em;background:var(--accent);color:#fff;border-radius:999px;align-self:flex-start;margin-top:auto;padding:6px 10px;font-size:9px}.step:hover .step:hover .step:hover .art-approve{border:1px solid var(--ink-line-2);font-family:var(--mono);color:var(--ink-3);background:#fbf9f4;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;font-size:10px;display:inline-flex}.ok-dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.proof-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;display:grid}.proof-note{font-family:var(--serif);color:var(--ink-3);justify-self:end;max-width:400px;margin:0;font-size:18px;line-height:1.55}.proof-note strong{color:var(--ink);font-weight:500}.proof-footnote{font-family:var(--serif);color:var(--ink-muted);text-align:center;text-wrap:pretty;max-width:720px;margin:72px auto 0;font-size:16px;font-style:italic;line-height:1.6}.values{background:var(--ink);color:var(--paper);padding:120px 0;position:relative;overflow:hidden}.values:before{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),transparent);pointer-events:none;border-radius:50%;width:720px;height:720px;position:absolute;top:-260px;right:-220px}.values .eyebrow{color:#a39c89}.values .section-title{color:var(--paper)}.values .section-title em{color:#e08a66}.value-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.value-card{background:#f5f2ec08;border:1px solid #f5f2ec1f;border-radius:14px;padding:34px 34px 38px;transition:background .25s,border-color .25s}.value-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#f5f2ec0f}.value-num{font-family:var(--serif);color:#e08a66;letter-spacing:-.03em;font-size:54px;font-style:italic;line-height:1}.value-card h3{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:22px 0 12px;font-size:28px;font-weight:400;line-height:1.12}.value-card p{font-family:var(--serif);color:#c9c2b1;margin:0;font-size:17px;line-height:1.6}.desktop{padding:120px 0 0}.desktop-card{background:var(--paper-2);border:1px solid var(--ink-line);border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding:64px 56px;display:grid;position:relative;overflow:hidden}.desktop-title{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(32px,3.6vw,48px);font-weight:400;line-height:1}.desktop-lead{font-family:var(--serif);color:var(--ink-2);max-width:460px;margin:0;font-size:19px;line-height:1.55}.app-window{z-index:1;border:1px solid var(--ink-line);background:#fbf9f4;border-radius:12px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-8deg)rotateX(3deg);box-shadow:0 40px 70px -40px #1c1b188c,0 14px 28px -20px #1c1b184d}.desktop-card:hover .app-window{transform:perspective(1400px)rotateY(-3deg)rotateX(1deg)}.app-titlebar{border-bottom:1px solid var(--ink-line-2);background:var(--paper);align-items:center;gap:7px;padding:11px 14px;display:flex}.app-titlebar i{background:var(--paper-3);border-radius:50%;width:10px;height:10px}.app-titlebar i:first-child{background:#e06c5a}.app-titlebar i:nth-child(2){background:#e3b34e}.app-titlebar i:nth-child(3){background:#7fb06b}.app-titlebar span{font-family:var(--mono);color:var(--ink-muted);margin-left:10px;font-size:10px}.app-body{grid-template-columns:130px 1fr;min-height:300px;display:grid}.app-sidebar{border-right:1px solid var(--ink-line-2);background:var(--paper);flex-direction:column;gap:3px;padding:14px 10px;display:flex}.app-side-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:8px 6px 4px;font-size:8px}.app-side-label:first-child{margin-top:0}.app-side-item{color:var(--ink-3);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.app-side-item.active{background:var(--paper-2);color:var(--ink);font-weight:500}.app-main{padding:16px}.app-main-head{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.app-badge{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);border-radius:999px;padding:3px 8px}.site-footer{border-top:1px solid var(--ink-line);margin-top:40px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:56px 0 36px;display:flex}.footer-brand{align-items:center;gap:.26em;font-size:clamp(48px,7vw,88px);display:flex}.footer-brand svg.inkspring-logo{width:.96em;height:.96em;padding:.12em;position:relative;top:-.114em}.footer-brand span{font-family:var(--serif);letter-spacing:-.02em;font-size:1em;font-weight:500;line-height:.9}.footer-top p{font-family:var(--serif);color:var(--ink-3);max-width:320px;margin:0;font-size:18px;font-style:italic}.footer-tagline{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.footer-tagline p{text-align:right}.footer-social{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.footer-social a{border:1px solid var(--ink-line);width:36px;height:36px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s,transform .15s;display:inline-flex}.footer-social svg{width:16px;height:16px;display:block}.footer-social span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.footer-social a:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}@media (width<=650px){.footer-tagline{align-items:flex-start}.footer-tagline p{text-align:left}.footer-social{justify-content:flex-start}}.footer-links{border-top:1px solid var(--ink-line-2);flex-wrap:wrap;gap:22px;padding:22px 0;display:flex}.footer-links a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px;text-decoration:none}.footer-links a:is(:hover,:focus-visible){text-underline-offset:3px;text-decoration:underline}.footer-links .analytics-settings-link{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:0 0;border:0;padding:0;font-size:10px}.footer-links .analytics-settings-link:is(:hover,:focus-visible){text-underline-offset:3px;text-decoration:underline}.js .reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s);transform:translateY(26px)}.js .reveal.in{opacity:1;transform:none}.hero-copy{z-index:2;position:relative}.hero-copy>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.3s}.hero-art{animation:1.1s cubic-bezier(.2,.7,.2,1) .15s both rise}.ink-stroke path{animation:1.2s ease-out .7s both draw}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes draw{0%{stroke-dashoffset:260px}to{stroke-dashoffset:0}}@media (width<=1020px){.hero-title .line{white-space:normal}.hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}.hero-art{width:100%;max-width:620px;height:clamp(420px,80vw,600px);margin:0 auto}.step-list{grid-template-columns:1fr;max-width:560px}.proof-head{grid-template-columns:1fr;gap:20px}.proof-note{justify-self:start}.desktop-card{grid-template-columns:1fr;padding:48px 36px}.app-window{transform:none}}@media (width<=820px){.site-header nav>a[href="/#proof"],.site-header nav>a[href="/#how"]{display:none}}@media (width<=650px){.wrap{padding:0 22px}.site-header nav{gap:16px}.site-header nav>a[href="/#about"]{display:none}.site-header nav a{font-size:10px}.site-header nav a.nav-cta{padding:8px 12px}.hero{padding-top:44px}.hero-lead{margin-top:26px;font-size:18px}.hero-actions .btn{flex:auto;justify-content:center}.hero-art{height:370px}.draft-text{margin-bottom:0;font-size:14px}.hero-tag-local{top:300px;bottom:auto;left:0}.hero-tag-key{top:205px;bottom:auto;right:0}.ticker{margin-top:48px}.ticker-track span{font-size:18px}.steps{padding-top:88px}.section-head{margin-bottom:40px}.values{padding:88px 0}.value-grid{grid-template-columns:1fr}.value-card{padding:28px 24px 30px}.desktop{padding-top:88px}.desktop-card{border-radius:16px;padding:36px 24px}.app-body{grid-template-columns:96px 1fr}}@media (width<=450px){.header-coffee{gap:0!important;font-size:0!important}.header-coffee svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}.hero-post{border:1px solid var(--ink-line-2);background:#fbf9f4;width:46%;animation:10s ease-in-out infinite float-b;top:0;right:0;overflow:hidden;transform:rotate(5deg)}.hero-post img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.hero-post p{font-family:var(--serif);color:var(--ink-2);margin:0;padding:10px 12px 14px;font-size:13px;line-height:1.35}.post-head{font-family:var(--sans);color:var(--ink);align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.post-avatar{background:var(--accent);color:#fff;width:22px;height:22px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.hero-tweet{border:1px solid var(--ink-line-2);background:#fbf9f4;width:62%;padding:18px 20px;animation:9s ease-in-out infinite float-a;top:8%;left:0;transform:rotate(-3deg)}.hero-reply{background:var(--ink);width:60%;color:var(--paper);border:1px solid var(--ink);padding:18px 20px;animation:8s ease-in-out infinite float-c;top:42%;left:22%;transform:rotate(1.5deg)}.hero-reply .draft-row{color:#a39c89}.hero-reply .draft-text{color:var(--paper);margin:10px 0 14px;font-size:17px}.tweet-head{align-items:center;gap:10px;display:flex}.tweet-avatar{background:var(--paper-3);width:34px;height:34px;color:var(--ink-2);font-family:var(--serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;display:inline-grid}.tweet-name{font-family:var(--sans);color:var(--ink);flex-direction:column;font-size:13px;font-weight:600;line-height:1.25;display:flex}.tweet-name small{color:var(--ink-muted);font-size:12px;font-weight:400}.tweet-x{color:var(--ink);margin-left:auto}.tweet-text{font-family:var(--sans);color:var(--ink);text-wrap:pretty;margin:12px 0 8px;font-size:16px;line-height:1.45}.tweet-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:9px}.reply-image{background-position:50%;background-size:cover;border-radius:8px;height:96px;position:relative}.reply-image span{color:#fff;font-family:var(--mono);letter-spacing:.04em;background:#1c1b18b8;border-radius:999px;padding:4px 8px;font-size:9px;position:absolute;bottom:8px;left:8px}.reply-image.large{height:220px;margin-top:18px}.replies{padding:120px 0 40px}.studio{border:1px solid var(--ink-line);background:#fbf9f4;border-radius:20px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;overflow:hidden;box-shadow:0 40px 70px -50px #1c1b1873}.studio-picker{background:var(--paper-2);border-right:1px solid var(--ink-line);flex-direction:column;gap:8px;padding:18px;display:flex}.studio-picker button{text-align:left;font-family:var(--sans);color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex-direction:column;gap:6px;padding:16px 24px;font-size:14px;line-height:1.45;transition:background .15s,border-color .15s,color .15s;display:flex}.studio-picker button span{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-muted);font-size:10px}.studio-picker button:hover{background:#fbf9f499}.studio-picker button.active{border-color:var(--ink-line);color:var(--ink);background:#fbf9f4;box-shadow:0 10px 20px -16px #1c1b1866}.studio-picker button.active span{color:var(--accent)}.studio-stage{padding:40px 44px}.studio-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:14px;font-size:10px;display:block}.studio-tweet{border:1px solid var(--ink-line-2);background:var(--paper);border-radius:14px;padding:20px 22px}.studio-tweet .studio-label{margin-bottom:12px}.studio-arrow{text-align:center;font-family:var(--mono);color:var(--accent);padding:12px 0;font-size:16px}.studio-reply{background:var(--ink);color:var(--paper);border-radius:14px;padding:22px 24px 20px}.studio-reply .studio-label{color:#a39c89;margin:0}.studio-reply-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-reply-text{font-family:var(--serif);letter-spacing:-.01em;text-wrap:pretty;margin:18px 0 0;font-size:clamp(20px,2.2vw,27px);line-height:1.3;animation:.45s cubic-bezier(.2,.7,.2,1) both rise}.studio-actions{font-family:var(--mono);color:#a39c89;border-top:1px solid #f5f2ec1f;align-items:center;gap:8px;margin-top:18px;padding-top:14px;font-size:10px;display:flex}.studio-count{margin-left:auto}.posts{padding:110px 0}.post-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.post-card{border:1px solid var(--ink-line-2);background:#fbf9f4;border-radius:12px;margin:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.post-card:hover{transform:translateY(-6px)rotate(-.4deg);box-shadow:0 30px 48px -28px #1c1b1873}.post-card img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.post-card figcaption{padding:14px 14px 16px}.post-card figcaption p{font-family:var(--serif);color:var(--ink-2);margin:0 0 8px;font-size:15px;line-height:1.4}.post-card figcaption span{font-family:var(--mono);color:var(--accent);font-size:10px}.art-post{grid-template-columns:.8fr 1.2fr;gap:12px;display:grid}.art-post-image{background-position:50%;background-size:cover;border-radius:8px;transition:transform .35s;box-shadow:0 8px 16px -12px #1c1b1859}.step:hover .art-post-image{transform:rotate(-2deg)scale(1.02)}.art-post .art-doc-line.strong{font-size:16px}.art-replies{flex-direction:column;gap:8px;display:flex}.art-tweet{border:1px solid var(--ink-line-2);font-family:var(--sans);color:var(--ink-2);background:#fbf9f4;border-radius:10px;padding:9px 12px;font-size:12px;line-height:1.35;transition:transform .35s}.art-tweet b{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-muted);margin-bottom:2px;font-size:9px;font-weight:500;display:block}.art-tweet.reply{background:var(--ink);color:var(--paper);border-color:var(--ink);font-family:var(--serif);margin-left:22px;font-size:14px}.step:hover .art-tweet.reply{transform:translate(-4px)}.art-replies .art-approve{align-self:flex-start;margin-top:auto}.app-tweet{border:1px solid var(--ink-line-2);color:var(--ink-2);border-radius:8px;margin-top:14px;padding:10px 12px;font-size:11px;line-height:1.4}.app-reply{background:var(--ink);color:var(--paper);font-family:var(--serif);border-radius:8px;grid-template-columns:1fr 64px;align-items:center;gap:10px;margin-top:10px;padding:12px;font-size:13px;line-height:1.3;display:grid}.app-reply-image{background-position:50%;background-size:cover;border-radius:6px;height:64px}.app-tones{gap:6px;margin-top:12px;display:flex}.app-tones span{border:1px solid var(--ink-line);font-family:var(--mono);color:var(--ink-3);border-radius:999px;padding:4px 9px;font-size:9px}.app-tones span.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=1020px){.studio{grid-template-columns:1fr}.studio-picker{border-right:0;border-bottom:1px solid var(--ink-line);flex-direction:row;padding:12px;overflow-x:auto}.studio-picker button{flex:0 0 260px}.post-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.replies,.posts{padding:88px 0 72px}.studio-stage{padding:20px}.studio-tweet{padding:16px}.studio-reply{padding:18px}.studio-picker button{flex-basis:220px;font-size:13px}.reply-image.large{height:150px}.post-grid{gap:14px}.post-card figcaption p{font-size:13px}.hero-art{height:400px}.hero-tweet{width:70%;padding:14px}.hero-tweet .tweet-text{margin:8px 0 6px;font-size:13px}.tweet-name{font-size:12px}.tweet-avatar{width:28px;height:28px;font-size:14px}.hero-reply{width:68%;padding:14px;top:170px;left:auto;right:0}.hero-reply .draft-text{margin:8px 0 10px;font-size:14px}.hero-reply .reply-image{height:64px}.hero-post{width:46%;top:-10px}.hero-tag-key{inset:auto auto 62px 0}.hero-tag-local{top:auto;bottom:18px;left:0}}.studio-picker button .picker-who{font-family:var(--sans);letter-spacing:0;color:var(--ink-muted);align-items:baseline;gap:8px;font-size:14px;display:flex}.studio-picker button .picker-who b{color:var(--ink);font-weight:600}.studio-picker button.active .picker-who{color:var(--ink-muted)}.post-who{color:var(--ink-muted);flex-direction:column;font-size:11px;font-weight:400;line-height:1.2;display:flex}.post-who b{color:var(--ink);font-size:13px;font-weight:600}.art-tweet b{font-family:var(--sans);letter-spacing:0;color:var(--ink);font-size:11px;font-weight:600}.art-tweet.reply b{color:#e08a66}.post-card figcaption span{font-family:var(--sans);font-size:12px;font-weight:500}.about-feedback{border-top:1px solid var(--ink-line);margin-top:24px;padding-top:24px;scroll-margin-top:100px}.about-feedback h3{font-family:var(--serif);margin:0 0 8px;font-size:28px;font-weight:400;line-height:1.15}.about-protomota .about-feedback p{font-family:var(--sans);margin:0 0 14px;font-size:14px;line-height:1.6}.about-feedback .maker-website{width:fit-content;margin-top:12px;display:flex}
