:root{--paper:#faf9f6;--ink:#28262f;--muted:#7b7783;--purple:#74618e;--purple-deep:#67537f;--lavender:#eeebf4;--line:#e5e1e7;--white:#fffefc;--serif:Georgia,"Noto Serif SC","Songti SC","STSong",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}::selection{background:#e1d7ec}h1,h2,h3,p{margin:0}button{border:0}svg{flex-shrink:0}textarea,input{max-width:100%}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1260px;height:96px;margin:auto;padding:0 50px;display:flex}.wordmark{letter-spacing:5px;align-items:center;gap:5px;font-size:26px;font-weight:650;line-height:1;display:inline-flex}.wordmark-dot{background:var(--purple);border-radius:50%;width:6px;height:6px;margin-top:2px;display:inline-block}.site-header nav{align-items:center;gap:38px;font-size:12px;display:flex}.site-header nav>a{align-items:center;gap:6px;display:flex}.prototype{letter-spacing:1.1px;color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.prototype i,.eyebrow>span,.art-caption>span{background:var(--purple);border-radius:50%;width:5px;height:5px;display:inline-block}.section-wrap{max-width:1160px;margin:auto}.hero{grid-template-columns:1.06fr 1fr;align-items:center;gap:30px;padding:90px 0 86px;display:grid}.eyebrow{letter-spacing:2px;color:var(--purple);align-items:center;gap:10px;font-size:9px;font-weight:600;display:flex}.hero h1{font-family:var(--serif);letter-spacing:-2px;margin:27px 0 26px;font-size:62px;font-weight:400;line-height:1.32}.hero h1>span{color:var(--purple)}.hero-description{color:var(--muted);font-size:15px;line-height:1.95}.mobile-break{display:none}.hero-actions{align-items:center;gap:25px;margin-top:30px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 20px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:#fff}.button.primary:hover{background:var(--purple-deep)}.button.secondary{color:var(--purple);background:0 0;border:1px solid #d8d1df}.text-button{color:var(--purple);background:0 0;align-items:center;gap:8px;min-height:30px;padding:0;font-size:12px;display:inline-flex}.text-button:hover{text-decoration:underline}.compatibility{align-items:center;gap:16px;margin-top:42px;display:flex}.compatibility>span{letter-spacing:1.2px;color:#a6a0ab;font-size:8px}.compatibility p{color:#7b7582;align-items:center;gap:12px;font-size:11px;display:flex}.compatibility i{background:#c8c1ce;border-radius:50%;width:3px;height:3px}.hero-art{background:radial-gradient(ellipse at 50% 45%,#e9e3f0 0,#f2eef5 42%,#f7f5f6 68%,var(--paper) 78%);isolation:isolate;border-radius:220px 220px 180px 180px;height:475px;position:relative}.art-orbit{z-index:-1;border:1px solid #dfd8e8;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.orbit-one{width:350px;height:375px}.orbit-two{opacity:.6;width:465px;height:250px;transform:translate(-50%,-50%)rotate(-38deg)}.art-note{background:#ffffffed;border:1px solid #e9e3ed;border-radius:12px;align-items:center;gap:13px;width:285px;padding:17px 21px;display:flex;position:absolute;box-shadow:0 12px 25px #47345609}.sender-note{top:22px;left:0;transform:rotate(-3deg)}.receiver-note{bottom:40px;right:-1px;transform:rotate(3deg)}.note-avatar{width:34px;height:34px;color:var(--purple);font-size:12px;font-family:var(--serif);background:#eae2f0;border-radius:50%;justify-content:center;align-items:center;display:flex}.note-avatar.dark{color:#69557f;background:#ddd4e6}.art-note small{color:#a198a9;letter-spacing:.4px;font-size:9px}.art-note p{margin-top:3px;font-size:12px;line-height:1.8}.tiny-spark{color:var(--purple);margin-left:auto;font-size:24px}.receiver-note>svg{color:var(--purple);margin-left:auto}.art-capsule{color:#fff;background:linear-gradient(130deg,#8c78a5,#6f5b87);border-radius:16px;width:247px;height:280px;padding:23px;position:absolute;top:91px;left:calc(50% - 123px);transform:rotate(-7deg);box-shadow:12px 22px 40px #57436d22}.art-capsule-top{letter-spacing:3px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.abstract-capsule{justify-content:center;align-items:center;height:149px;display:flex;position:relative;transform:rotate(7deg)}.abstract-capsule>div{background:linear-gradient(130deg,#baa6cf40,#e5d8ee13);border:1px solid #d4c4e5;border-radius:32px;width:57px;height:93px;position:absolute;left:55px;transform:rotate(-32deg)}.abstract-capsule>div+div{background:linear-gradient(130deg,#eee0fc35,#ba9fd313);border-color:#f1e8f777;left:88px;transform:rotate(32deg)}.art-capsule>p{font-family:var(--serif);text-align:center;letter-spacing:1px;font-size:22px}.art-capsule>span{text-align:center;letter-spacing:2px;color:#d6cae2;margin-top:12px;font-size:7px;display:block}.art-caption{white-space:nowrap;color:#aaa1b1;letter-spacing:1.1px;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-heading{grid-template-columns:1fr 1.25fr;align-items:end;column-gap:50px;display:grid}.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:14px}.section-heading h2,.start-intro h2,.workspace-heading h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.5}.section-heading>p:last-child{color:var(--muted);justify-self:end;font-size:13px;line-height:1.9}.steps{grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:26px;margin-top:37px;display:grid}.steps>div{padding-left:38px;position:relative}.steps>div>span{font-family:var(--serif);color:#b9a8ca;font-size:17px;font-style:italic;position:absolute;top:0;left:0}.steps p{color:var(--muted);max-width:235px;margin-top:8px;font-size:12px;line-height:1.9}.steps>svg{color:#c6bdcf}.start-section{grid-template-columns:.98fr 1fr;gap:100px;padding:87px 0 85px;display:grid}.start-intro h2{margin:20px 0;font-size:37px}.start-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.start-panel{border:1px solid var(--line);background:#fffefc;border-radius:13px;overflow:hidden;box-shadow:0 7px 18px #5b425106}.tab-list{border-bottom:1px solid var(--line);background:#f6f4f8;gap:23px;padding:0 26px;display:flex}.tab-list button{color:#918899;background:0 0;padding:16px 0;font-size:12px;position:relative}.tab-list button.active{color:var(--purple)}.tab-list button.active:after{background:var(--purple);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.small-tag{color:var(--purple);letter-spacing:.6px;background:#f0ebf5;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:9px;display:inline-flex}.tab-content h3{margin-top:14px;font-size:18px;font-weight:500}.instruction-snippet{color:var(--purple);background:#f7f5f9;border:1px solid #eeeaf2;border-radius:6px;align-items:flex-start;gap:11px;margin:20px 0;padding:15px;display:flex}.instruction-snippet p{color:#82738e;font-size:12px;line-height:1.9}.instruction-snippet svg{margin-top:3px}.tab-content>.button{width:100%}.panel-note{color:#9a919f!important;margin-top:15px!important;font-size:10px!important;line-height:1.8!important}.panel-note a{color:var(--purple);text-decoration:underline}.endpoint{word-break:break-all;background:#f7f5f9;border-radius:6px;margin:20px 0;padding:15px;font-family:monospace;font-size:11px}.workspace-section{border-top:1px solid var(--line);padding:52px 0 76px;scroll-margin-top:30px}.workspace-heading{justify-content:space-between;align-items:center;gap:30px;display:flex}.workspace-heading>div>p:last-child{color:var(--muted);font-size:12px}.workspace-heading .button{min-height:40px;padding:9px 14px;font-size:11px}.import-details summary{cursor:pointer;color:#7a6a88;justify-content:space-between;align-items:center;padding:16px 20px;font-size:12px;list-style:none;display:flex}.import-details summary::-webkit-details-marker{display:none}.import-details summary>span{align-items:center;gap:10px;display:flex}.import-details[open] summary>svg{transform:rotate(180deg)}.import-body{padding:0 20px 20px}.import-body label{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.import-body textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);background:#faf9fb;border-radius:6px;padding:14px;font-family:monospace;font-size:11px}.import-body>.button{margin-top:10px}.empty-workspace{background:#f3f0f5;border:1px dashed #d8cfdf;border-radius:10px;align-items:center;gap:21px;margin-top:18px;padding:32px;display:flex}.empty-icon{width:51px;height:51px;color:var(--purple);background:#e8e1ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty-workspace h3{font-size:14px;font-weight:500}.empty-workspace p{color:var(--muted);margin-top:5px;font-size:11px}.empty-workspace>.text-button{white-space:nowrap;margin-left:auto}.workspace-grid{grid-template-columns:1.55fr 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.capsule-preview{border:1px solid var(--line);background:var(--white);overflow-wrap:anywhere;border-radius:12px;padding:35px}.capsule-label{letter-spacing:1.5px;color:var(--purple);align-items:center;gap:10px;font-size:8px;display:flex}.version{color:#b1a9b9;margin-left:auto;font-family:monospace;font-size:9px}.capsule-symbol{width:20px;height:20px;display:inline-flex;position:relative}.capsule-symbol>span{border:1px solid var(--purple);border-radius:9px;width:9px;height:15px;position:absolute;top:2px;left:2px;transform:rotate(-35deg)}.capsule-symbol>span+span{left:8px;transform:rotate(35deg)}.capsule-preview h2{font-family:var(--serif);margin:24px 0 15px;font-size:26px;font-weight:400;line-height:1.6}.capsule-sections{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.capsule-sections section+section{margin-top:25px}.capsule-sections h3{color:var(--purple);margin-bottom:8px;font-size:11px;font-weight:600}.capsule-sections p{color:#7b7283;white-space:pre-wrap;margin-top:5px;font-size:12px;line-height:2}.approval-panel{border:1px solid var(--line);background:#f2eef6;border-radius:12px;padding:29px;position:sticky;top:20px}.approval-panel h3{font-size:19px;font-family:var(--serif);margin:19px 0 12px;font-weight:400}.approval-panel>p{color:var(--muted);font-size:12px;line-height:1.9}.approval-panel>.button{width:100%;margin-top:22px}.approval-panel>.text-button{margin-top:14px}.privacy-note{color:#8a7b98;align-items:flex-start;gap:10px;margin-top:21px;display:flex}.privacy-note svg{margin-top:3px}.privacy-note p{font-size:10px;line-height:1.9}.share-link{border:1px solid var(--line);color:var(--purple);background:#fff;border-radius:5px;align-items:center;gap:8px;margin-top:19px;padding:10px;display:flex}.share-link input{width:100%;color:var(--purple);background:0 0;border:0;outline:none;font-family:monospace;font-size:10px}.closing{border-top:1px solid var(--line);text-align:center;padding:64px 0 70px}.closing>span{color:#aa97bf;font-size:31px}.closing h2{font-family:var(--serif);margin:16px 0;font-size:37px;font-weight:400;line-height:1.65}.closing p{letter-spacing:1px;color:#a49bac;font-size:11px}.site-footer{border-top:1px solid var(--line);align-items:center;gap:24px;max-width:1260px;margin:auto;padding:30px 50px 37px;display:flex}.wordmark.small{letter-spacing:3px;font-size:17px}.site-footer p{color:#a49bac;font-size:11px}.site-footer>a:last-child{color:#8c8097;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.error-message{color:#a45751;background:#fbedea;border:1px solid #edd3cd;border-radius:6px;margin:16px 0;padding:14px 18px;font-size:12px}.manual-copy{background:#f6f2f9;border:1px solid #d9cde4;border-radius:6px;max-width:100%;margin-top:10px;padding:15px}.manual-copy p{color:var(--purple);font-size:11px}.manual-copy textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:5px;width:100%;min-height:140px;margin-top:10px;padding:10px;font-size:11px}.page-main{max-width:1000px;min-height:70vh;margin:auto;padding:55px 0 85px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:36px;font-size:11px;display:inline-flex}.page-title{font-family:var(--serif);margin:13px 0 14px;font-size:38px;font-weight:400;line-height:1.5}.page-lead{color:var(--muted);max-width:610px;font-size:13px;line-height:1.9}.review-summary{margin-top:30px}.receiver-layout{grid-template-columns:1.45fr 1fr;align-items:start;gap:25px;margin-top:30px;display:grid}.receiver-card{background:#f0ebf6;border:1px solid #e5dcea;border-radius:12px;padding:28px}.receiver-card h3{font-family:var(--serif);margin:13px 0;font-size:23px;font-weight:400}.receiver-card>p{color:var(--muted);font-size:12px;line-height:1.9}.receiver-card>.button{width:100%;margin-top:22px}.ai-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.ai-options a{background:#fff9;border:1px solid #d9cfe2;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:9px 4px;font-size:10px;display:flex}.copy-status{color:var(--purple);margin-top:15px;font-size:11px}.receive-note{color:#968b9e;margin-top:19px;font-size:10px;line-height:1.9}.details-capsule{border:1px solid var(--line);background:var(--white);border-radius:10px;margin-top:17px}.details-capsule summary{cursor:pointer;color:var(--purple);padding:16px 22px;font-size:12px}.details-capsule .capsule-preview{border:0;border-radius:0}.status-box{border:1px solid var(--line);background:#f4f0f7;border-radius:12px;max-width:620px;margin:28px auto 90px;padding:35px}.status-box h2{font-family:var(--serif);font-size:27px;font-weight:400}.status-box p{color:var(--muted);margin:12px 0 20px;font-size:13px}.status-icon{color:var(--purple);margin-bottom:16px}.guide-section{border-top:1px solid var(--line);margin-top:42px;padding-top:27px}.guide-section h2{font-family:var(--serif);margin-bottom:16px;font-size:26px;font-weight:400}.guide-section p,.guide-section li{color:var(--muted);font-size:13px;line-height:2}.guide-section ol{padding-left:22px}.guide-section li+li{margin-top:12px}.guide-section strong{color:var(--ink);font-weight:500}.guide-section>.button{margin-top:16px}.guide-section pre{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:#7a698a;background:#f0ebf5;border-radius:6px;max-height:400px;padding:20px;font-family:monospace;font-size:11px;overflow-y:auto}.guide-callout{background:#f0ebf5;border:1px solid #e2d9ea;border-radius:9px;margin-top:28px;padding:22px 25px}.guide-callout p{color:#877591;font-size:12px;line-height:1.9}.language{color:#9a91a2;margin-top:12px;font-size:10px}.revoke-section{border-top:1px solid #dcd2e6;margin-top:25px;padding-top:18px}.revoke-section>button{color:#926c7f;background:0 0;padding:0;font-size:11px}.revoke-section>p{color:#9a91a2;margin-top:6px;font-size:10px}@media (width>=1500px){.hero{padding-top:105px;padding-bottom:110px}}@media (width<=1250px){.section-wrap,.page-main{margin-left:50px;margin-right:50px}.hero h1{font-size:56px}.hero-art{transform-origin:50%;transform:scale(.92)}.hero-actions{gap:16px}.hero-actions .button{padding:11px 15px}.start-section{gap:60px}.hero{gap:15px}.art-note{width:263px}}@media (width<=950px){.hero{grid-template-columns:1.05fr .95fr;padding-top:60px}.hero h1{font-size:46px}.hero-art{margin-left:-25px;margin-right:-25px;transform:scale(.78)}.hero-actions{flex-wrap:wrap;gap:12px}.compatibility{flex-direction:column;align-items:flex-start;gap:8px;margin-top:26px}.section-wrap{margin-left:35px;margin-right:35px}.site-header{padding:0 35px}.start-section{gap:35px}.start-intro h2{font-size:32px}.tab-content{padding:24px}.steps{grid-template-columns:1fr 17px 1fr 17px 1fr;gap:12px}.steps>div{padding-left:27px}.workspace-grid,.receiver-layout{grid-template-columns:1.3fr 1fr;gap:18px}.approval-panel,.receiver-card{padding:22px}.capsule-preview{padding:27px}.page-main{margin-left:35px;margin-right:35px}.site-footer{padding-left:35px;padding-right:35px}}@media (width<=720px){.site-header{height:78px;padding:0 23px}.wordmark{letter-spacing:4px;font-size:22px}.site-header nav{gap:17px}.site-header nav>a{font-size:11px}.prototype{letter-spacing:.6px;font-size:7px}.section-wrap{margin-left:24px;margin-right:24px}.hero{flex-direction:column;align-items:stretch;gap:18px;padding:48px 0 35px;display:flex}.hero h1{letter-spacing:-1px;margin-top:22px;font-size:46px}.hero-description{font-size:13px}.hero-actions{gap:21px;margin-top:24px}.hero-actions .button{padding:11px 16px;font-size:12px}.compatibility{flex-direction:row;align-items:center;gap:12px;margin-top:29px}.compatibility p{gap:8px;font-size:10px}.compatibility>span{font-size:7px}.hero-art{align-self:center;width:100%;max-width:440px;height:397px;margin:4px -6px 0;transform:scale(.91)}.art-capsule{width:220px;height:245px;padding:20px;top:78px;left:calc(50% - 110px)}.abstract-capsule{height:123px}.abstract-capsule>div{left:45px}.abstract-capsule>div+div{left:79px}.art-capsule>p{font-size:19px}.sender-note{top:3px;left:0}.receiver-note{bottom:30px;right:0}.art-note{gap:10px;width:245px;padding:13px 15px}.art-note p{font-size:11px}.orbit-one{width:295px;height:320px}.orbit-two{width:375px;height:220px}.how-section{padding:37px 0 38px}.section-heading{display:block}.section-heading h2{margin-top:15px;font-size:28px}.section-heading>p:last-child{margin-top:12px;font-size:12px}.steps{margin-top:29px;display:block}.steps>div{padding-left:41px}.steps>div+svg{display:none}.steps>div+svg+div{margin-top:24px}.steps>div>span{font-size:21px;top:-2px}.steps p{max-width:none;margin-top:3px;font-size:11px}.start-section{padding:43px 0;display:block}.start-intro{padding:0}.start-intro h2{margin-top:15px;margin-bottom:15px;font-size:30px}.start-intro>.text-button{margin-top:14px}.start-panel{margin-top:25px}.tab-list{padding:0 24px}.tab-content{padding:22px 24px}.workspace-section{padding:37px 0 44px}.workspace-heading{align-items:flex-start;gap:12px}.workspace-heading h2{font-size:27px}.workspace-heading>div>p:last-child{font-size:11px}.workspace-heading>.button{gap:0;min-height:36px;margin-top:32px;padding:9px;font-size:0}.workspace-heading>.button>svg{width:16px;height:16px}.import-details{margin-top:20px}.empty-workspace{flex-wrap:wrap;gap:15px;padding:22px}.empty-workspace>div{flex:1;min-width:180px}.empty-workspace h3{font-size:13px}.empty-workspace>.text-button{margin-left:65px}.empty-workspace p{font-size:10px}.empty-icon{width:43px;height:43px}.workspace-grid,.receiver-layout{display:block}.approval-panel,.receiver-card{margin-top:20px;padding:25px;position:static}.capsule-preview{padding:26px}.capsule-preview h2{font-size:24px}.capsule-intent{font-size:13px}.closing{padding:35px 0 43px}.closing h2{font-size:30px}.closing>span{font-size:27px}.closing p{letter-spacing:.5px;font-size:9px}.site-footer{flex-wrap:wrap;gap:12px 18px;padding:26px 24px}.site-footer p{font-size:9px}.site-footer>a:last-child{margin-left:auto;font-size:9px}.wordmark.small{font-size:15px}.page-main{margin-left:24px;margin-right:24px;padding-top:35px}.page-title{font-size:30px}.back-link{margin-bottom:24px}.status-box{padding:26px}.guide-section{margin-top:30px}.guide-section h2{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.approval-panel>.manage-link{color:#96889f;margin-top:7px;font-size:10px;display:flex}@media (width<=720px){.hero-art{border-radius:0;overflow:hidden}.sender-note{top:12px}}.language-switch{border:1px solid var(--line,#e2dcd4);background:#ffffff80;border-radius:20px;gap:2px;padding:3px;display:flex}.language-switch button{color:#706779;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:16px;padding:6px 9px;font-size:11px;font-weight:600}.language-switch button[aria-pressed=true]{color:#fff;background:#5b437b}.language-switch button:focus-visible{outline-offset:2px;outline:2px solid #5b437b}.site-header nav{flex-wrap:wrap;gap:16px}@media (width<=600px){.site-header{padding-left:20px;padding-right:20px}.site-header nav{gap:8px}.site-header nav>a{font-size:12px}.language-switch button{padding:5px 7px}.hero-copy h1{font-size:clamp(38px,9vw,66px)}.page-title{overflow-wrap:break-word}}.connection-options{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.connection-options button{border:1px solid var(--line,#deddd7);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:8px 12px;font-size:13px}.connection-options button[aria-pressed=true]{background:#f0ede5;border-color:#7d8277}.connection-options button:focus-visible{outline-offset:3px;outline:2px solid #6c8061}.capsule-editor{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:28px}.capsule-editor h2{font-family:var(--serif);font-size:25px;font-weight:400}.capsule-editor>p,.editor-ai p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.9}.capsule-editor fieldset{border:0;min-width:0;margin:0;padding:0}.capsule-editor label{color:var(--purple);margin:18px 0 8px;font-size:12px;display:block}.capsule-editor input,.capsule-editor textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#faf9fb;border-radius:6px;margin-top:7px;padding:12px;font-size:13px;display:block}.capsule-editor textarea{resize:vertical;line-height:1.8}.capsule-editor input:focus-visible,.capsule-editor textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.editor-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.editor-section h3{color:var(--purple);font-size:13px}.editor-item{margin-top:14px}.editor-item>.text-button{margin:6px 0;font-size:11px}.editor-source{border-bottom:1px solid var(--line);margin-bottom:14px;padding:0 0 14px}.editor-ai{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.editor-ai summary{cursor:pointer;color:var(--purple);font-size:13px}.editor-ai .button{margin:8px 0}.editor-ai .text-button{margin-top:10px;display:flex}.editor-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.approval-panel button:disabled,.capsule-editor button:disabled{opacity:.55;cursor:not-allowed}.approval-panel .button{width:100%;margin-top:16px;display:flex}@media (width<=720px){.capsule-editor{padding:21px}.capsule-editor h2{font-size:22px}.editor-actions .button{width:100%}}.receiver-setup{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}.receiver-setup summary{cursor:pointer;color:var(--purple);font-size:13px}.receiver-setup p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.9}.receiver-setup .text-button{margin-top:13px;font-size:11px;display:flex}.ai-connection-guide{border:1px solid var(--line);border-radius:8px;max-width:1000px;margin:0 auto 40px;padding:15px 20px}.ai-connection-guide summary{cursor:pointer;color:var(--purple);font-size:12px}.ai-connection-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);max-height:380px;font-size:11px;line-height:1.9;overflow-y:auto}@media (width<=1050px){.ai-connection-guide{margin-left:24px;margin-right:24px}}.receiver-landing-notice{border:1px solid var(--line);background:var(--white);border-radius:12px;margin-bottom:24px;padding:25px}.receiver-landing-notice h2{font-family:var(--serif);font-size:25px;font-weight:400}.receiver-landing-notice p,.receiver-landing-notice li{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.9}.receiver-landing-notice details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.receiver-landing-notice summary{cursor:pointer;color:var(--purple);font-size:13px}.receiver-landing-notice ol{padding-left:20px}.receiver-landing-notice .button,.receiver-landing-notice .text-button{margin-top:16px}.receiver-setup .button{width:100%;margin-top:15px}@font-face{font-family:Bricolage;src:url(/fonts/display.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:DM;src:url(/fonts/body.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM;src:url(/fonts/body-semibold.ttf)format("truetype");font-weight:500 700;font-display:swap}:root{--paper:#f6f5ed;--ink:#25291f;--muted:#626657;--purple:#404c24;--purple-deep:#25291f;--lavender:#eeefda;--line:#d6d7c7;--white:#fcfcf5;--citrus:#eff25d;--serif:Bricolage,"PingFang SC","Microsoft YaHei",sans-serif}body{font-family:DM,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--citrus);color:var(--ink)}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #697833}.skip-link{background:var(--citrus);z-index:5;padding:12px 20px;position:fixed;top:10px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-color:var(--ink);max-width:none;height:100px;margin:0 4.5%;padding:0}.wordmark{letter-spacing:-2px;gap:6px;font-family:Bricolage,sans-serif;font-size:37px;font-weight:800}.wordmark-dot{background:var(--citrus);border:2px solid var(--ink);width:12px;height:12px;margin-top:14px}.site-header nav{gap:30px;font-size:13px}.site-header nav>a{font-weight:600}.language-switch{border:1px solid var(--line);background:0 0;border-radius:8px;gap:2px;padding:4px}.language-switch button{color:var(--muted);border-radius:4px;min-height:34px;padding:7px 11px;font-size:12px}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}.language-switch button:hover:not([aria-pressed=true]){background:var(--lavender)}.section-wrap{width:91%;max-width:1320px;margin:0 auto}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:700px;padding:74px 0 76px}.hero-copy{min-width:0}.eyebrow{letter-spacing:1.2px;color:var(--ink);font-size:11px;font-weight:600;line-height:1.5}.hero .eyebrow{letter-spacing:.6px}.eyebrow>span{background:var(--ink);border-radius:2px;width:9px;height:9px;transform:rotate(-12deg)}.hero h1{letter-spacing:-.065em;text-wrap:balance;margin:30px 0 28px;font-family:Bricolage,PingFang SC,sans-serif;font-size:clamp(58px,6.3vw,91px);font-weight:800;line-height:1.03}.hero h1>span{color:var(--ink);background:var(--citrus);border-radius:2px;margin-left:-.09em;padding:0 .09em .07em;display:inline-block;transform:rotate(-2deg)}.hero-description{max-width:490px;color:var(--muted);text-wrap:pretty;font-size:16px;line-height:1.75}.hero-actions{gap:24px;margin-top:28px}.button{border-radius:6px;gap:14px;min-height:50px;padding:13px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button.primary{color:var(--paper);background:var(--ink)}.button.primary:hover{box-shadow:3px 3px 0 var(--citrus);background:#404c24;transform:translate(-1px,-1px)}.button:active,.text-button:active{transform:translateY(1px)}.button.secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}.button.secondary:hover{background:var(--citrus)}.text-button{color:var(--ink);gap:9px;min-height:44px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s}.text-button:hover{opacity:.7}.compatibility{gap:15px;margin-top:32px}.compatibility>span{color:var(--muted);letter-spacing:1px;font-size:9px}.compatibility p{color:var(--ink);font-size:12px}.compatibility i{background:#85896c}.hero-art.conversation-art{isolation:auto;background:0 0;border-radius:0;min-width:0;height:auto;margin:0;transform:none}.art-topline{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:0 0 15px;font-size:11px;display:flex}.art-edition{font-variant-numeric:tabular-nums;white-space:nowrap}.conversation-stage{height:450px;position:relative}.conversation-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thought-bubble{white-space:pre-line;width:68%;padding:27px 29px 24px;position:absolute}.bubble-you{background:var(--citrus);border-radius:24px 24px 24px 3px;top:36px;left:1%;transform:rotate(-5deg)}.bubble-you:after{content:"";background:var(--citrus);clip-path:polygon(0 0,100% 0,0 100%);width:30px;height:28px;position:absolute;bottom:-17px;left:28px}.bubble-them{background:var(--ink);color:var(--paper);border-radius:24px 24px 3px;bottom:27px;right:0;transform:rotate(4deg)}.bubble-them:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%);width:30px;height:28px;position:absolute;bottom:-17px;right:28px}.bubble-who{letter-spacing:1.2px;opacity:.8;font-size:9px;font-weight:600;display:block}.thought-bubble p{letter-spacing:-1px;margin:14px 0 15px;font-family:Bricolage,PingFang SC,sans-serif;font-size:clamp(25px,2.5vw,35px);font-weight:800;line-height:1.12}.bubble-signature{opacity:.8;font-size:10px;line-height:1.5;display:block}.meaning-token{width:121px;height:121px;color:var(--citrus);z-index:1;position:absolute;top:183px;right:36px;transform:rotate(9deg)}.meaning-token svg{width:100%;height:100%;filter:drop-shadow(0 0 1px var(--ink))}.meaning-token>span{text-align:center;white-space:pre-line;color:var(--ink);justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1.2;display:flex;position:absolute;inset:0}.hand-note{font-family:Georgia,Songti SC,serif;font-size:18px;font-style:italic;position:absolute;top:252px;left:12px;transform:rotate(-9deg)}.conversation-caption{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:9px;padding-top:18px;font-size:11px;display:flex}.caption-dot{background:var(--ink);border-radius:50%;width:7px;height:7px}.how-section{border-top:1px solid var(--ink);border-bottom:0;padding:43px 0 68px}.section-heading{grid-template-columns:1.3fr 1fr;align-items:end;column-gap:60px}.section-heading>.eyebrow{margin-bottom:13px}.section-heading h2,.start-intro h2,.workspace-heading h2{letter-spacing:-1.8px;text-wrap:balance;font-family:Bricolage,PingFang SC,sans-serif;font-size:40px;font-weight:800;line-height:1.12}.section-heading>p:last-child{max-width:350px;color:var(--muted);justify-self:end;font-size:14px;line-height:1.7}.steps{grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:start;gap:30px;margin-top:41px}.steps>div{border-top:1px solid var(--line);padding:24px 0 0}.steps>div>span{letter-spacing:-2px;color:var(--ink);margin-bottom:23px;font-family:Bricolage,sans-serif;font-size:33px;font-style:normal;font-weight:800;line-height:1;display:block;position:static}.steps h3{font-size:16px;font-weight:600}.steps p{max-width:285px;color:var(--muted);margin-top:11px;font-size:13px;line-height:1.75}.steps>svg{color:var(--ink);margin-top:31px}.start-section{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding:65px 0 75px}.start-intro{padding-top:0}.start-intro h2{letter-spacing:-2.2px;margin:24px 0;font-size:50px;line-height:1.08}.start-intro>p:not(.eyebrow){max-width:420px;font-size:15px;line-height:1.75}.start-intro>.text-button{margin-top:20px}.start-panel{border:1px solid var(--ink);background:var(--white);border-radius:9px;box-shadow:5px 5px #d9ddbb}.tab-list{background:var(--lavender);border-color:var(--ink);gap:30px;padding:0 24px}.tab-list button{color:var(--muted);padding:18px 0;font-size:13px}.tab-list button.active{color:var(--ink);font-weight:600}.tab-list button.active:after{background:var(--ink);height:3px}.tab-content{padding:25px 27px 29px}.small-tag{color:var(--ink);background:var(--citrus);letter-spacing:0;border-radius:3px;padding:4px 8px;font-size:10px}.tab-content h3{letter-spacing:-.7px;margin-top:20px;font-family:Bricolage,sans-serif;font-size:25px;font-weight:800;line-height:1.15}.tab-content>p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.8}.panel-note{color:var(--muted)!important;font-size:11px!important;line-height:1.7!important}.instruction-snippet,.endpoint{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;margin:20px 0;padding:16px}.instruction-snippet p{color:var(--ink);font-size:13px}.endpoint{overflow-wrap:anywhere;font-size:12px;line-height:1.65}.workspace-section{border-top:1px solid var(--ink);padding:53px 0 65px}.workspace-heading{align-items:end;gap:35px}.workspace-heading h2{margin:17px 0 13px}.workspace-heading>div>p:last-child{font-size:14px;line-height:1.7}.workspace-heading .button{flex-shrink:0;min-height:45px;padding:11px 16px;font-size:12px}.import-details{border:1px solid var(--line);background:var(--white);border-radius:5px;margin-top:29px}.import-details summary{color:var(--ink);padding:18px 20px;font-size:13px}.import-body textarea{background:var(--paper);font-size:12px;line-height:1.6}.empty-workspace{background:var(--lavender);border:1px dashed #999f80;border-radius:5px;gap:22px;margin-top:16px;padding:29px}.empty-icon{background:var(--citrus);color:var(--ink);border-radius:8px;width:53px;height:53px;transform:rotate(-5deg)}.empty-workspace h3{letter-spacing:-.7px;font-family:Bricolage,sans-serif;font-size:23px;font-weight:800}.empty-workspace p{font-size:13px;line-height:1.6}.capsule-preview{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:32px}.capsule-preview h2{letter-spacing:-1px;font-size:31px;font-weight:800;line-height:1.2}.capsule-intent{color:var(--ink);font-size:15px;line-height:1.8}.capsule-label{color:var(--muted);font-size:10px}.capsule-sections h3{color:var(--ink);font-size:13px}.capsule-sections p{color:var(--muted);font-size:14px;line-height:1.8}.approval-panel{background:var(--lavender);border-color:var(--line);border-radius:8px}.approval-panel h3{letter-spacing:-1px;font-family:Bricolage,sans-serif;font-size:27px;font-weight:800;line-height:1.15}.approval-panel>p{font-size:13px;line-height:1.75}.privacy-note{color:var(--muted)}.privacy-note p{font-size:11px}.closing{background:var(--citrus);border-top:1px solid var(--ink);width:100%;max-width:none;padding:60px 25px 64px}.closing>span{color:var(--ink);font-size:42px;line-height:1}.closing h2{letter-spacing:-.06em;margin:18px 0 21px;font-size:clamp(40px,5.1vw,72px);font-weight:800;line-height:1.04}.closing p{letter-spacing:0;color:var(--ink);opacity:.8;font-size:13px}.site-footer{border:0;gap:25px;width:91%;max-width:1320px;padding:30px 0 32px;font-size:12px}.wordmark.small{letter-spacing:-1px;font-family:Bricolage,sans-serif;font-size:27px}.site-footer p,.site-footer>a:last-child{color:var(--muted);font-size:12px}.page-main{width:91%;max-width:1100px;margin:auto;padding:55px 0 85px}.page-title{letter-spacing:-2.5px;max-width:800px;font-size:clamp(42px,5.5vw,65px);font-weight:800;line-height:1.08}.page-lead{max-width:700px;margin-top:20px;font-size:16px;line-height:1.75}.back-link{min-height:35px;margin-bottom:25px;font-size:13px}.guide-section h2,.receiver-card h3,.status-box h2{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1.15}.guide-section p,.guide-section li{color:var(--muted);font-size:14px}.guide-section pre,.guide-callout,.receiver-card,.status-box,.manual-copy{background:var(--lavender);border-color:var(--line);color:var(--ink)}.guide-callout p,.receive-note,.copy-status,.manual-copy p{color:var(--muted);font-size:12px}.receiver-card{border-radius:8px}.receiver-card>p{font-size:14px}.ai-options a{background:var(--white);border-color:var(--line);padding:12px 6px;font-size:12px}.ai-options a:hover{background:var(--citrus)}.share-link{background:var(--white);color:var(--ink)}.share-link input{color:var(--ink)}.error-message{font-size:13px;line-height:1.7}.hero-copy,.conversation-art{animation:.7s cubic-bezier(.2,.7,.2,1) both enter}.conversation-art{animation-delay:.12s}.meaning-token{animation:5s ease-in-out infinite token-float}@keyframes enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes token-float{0%,to{transform:translateY(0)rotate(9deg)}50%{transform:translateY(-7px)rotate(13deg)}}@media (width>=1500px){.hero{min-height:760px;padding-top:90px;padding-bottom:95px}}@media (width<=1100px){.hero{grid-template-columns:1.1fr 1fr;gap:25px;min-height:650px;padding-top:60px}.hero h1{font-size:clamp(49px,6.2vw,70px)}.thought-bubble{width:78%;padding:24px 23px}.thought-bubble p{font-size:27px}.conversation-stage{height:423px}.bubble-them{bottom:20px}.meaning-token{width:115px;height:115px;top:169px;right:8px}.hand-note{font-size:16px;top:244px}.art-topline{font-size:10px}.start-section{gap:45px}.steps{gap:21px}.start-intro h2{font-size:44px}.section-heading h2,.workspace-heading h2{font-size:36px}}@media (width<=800px){.site-header{height:84px}.site-header nav{gap:18px}.hero{grid-template-columns:1fr;gap:43px;min-height:0;padding:45px 0 48px}.hero h1{letter-spacing:-.06em;max-width:620px;margin-top:24px;font-size:clamp(59px,10vw,78px)}.hero-description{max-width:530px;font-size:16px}.hero-art.conversation-art{justify-self:center;width:100%;max-width:540px;min-height:0}.conversation-stage{height:420px}.thought-bubble{width:65%;padding:24px 27px}.thought-bubble p{font-size:32px}.meaning-token{top:173px;right:47px}.hand-note{top:245px;left:24px}.compatibility{flex-direction:row;align-items:center;gap:15px;margin-top:27px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading>.eyebrow{margin-bottom:0}.section-heading>p:last-child{justify-self:start;max-width:500px}.steps{grid-template-columns:1fr 1fr 1fr;gap:24px}.steps>svg{display:none}.steps h3{font-size:15px}.steps p{font-size:13px}.start-section{grid-template-columns:1fr;gap:31px;padding:46px 0 57px}.start-intro h2{max-width:650px}.start-intro>p:not(.eyebrow){max-width:550px}.start-panel{width:100%;max-width:610px}.workspace-heading{align-items:start;gap:25px}.workspace-grid,.receiver-layout{grid-template-columns:1fr}.approval-panel{position:static}.empty-workspace{flex-wrap:wrap}.empty-workspace>.text-button{margin-left:75px}.how-section{padding:37px 0 48px}.site-footer{flex-wrap:wrap;gap:12px 22px}.site-footer>a:last-child{margin-left:auto}.closing{padding:45px 22px 48px}}@media (width<=500px){.site-header{height:77px;margin:0 6%}.wordmark{font-size:31px}.wordmark-dot{width:10px;height:10px;margin-top:10px}.site-header nav{gap:14px}.site-header nav>a{font-size:12px}.language-switch{padding:3px}.language-switch button{min-height:30px;padding:5px 7px;font-size:10px}.section-wrap,.page-main,.site-footer{width:88%}.hero{gap:34px;padding-top:36px}.hero .eyebrow{font-size:10px}.hero h1{margin:22px 0 24px;font-size:clamp(49px,12.8vw,64px);line-height:1.03}.hero-description{font-size:14px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:17px}.hero-actions .button{padding:12px 16px;font-size:12px}.hero-actions .text-button{font-size:12px}.compatibility{flex-wrap:wrap;gap:11px;margin-top:24px}.compatibility>span{font-size:8px}.compatibility p{gap:10px;font-size:11px}.art-topline{padding-bottom:11px;font-size:9px}.conversation-stage{height:358px}.thought-bubble{width:77%;padding:20px 23px}.thought-bubble p{margin:11px 0 12px;font-size:27px}.bubble-you{top:22px}.bubble-them{bottom:23px}.bubble-who{font-size:8px}.bubble-signature{font-size:9px}.meaning-token{width:101px;height:101px;top:136px;right:8px}.meaning-token>span{font-size:11px}.hand-note{width:66px;font-size:12px;line-height:1.3;top:194px;left:0}.conversation-caption{padding-top:14px;font-size:10px;line-height:1.6}.steps{grid-template-columns:1fr;gap:24px;margin-top:27px}.steps>div{grid-template-columns:42px 1fr;column-gap:21px;padding-top:22px;display:grid}.steps>div>span{grid-row:1/3;margin:1px 0 0;font-size:31px}.steps h3{font-size:16px}.steps p{max-width:none;margin-top:8px;font-size:13px}.section-heading h2,.workspace-heading h2{letter-spacing:-1.5px;font-size:32px}.section-heading>p:last-child{font-size:13px}.start-intro h2{letter-spacing:-2px;font-size:40px}.start-intro>p:not(.eyebrow){font-size:14px}.tab-list{gap:23px;padding:0 20px}.tab-list button{font-size:12px}.tab-content{padding:23px 20px}.workspace-heading{flex-direction:column;gap:20px}.workspace-section{padding:39px 0 45px}.workspace-heading h2{margin:13px 0}.workspace-heading>div>p:last-child{font-size:13px}.empty-workspace{grid-template-columns:1fr;gap:16px;padding:23px;display:grid}.empty-workspace>.text-button{justify-self:start;margin-left:0}.empty-workspace h3{font-size:23px}.empty-icon{width:44px;height:44px}.capsule-preview,.approval-panel{padding:25px 21px}.closing{width:100%}.closing h2{font-size:43px;line-height:1.04}.closing p{max-width:300px;margin:auto;font-size:11px}.site-footer{grid-template-columns:1fr auto;padding:25px 0;display:grid}.site-footer p{grid-area:2/1/auto/-1;font-size:11px}.site-footer>a:last-child{font-size:10px}.page-title{letter-spacing:-2px;font-size:40px}.page-lead{font-size:14px}.page-main{padding-top:35px}.capsule-editor input,.capsule-editor textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
