:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1c1a;--muted:#91908c;--line:#ebebe9;--hover:#f1f1ef;--active:#eaeae7;--accent:#3d5af1;--success:#1a7f37;--warning:#9a6700;--danger:#c0392b;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}h1{letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:600}button{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:6px;padding:.4rem .7rem}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:default}kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-left:.35rem;padding:0 .3rem;font-family:inherit;font-size:.7rem}.shell{gap:8px;height:100vh;padding:8px;display:flex}.sidebar{flex-direction:column;flex-shrink:0;width:220px;padding:4px 2px;display:flex;overflow-y:auto}.pane{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:1.1rem 1.6rem 2rem;overflow-y:auto;box-shadow:0 1px 3px #0000000a}.side-brand{align-items:center;gap:.5rem;padding:.3rem .6rem .8rem;display:flex}.brand-home{text-align:left;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.brand-home:hover{background:0 0}.brand-home:hover .brand-name{color:var(--muted)}.brand-home svg{color:var(--text);flex-shrink:0}.brand-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.side-label{color:var(--muted);letter-spacing:.02em;padding:.4rem .6rem .3rem;font-size:.72rem;font-weight:600}.nav-item{width:100%;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:.55rem;padding:.34rem .6rem;font-size:.88rem;display:flex}.nav-item svg{color:var(--muted);flex-shrink:0}a.nav-item{text-decoration:none}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--active);font-weight:600}.nav-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.side-foot{margin-top:auto;padding-top:.5rem}.theme-dot{color:var(--accent);text-align:center;width:16px;font-size:.8rem}.icon-btn{color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:.3rem;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--hover);color:var(--text)}.pane-head{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.pane-head h1{flex:1;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.pane-head h1 svg{color:var(--muted)}.pane-action{color:var(--muted);padding:.28rem .55rem;font-size:.85rem}.pane-action:hover{color:var(--text)}.pane-kbd{margin-left:0}.email-list{margin:0;padding:0;list-style:none}.email-row{cursor:pointer;border-radius:6px;grid-template-columns:1.6rem 11rem 1fr auto;align-items:center;gap:.7rem;padding:.5rem .6rem;font-size:.88rem;transition:opacity .25s,transform .25s,background .1s;display:grid}.email-row.unread{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.email-row.selected{background:var(--hover)}.email-row.fading{opacity:0;pointer-events:none;transform:translate(10px)}.email-row .star,.star{color:var(--accent);font-size:.75rem}.email-row .from{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.email-row .subject-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);overflow:hidden}.email-row .subject-preview .subject{color:var(--text);margin-right:.6rem}.email-row .date{color:var(--muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}.email-row.unread .from,.email-row.unread .subject{font-weight:650}.empty{color:var(--muted);text-align:center;padding:5rem 0;font-size:1rem}.hints{color:var(--muted);justify-content:center;gap:1.25rem;margin-top:2.5rem;font-size:.78rem;display:flex}.reader-nav{justify-content:space-between;margin-bottom:1.75rem;display:flex}.reader-nav button{color:var(--muted);font-size:.88rem}.reader-nav button:hover{color:var(--text)}.email{max-width:44rem;margin:0 auto;transition:opacity .25s,transform .25s}.email.fading{opacity:0;transform:translate(10px)}.email h1{margin-bottom:.5rem;font-size:1.25rem}.meta{color:var(--muted);margin:0 0 1.75rem;font-size:.85rem}.meta span{color:var(--muted)}.body{font-size:.95rem;line-height:1.65}.body p{margin:0 0 1em}.thread-toggle{color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin-bottom:1.5rem;padding:.5rem .9rem;font-size:.85rem;display:block}.thread-message{border-left:2px solid var(--line);color:var(--muted);margin-bottom:1.5rem;padding-left:1rem}.thread-message .meta{margin-bottom:.4rem}.thread-message .body{color:inherit;font-size:.9rem}.compose-overlay{z-index:20;background:#1918160f;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:fixed;inset:0}.compose-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(680px,100%);max-height:min(80vh,44rem);display:flex;overflow:hidden;box-shadow:0 18px 50px #00000029,0 4px 12px #0000000f}.compose-head{justify-content:space-between;align-items:center;padding:.55rem .7rem .5rem 1rem;font-size:.88rem;font-weight:600;display:flex}.compose-head .icon-btn{padding:.15rem .45rem;font-size:1.1rem}.compose-row{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:0 1rem;display:flex}.row-label{color:var(--muted);font-size:.85rem}.row-input{min-width:0;font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.55rem 0;font-size:.9rem}.row-input::placeholder{color:var(--muted)}.row-input.subject{font-weight:600}.compose-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.55rem .75rem;display:flex}.compose-foot .spacer{flex:1}.tools-toggle{padding:.3rem .45rem;font-size:.85rem;font-weight:500}.tools-toggle.on{background:var(--active);color:var(--text)}.compose-status{color:var(--muted);margin-left:.5rem;font-size:.82rem}.send{background:var(--text);color:var(--surface);border-radius:7px;padding:.42rem .95rem;font-size:.88rem;font-weight:500}.send:hover{background:#000}.send kbd{color:var(--surface);border-color:#ffffff4d}.ai-error{color:#b3261e;margin-left:.5rem;font-size:.82rem}.editor-wrap{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:16rem;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.15rem;padding:.35rem .75rem;display:flex}.toolbar button{min-width:2rem;color:var(--text);border-radius:5px;padding:.25rem .55rem;font-size:.88rem}.toolbar select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;margin:0 .15rem;padding:.2rem .3rem;font-size:.8rem}.tb-sep{background:var(--line);width:1px;height:1.1rem;margin:0 .4rem}.tb-color{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:2rem;height:1.9rem;display:inline-flex;position:relative}.tb-color:hover{background:var(--hover)}.tb-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.tb-a{border-bottom:3px solid #c0392b;font-size:.88rem;line-height:1.15}.tb-hl{color:#1d1c1a;background:#fff3a3;border-radius:3px;padding:0 .25rem;font-size:.88rem}.tb-nohl{color:#1d1c1a;background:linear-gradient(to top right,#0000 44%,#c0392b 46% 54%,#0000 56%),#fff3a3;border-radius:3px;padding:0 .25rem;font-size:.88rem}.rich-body{word-break:break-word;outline:none;flex:1;padding:.9rem 1rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.rich-body:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-body blockquote{border-left:3px solid var(--line);color:var(--muted);margin:.5em 0;padding-left:1em}.rich-body h2{margin:.6em 0 .3em}.rich-body a{color:var(--accent)}.rich-body ul,.rich-body ol{padding-left:1.4rem}.attach-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .4rem .25rem .8rem;font-size:.82rem;display:inline-flex}.chip-size{color:var(--muted);font-size:.75rem}.chip-x{color:var(--muted);border-radius:50%;padding:0 .4rem;font-size:.9rem;line-height:1.2}.chip-note{color:var(--muted);border-style:dashed;padding-right:.8rem}.toast{background:var(--text);color:var(--bg);z-index:30;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem 1.1rem;font-size:.85rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000026}.toast-action{color:inherit;border:1px solid #fff6;border-radius:999px;padding:.1rem .5rem;font-size:.8rem}.toast-action:hover{background:#ffffff26}.home{place-items:center;height:100%;display:grid}.home-inner{text-align:center;animation:.45s both fade-up}.home-hint{color:var(--muted);margin:0 0 1.4rem;font-size:.95rem}.home-grid{grid-template-columns:repeat(2,minmax(12rem,1fr));gap:.7rem;display:grid}.home-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:.9rem;padding:.9rem 1.1rem;font-size:.95rem;display:flex}.home-card:hover{background:var(--hover)}.home-key{min-width:2.3rem;height:2.3rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:8px;place-items:center;margin:0;padding:0 .4rem;font-size:.95rem;display:grid}@media (width<=640px){.home-grid{grid-template-columns:1fr}}.overlay-backdrop{z-index:40;background:#0000002e;place-items:start center;padding-top:18vh;display:grid;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(30rem,92vw);display:flex;overflow:hidden;box-shadow:0 16px 48px #0000002e}.palette-input{font:inherit;color:var(--text);border:none;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:.85rem 1rem;font-size:1rem}.palette-input::placeholder{color:var(--muted)}.palette-list{max-height:40vh;padding:.35rem;overflow-y:auto}.palette-row{text-align:left;width:100%;color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.95rem;display:flex}.palette-row.active{background:var(--hover)}.palette-row kbd{color:var(--muted);border:1px solid var(--line);background:var(--bg);border-radius:4px;padding:.05rem .35rem;font-size:.72rem}.palette-empty{color:var(--muted);padding:.75rem;font-size:.9rem}.when-picker{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(24rem,92vw);padding:.4rem;display:flex;box-shadow:0 16px 48px #0000002e}.when-title{color:var(--muted);padding:.5rem .75rem .25rem;font-size:.8rem}.when-option{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.95rem;display:flex}.when-option.active{background:var(--hover)}.when-option kbd{margin:0 .3rem 0 0}.when-time{color:var(--muted);font-size:.85rem}.force-promo{text-align:left;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, #ff5f6d, #ffb347, #ffd93d, #47d764, #3d5af1, #aa3bff) border-box;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:.8rem;width:100%;margin:0 0 .8rem;padding:.7rem .9rem;display:flex}.force-promo:hover{background:linear-gradient(var(--hover), var(--hover)) padding-box, linear-gradient(90deg, #ff5f6d, #ffb347, #ffd93d, #47d764, #3d5af1, #aa3bff) border-box}.force-promo-title{white-space:nowrap;background:linear-gradient(90deg,#ff5f6d,#ffb347,#47d764,#3d5af1,#aa3bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.force-promo-copy{color:var(--muted);flex:1;font-size:.85rem;line-height:1.4}.force-promo-go{white-space:nowrap;font-size:.88rem;font-weight:600}.force-bar{background:var(--line);height:3px}.force-bar-fill{background:linear-gradient(90deg,#ff5f6d,#ffb347,#ffd93d,#47d764,#3d5af1,#aa3bff);height:100%;transition:width .35s}.force-body{max-height:26vh;color:var(--muted);border-left:2px solid var(--line);margin-bottom:.7rem;padding-left:.9rem;font-size:.92rem;line-height:1.55;overflow-y:auto}.force-hint{color:var(--muted);text-align:center;margin:.9rem 0 0;font-size:.82rem}.force-actions-left{gap:.4rem;display:flex}.force{z-index:45;background:var(--bg);grid-template-rows:auto auto 1fr;display:grid;position:fixed;inset:0}.force>.force-card:only-child{grid-row:1/-1}.force-top{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:1rem;padding:.8rem 1.4rem;font-size:.9rem;display:flex}.force-progress{color:var(--text);font-weight:600}.force-timer{flex:1}.force-exit{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:.15rem .5rem;font-size:.8rem}.force-card{flex-direction:column;align-self:center;gap:.5rem;width:min(42rem,92vw);margin:0 auto;padding-bottom:8vh;display:flex}.force-from{color:var(--muted);margin:0;font-size:.95rem}.force-subject{letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.6rem;font-weight:650}.force-reply{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);resize:none;border-radius:12px;outline:none;min-height:9rem;padding:.9rem 1rem;font-size:1.05rem;line-height:1.5}.force-reply:focus{border-color:var(--muted)}.force-actions{justify-content:space-between;margin-top:.4rem;display:flex}.force-actions .send kbd{color:inherit;background:0 0;border-color:#fff6}.force-end{text-align:center;align-items:center}.force-end h1{letter-spacing:-.02em;margin:0;font-size:2rem}.force-stat{color:var(--muted);margin:.2rem 0 1rem}:root[data-theme=paper]{--bg:#f3ecdc;--surface:#fdf8ee;--text:#2b2118;--muted:#93826d;--line:#e9dfcb;--hover:#f4edde;--active:#efe6d1;--accent:#b3542e}:root[data-theme=paper] .send:hover{background:#1a130c}:root[data-theme=paper] .toast-action{border-color:#fff6}.app{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative}.scroll-hint{color:var(--muted);white-space:nowrap;font-size:.85rem;text-decoration:none;animation:.6s 1.4s both fade-up;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--text)}.showcase{flex-direction:column;gap:4.5rem;max-width:46rem;margin:0 auto;padding:4.5rem 1.5rem .5rem;display:flex}.feature{margin:0}.feature h2{margin:0 0 .3rem;font-size:1.2rem}.feature figcaption p{color:var(--muted);max-width:34rem;margin:0 0 1.1rem;font-size:.95rem;line-height:1.55}.feature img{border:1px solid var(--line);border-radius:12px;width:100%;display:block;box-shadow:0 18px 50px #0000001a}.roadmap{max-width:32rem;margin:0 auto;padding:4rem 1.5rem 1rem}.roadmap h2{margin:0 0 .3rem;font-size:1.15rem}.roadmap-note{color:var(--muted);margin:0 0 2rem;font-size:.9rem}.roadmap-list{margin:0;padding:0;list-style:none}.roadmap-item{border-left:1px solid var(--line);margin-left:.3rem;padding:0 0 1.7rem 1.6rem;position:relative}.roadmap-item:last-child{border-left-color:#0000;padding-bottom:.5rem}.roadmap-item:before{content:"";background:var(--bg);border:2px solid var(--muted);border-radius:50%;width:7px;height:7px;position:absolute;top:.3rem;left:-5px}.roadmap-title{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.roadmap-desc{color:var(--muted);margin:.25rem 0 0;font-size:.9rem;line-height:1.5}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.05rem .5rem;font-size:.68rem;font-weight:500}.chip.soon{color:var(--accent);border-color:currentColor}.front-foot{color:var(--muted);justify-content:center;gap:.6rem;padding:2.5rem 0;font-size:.85rem;display:flex}.front-foot a{color:inherit;text-decoration:none}.front-foot a:hover{color:var(--text)}.legal{max-width:38rem;margin:0 auto;padding:3rem 1.5rem 4rem;font-size:.95rem;line-height:1.65}.legal h1{margin:1.6rem 0 .8rem;font-size:1.5rem}.legal h2{margin:1.6rem 0 .3rem;font-size:1rem;font-weight:600}.legal p{margin:.4rem 0}.legal ul{padding-left:1.2rem}.legal li{margin:.35rem 0}.legal a{color:var(--text)}.legal-back{color:var(--muted);font-size:.9rem;text-decoration:none}.legal-back:hover{color:var(--text)}.legal-contact{color:var(--muted);margin-top:2.2rem}.connect{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-width:30rem;display:flex}.connect-sentence{color:var(--muted);letter-spacing:-.02em;margin:0;font-size:2.3rem;font-weight:400;line-height:1.2;animation:.6s .75s both fade-up}.connect-sentence strong{color:var(--text);font-weight:700}.connect-tag{color:var(--muted);margin:-.55rem 0 .55rem;font-size:1.05rem;animation:.6s .85s both fade-up}.connect-cta{border-radius:10px;padding:.85rem 2rem;font-size:1.1rem;animation:.6s .95s both fade-up}.connect .connect-note,.connect .field,.connect .connect-steps{animation:.6s .95s both fade-up}.slip-logo{margin-bottom:.4rem;overflow:visible}.slip-paper{animation:1s cubic-bezier(.22,1,.36,1) .25s both slip-out}@keyframes slip-out{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.enter-overlay{background:var(--bg);z-index:50;pointer-events:none;place-items:center;animation:.45s .65s both overlay-out;display:grid;position:fixed;inset:0}.enter-overlay .slip-paper{animation-duration:.7s;animation-delay:50ms}.shell.entering .sidebar,.shell.entering .pane{animation:.5s .65s both fade-up}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.slip-paper,.connect-sentence,.connect-tag,.connect-cta,.connect-mobile,.connect-denied,.connect .connect-note,.connect .field,.connect .connect-steps,.waitlist-q,.waitlist-opts,.waitlist-done,.hero-title,.hero-sub,.hero-form,.hero-video,.shell.entering .sidebar,.shell.entering .pane{animation:none}.enter-overlay{display:none}}.connect .field{width:100%}.connect-note{color:var(--muted);margin:0;line-height:1.5}.front-nav{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(1.3);background:#ffffff73;border-bottom:1px solid #ffffff8c;justify-content:space-between;align-items:center;padding:.7rem 1.4rem;display:flex;position:fixed;top:0;left:0;right:0}.front-brand{color:var(--text);align-items:center;gap:.45rem;font-size:.95rem;font-weight:650;text-decoration:none;display:flex}.front-links{align-items:center;gap:1.3rem;display:flex}.front-links a{color:var(--muted);font-size:.88rem;text-decoration:none}.front-links a:hover{color:var(--text)}.front-signin{background:var(--text);color:var(--bg);border-radius:999px;padding:.4rem .95rem;font-size:.85rem}.front-signin:hover{background:var(--text);opacity:.85}.hero-page{max-width:62rem;margin:0 auto;padding:3rem 1.5rem 1rem}.hero-copy{flex-direction:column;align-items:flex-start;gap:.8rem;display:flex}.hero-title{letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:650;line-height:1.1;animation:.6s .15s both fade-up}.hero-sub{color:var(--muted);max-width:30rem;margin:0;font-size:.95rem;line-height:1.55;animation:.6s .3s both fade-up}.hero-form{gap:.6rem;width:min(26rem,100%);margin-top:.4rem;animation:.6s .45s both fade-up;display:flex}.hero-field{min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;outline:none;flex:1;padding:.65rem .9rem}.hero-field:focus{border-color:var(--muted)}.hero-field::placeholder{color:var(--muted)}.hero-join{white-space:nowrap;border-radius:10px}.hero-video{border:1px solid var(--line);border-radius:14px;width:100%;margin-top:2.4rem;animation:.7s .55s both fade-up;display:block;box-shadow:0 24px 60px #0000001a}.waitlist-q{color:var(--muted);margin:.6rem 0 0;font-size:.95rem;animation:.6s .7s both fade-up}.waitlist-opts{flex-wrap:wrap;gap:.6rem;width:min(30rem,100%);animation:.6s .7s both fade-up;display:flex}.opt{border:1px solid var(--line);color:var(--muted);background:var(--surface);white-space:normal;text-align:left;border-radius:999px;max-width:100%;padding:.45rem 1.4rem;font-size:.95rem;line-height:1.4}.opt:hover{background:var(--hover)}.opt.active{border-color:var(--text);color:var(--text);font-weight:600}.waitlist-done{margin:.5rem 0 0;font-size:1.2rem;animation:.4s both fade-up}@media (width<=860px){.hero-form{flex-direction:column}}@media (width<=640px){.front-links a{display:none}.front-signin{white-space:nowrap}}.connect-denied{color:var(--text);margin:0;font-size:1.35rem;line-height:1.4;animation:.4s both fade-up}.connect-denied a{color:inherit;text-underline-offset:3px;text-decoration:underline}.connect-denied a:hover{color:var(--muted)}.connect-mobile{display:none}@media (width<=640px){.app{min-height:100svh}.connect{max-width:calc(100vw - 3rem)}.connect-mobile{color:var(--muted);margin:0;font-size:1.05rem;animation:.6s .95s both fade-up;display:block}.connect:not(.waitlist)>:not(.slip-logo,.connect-sentence,.connect-tag,.connect-mobile){display:none}.connect-sentence{font-size:1.9rem}}.connect-reset{color:var(--muted);padding-left:0;font-size:.82rem}.connect-steps{color:var(--muted);text-align:left;font-size:.85rem;line-height:1.6}.connect-steps summary{cursor:pointer}.connect-steps ol{padding-left:1.2rem}.connect-steps code{background:var(--line);border-radius:4px;padding:0 .25rem}.field{font:inherit;border:none;border-bottom:1px solid var(--line);color:var(--text);background:0 0;outline:none;padding:.55rem .25rem}.field::placeholder{color:var(--muted)}.avatar{object-fit:contain;background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem;padding:2px}.avatar-letter{color:var(--muted);background:var(--hover);justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:inline-flex}.meta.sender{align-items:center;gap:.6rem;display:flex}.html-body{background:#fff;border:none;border-radius:8px;width:100%;display:block}:root[data-theme=paper] .html-body{background:#fffdf8}.campaigns{width:100%;max-width:720px;margin:0 auto;padding:48px 24px}.campaigns-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.campaigns-head h1{font-size:22px;font-weight:700}.campaigns-empty{color:var(--muted);max-width:46ch;line-height:1.6}.campaign-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.campaign-row{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.campaign-row:hover{background:var(--hover)}.campaign-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.campaign-state{color:var(--muted);border:1px solid var(--hover);border-radius:99px;padding:2px 10px;font-size:12px}.campaign-state.is-sending{color:var(--success);border-color:var(--success)}.campaign-state.is-paused{color:var(--warning);border-color:var(--warning)}.campaign-stats{color:var(--muted);white-space:nowrap;font-size:13px}.wizard{width:100%;max-width:860px;margin:0 auto;padding:32px 24px}.wizard-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.wizard-back{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 0}.wizard-back:hover{color:var(--text)}.wizard-name{font:inherit;background:0 0;border:0;border-bottom:1px dashed #0000;flex:1;min-width:0;font-size:17px;font-weight:700}.wizard-name:hover,.wizard-name:focus{border-bottom-color:var(--muted);outline:none}.wizard-steps{gap:4px;display:flex}.wizard-step{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:13px}.wizard-step:hover{background:var(--hover)}.wizard-step.active{background:var(--active);color:var(--text);font-weight:600}.wizard-step:disabled{opacity:.4;cursor:default}.step-hint{color:var(--muted);max-width:56ch;margin-bottom:20px;font-size:14px;line-height:1.6}.sheet{border-collapse:collapse;width:100%}.sheet th,.sheet td{border-bottom:1px solid var(--hover);padding:0;position:relative}.sheet th{text-align:left}.sheet-head{font:inherit;color:var(--muted);text-transform:lowercase;background:0 0;border:0;width:100%;padding:8px 10px;font-size:12px;font-weight:600}.sheet-head:focus{color:var(--text);outline:none}.sheet-cell{font:inherit;background:0 0;border:0;width:100%;padding:9px 10px;font-size:14px}.sheet-cell:focus{background:var(--hover);border-radius:4px;outline:none}.sheet-cell.cell-bad{-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);text-underline-offset:3px}.sheet-add{width:32px}.sheet-x,.sheet-plus{color:var(--muted);cursor:pointer;font:inherit;opacity:0;background:0 0;border:0;border-radius:4px;padding:4px 8px}.sheet-plus,.sheet tr:hover .sheet-x,.sheet th:hover .sheet-x{opacity:1}.sheet-x:hover,.sheet-plus:hover{background:var(--hover);color:var(--text)}.step-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.ghost{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px}.ghost:hover{background:var(--hover);color:var(--text)}.write-step{flex-direction:column;gap:12px;display:flex}.var-chips{flex-wrap:wrap;gap:6px;display:flex}.var-chip{border:1px solid var(--hover);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border-radius:99px;padding:3px 10px;font-size:12px}.var-chip:hover{background:var(--hover);color:var(--text)}.body-tpl{resize:vertical;min-height:260px;font-family:inherit;line-height:1.6}.issue-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.issue-block{color:var(--danger)}.issue-warn{color:var(--warning)}.preview-step{grid-template-columns:240px 1fr;gap:20px;display:grid}.preview-list{flex-direction:column;gap:2px;max-height:480px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.preview-row{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.preview-row:hover{background:var(--hover)}.preview-row.active{background:var(--active);font-weight:600}.preview-to{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.edited-badge{color:var(--warning);border:1px solid var(--warning);border-radius:99px;padding:1px 8px;font-size:11px}.preview-pane{flex-direction:column;gap:10px;display:flex}.preview-body{resize:vertical;min-height:300px;font-family:inherit;line-height:1.6}.preview-meta{justify-content:flex-end;display:flex}.preview-actions{grid-column:1/-1}.restore-screen{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.send-step{flex-direction:column;gap:16px;display:flex}.send-banner{background:var(--hover);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.send-banner.is-sending{color:var(--success);background:#e8f5ec}.send-banner.is-paused{color:var(--warning);background:#fff4dc}.send-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.send-row{border-bottom:1px solid var(--hover);align-items:center;gap:12px;padding:9px 10px;font-size:14px;display:flex}.send-error{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.is-queued{--st-bg:#eee9f8;--st-ink:#9065b0}.is-sending{--st-bg:#faebdd;--st-ink:#d9730d}.is-sent{--st-bg:#dbeddb;--st-ink:#448361}.is-replied{--st-bg:#ddebf1;--st-ink:#337ea9}.is-bounced{--st-bg:#fbf3db;--st-ink:#bd8a20}.is-failed{--st-bg:#fdebec;--st-ink:#d44c47}.status-chip{background:var(--st-bg);color:var(--st-ink);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:12px;font-weight:500;animation:.35s cubic-bezier(.34,1.56,.64,1) chip-pop;display:inline-flex}.status-chip svg{flex-shrink:0;width:12px;height:12px}.status-chip.is-replied{font-weight:600}.status-chip.is-sending svg{animation:1.4s ease-in-out infinite chip-pulse}@keyframes chip-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes chip-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.45;transform:translate(2px)}}.send-tiles{flex-wrap:wrap;gap:10px;display:flex}.send-tile{background:var(--st-bg);color:var(--st-ink);border-radius:12px;flex-direction:column;gap:2px;min-width:88px;padding:10px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) chip-pop;display:flex}.tile-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1;animation:.45s cubic-bezier(.34,1.56,.64,1) num-bounce}.tile-label{opacity:.85;white-space:nowrap;font-size:11px;font-weight:500}@keyframes num-bounce{0%{opacity:.4;transform:translateY(6px)scale(.9)}55%{opacity:1;transform:translateY(-2px)scale(1.06)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.status-chip,.send-tile,.tile-num,.status-chip.is-sending svg{animation:none}}@media (width<=720px){.preview-step{grid-template-columns:1fr}}.front{z-index:1;background:#fff;position:relative}.front-bg{z-index:0;background:url(/gemini_generated_bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.front-hero{flex-direction:column;align-items:stretch;gap:1.6rem;min-height:100vh;padding:84px 0 4.5rem;display:flex;position:relative;overflow:hidden}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#ffffff6b;border:1px solid #ffffffa6;border-radius:20px;padding:1.7rem 1.9rem;box-shadow:0 24px 60px #26423229}.hero-sky{z-index:1;width:min(38rem,100%);padding:0 1.5rem 0 3.5vw;position:relative}.hero-sky:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 38% 42%,#ffffffd9 0%,#ffffff8c 45%,#fff0 74%);position:absolute;inset:-3.5rem -6rem -2.5rem -5rem}.hero-sky .hero-title,.hero-sky .hero-sub,.hero-sky .waitlist-q,.hero-sky .waitlist-done,.hero-sky .connect-mobile{text-shadow:0 1px 14px #fffffff2,0 0 4px #ffffffd9}.hero-sky .hero-sub,.hero-sky .waitlist-q{color:var(--text);font-weight:500}.hero-sky .hero-title{letter-spacing:-.025em;font-size:clamp(1.5rem,2.4vw,2.1rem)}.hero-sky .hero-sub{max-width:30rem;font-size:.95rem}.hero-sky .hero-field{background:#ffffffd9;border-color:#fffffff2}.hero-sky .opt{background:#ffffffb3;border-color:#ffffffe6}.hero-sky .opt.active{border-color:var(--text)}.hero-demo{z-index:1;width:min(1280px,93%);margin:0 auto;position:relative}.video-card{border:1px solid #fff9;border-radius:14px;width:100%;display:block;box-shadow:0 30px 70px #26423238}@media (width<=700px){.front-hero{padding-top:72px}.glass-card{padding:1.5rem 1.2rem}.hero-demo{width:100%;padding:0 .6rem}}.sheet-empty{border:1.5px dashed var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.7rem;margin-top:10px;padding:2.2rem 1.5rem;display:flex}.sheet-empty-title{margin:0;font-weight:600}.sheet-paste-target{font:inherit;color:var(--muted);background:var(--surface);border:1px solid var(--line);text-align:center;cursor:text;border-radius:8px;outline:none;width:min(20rem,100%);padding:.55rem 1rem;font-size:.9rem}.sheet-paste-target:focus{border-color:var(--text);color:var(--text)}.sheet-empty-or{color:var(--muted);margin:0;font-size:.9rem}.sheet-empty-add{font:inherit;font-size:inherit;color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.front-body{background:#fff;padding-bottom:3rem;position:relative}.front-body .feature{border:1px solid var(--line);background:#fff;border-radius:20px;padding:1.8rem}.front-body .roadmap{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:4rem;padding:2.5rem 2rem 1.5rem}.side-fold{font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.35rem;width:100%;display:flex}.side-fold:hover{color:var(--text)}.fold-caret{font-size:.6rem}html{scroll-behavior:smooth}.front-hero .scroll-hint{z-index:1;color:var(--text);text-shadow:0 1px 16px #ffffffe6;bottom:2rem;transform:translate(-50%)}.campaign-li{align-items:center;gap:2px;display:flex}.campaign-li .campaign-row{flex:1;min-width:0}.campaign-x{font:inherit;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:1.05rem}.campaign-li:hover .campaign-x,.campaign-x:focus-visible{opacity:1}.campaign-x:hover{background:var(--hover);color:#c0392b}@media (hover:none){.campaign-x{opacity:1}}.people{overflow-x:auto}.people .sheet{min-width:560px}
