@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#102823;--ink-soft:#25483f;--paper:#f4efe4;--white:#fffdf7;--line:#d9d1c1;--muted:#6f817a;--coral:#ff7a55;--mint:#a9d7c5;--mint-dark:#3b806b;--shadow:0 20px 55px #10282317}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 78% 8%, #ff7a550f, transparent 30rem), var(--paper);margin:0;font-family:Manrope,Arial,sans-serif;overflow-x:clip}button,input,textarea{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #ff7a5547}h1,h2,h3,p{margin-top:0}code,pre{font-family:DM Mono,ui-monospace,monospace}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#f7f4eb;background:radial-gradient(circle at 20% 100%, #a9d7c51a, transparent 18rem), var(--ink);flex-direction:column;width:248px;padding:25px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand__mark{width:41px;height:41px;color:var(--ink);background:var(--coral);border-radius:11px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:.89rem}.brand small{color:#91aaa1;margin-top:2px;font-size:.63rem}.project-switcher{margin-top:38px}.project-switcher>span{color:#759087;letter-spacing:.11em;text-transform:uppercase;font-size:.55rem;font-weight:800}.project-switcher>button{width:100%;color:inherit;text-align:left;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:8px;padding:11px;display:grid}.project-switcher i{width:31px;height:31px;color:var(--ink);background:var(--mint);border-radius:8px;place-items:center;font-size:.6rem;font-style:normal;font-weight:800;display:grid}.project-switcher strong,.project-switcher small{display:block}.project-switcher strong{font-size:.68rem}.project-switcher small{color:#819a91;margin-top:2px;font-size:.56rem}.project-switcher em{color:#819a91;font-style:normal}.sidebar nav{gap:5px;margin-top:28px;display:grid}.sidebar nav button{color:#9db0a9;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;min-height:43px;padding:0 11px;font-size:.68rem;font-weight:700;display:grid}.sidebar nav button:hover,.sidebar nav button.is-active{color:#fff;background:#ffffff12;border-color:#ffffff17}.sidebar nav button>span{font-size:.9rem}.sidebar nav button>em{min-width:20px;height:20px;color:var(--ink);background:var(--coral);border-radius:999px;place-items:center;padding-inline:5px;font-size:.54rem;font-style:normal;font-weight:800;display:grid}.sidebar__foot{margin-top:auto}.usage-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:15px}.usage-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.usage-card span,.usage-card strong{font-size:.56rem}.usage-card span{color:#86a097}.usage-bar{background:#ffffff1a;border-radius:999px;height:5px;margin-top:12px;overflow:hidden}.usage-bar span{border-radius:inherit;background:var(--coral);height:100%;display:block}.usage-card p{color:#839c93;margin:9px 0 0;font-size:.56rem;line-height:1.45}.sidebar__foot>button{color:#7f9a90;cursor:pointer;background:0 0;border:0;margin-top:9px;padding:7px;font-size:.57rem}.sidebar__foot>button:disabled{cursor:not-allowed;opacity:.5}.sidebar__foot .auth-error{color:#f3b6a5;margin:6px 7px 0;font-size:.54rem;line-height:1.4}.legal-links{justify-content:center;gap:11px;margin-top:8px;display:flex}.legal-links a{color:#789189;font-size:.52rem;text-decoration:none}.legal-links a:hover{color:#fff}.workspace{min-height:100vh;margin-left:248px;padding:28px clamp(24px,4.5vw,64px) 70px}.topbar,.setup-page,.inbox-page,.settings-page{width:min(1220px,100%);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:#71847c;letter-spacing:.13em;text-transform:uppercase;font-size:.6rem;font-weight:800}.eyebrow--light{color:#9fc5b6}.topbar h1{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(1.75rem,3vw,2.45rem)}.mode-badge{color:#647870;border:1px solid var(--line);background:#fffdf7c7;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.61rem;font-weight:700;display:flex}.mode-badge>span{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff7a551f}.mode-badge>span.is-live{background:var(--mint-dark);box-shadow:0 0 0 4px #3b806b1f}.setup-hero{color:#fff;background:radial-gradient(circle at 90% 0%, #a9d7c52e, transparent 19rem), var(--ink);min-height:270px;box-shadow:var(--shadow);border-radius:23px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:45px;padding:clamp(30px,5vw,54px);display:grid;position:relative;overflow:hidden}.setup-hero:after{content:"";border:45px solid #ffffff09;border-radius:50%;width:300px;height:300px;position:absolute;top:-110px;right:-70px}.setup-hero>*{z-index:1;position:relative}.setup-hero h2{letter-spacing:-.07em;margin:9px 0 11px;font-size:clamp(2.2rem,4.5vw,4rem);line-height:.98}.setup-hero p{color:#b8c9c2;max-width:560px;margin-bottom:0;font-size:.75rem;line-height:1.65}.endpoint-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff24;border-radius:15px;padding:17px}.endpoint-card>div{gap:9px;display:grid}.endpoint-card>div>span{width:max-content;color:var(--ink);background:var(--mint);border-radius:6px;padding:4px 7px;font-size:.54rem;font-weight:800}.endpoint-card code{color:#f2f0eb;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.endpoint-card>button{width:100%;min-height:39px;color:var(--ink);background:var(--white);cursor:pointer;border:0;border-radius:9px;margin-top:15px;font-size:.62rem;font-weight:800}.setup-grid{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:15px;margin-top:15px;display:grid}.code-panel,.test-panel,.settings-grid>section{border:1px solid var(--line);background:var(--white);border-radius:19px;min-width:0;box-shadow:0 10px 30px #1028230b}.code-panel,.test-panel{padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading>div{align-items:center;gap:11px;display:flex}.panel-heading h3{letter-spacing:-.025em;margin:4px 0 0;font-size:.92rem}.step{color:#fff;background:var(--ink);border-radius:9px;place-items:center;width:31px;height:31px;font-size:.57rem;font-weight:800;display:grid}.step--coral{color:var(--ink);background:var(--coral)}.step--mint{color:var(--ink);background:var(--mint)}.panel-heading>button{color:var(--mint-dark);cursor:pointer;background:#eef7f3;border:1px solid #b9d8cc;border-radius:8px;padding:7px 10px;font-size:.57rem;font-weight:800}.code-panel pre{color:#e8e6e2;background:#18221f;border-radius:12px;max-width:100%;margin:20px 0 0;padding:17px 0;font-size:.62rem;line-height:1.7;overflow-x:auto}.code-panel pre code>span{white-space:pre;padding:0 17px;display:block}.code-panel pre i{color:#63716c;-webkit-user-select:none;user-select:none;width:29px;font-style:normal;display:inline-block}.code-panel details{margin-top:15px}.code-panel summary{color:#5f746c;cursor:pointer;font-size:.62rem;font-weight:800}.fetch-example{margin-top:11px;position:relative}.fetch-example>button{z-index:1;color:var(--mint);cursor:pointer;background:0 0;border:0;font-size:.55rem;font-weight:800;position:absolute;top:9px;right:9px}.fetch-example>code{color:#e8e6e2;white-space:pre;background:#18221f;border-radius:10px;padding:15px;font-size:.58rem;line-height:1.6;display:block;overflow-x:auto}.test-panel__status{color:#7a8b84;font-size:.55rem;font-weight:700}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:21px;display:grid}.field-grid__wide{grid-column:1/-1}label{color:#596f67;gap:7px;font-size:.62rem;font-weight:700;display:grid}input,textarea{width:100%;color:var(--ink);background:#fffefa;border:1px solid #d6cec0;border-radius:9px}input{min-height:42px;padding:0 11px}textarea{resize:vertical;padding:11px;line-height:1.5}input::placeholder,textarea::placeholder{color:#a0aaa5}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;min-height:43px;font-size:.64rem;font-weight:800}.primary-button{color:#fff;border:1px solid var(--ink);background:var(--ink);justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:0 15px;display:flex}.primary-button:hover:not(:disabled){background:var(--ink-soft)}.primary-button:disabled{cursor:wait;opacity:.65}.privacy-note{color:#85938e;text-align:center;margin:9px 0 0;font-size:.55rem}.checklist{grid-template-columns:260px 1fr;align-items:start;gap:35px;padding:60px 0 20px;display:grid}.checklist h2,.settings-intro h2{letter-spacing:-.06em;margin:9px 0 0;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.02}.checklist-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.checklist-grid article{border:1px solid var(--line);background:#fffdf7a6;border-radius:14px;gap:11px;min-height:130px;padding:16px;display:flex}.checklist-grid article>span{color:#73857e;border:1px solid #c9c2b5;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:.58rem;font-weight:800;display:grid}.checklist-grid article.is-done>span{color:#fff;border-color:var(--mint-dark);background:var(--mint-dark)}.checklist-grid strong{font-size:.68rem}.checklist-grid p{color:#788a83;margin:7px 0 0;font-size:.59rem;line-height:1.5}.inbox-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.search-field{width:min(100%,380px);display:block;position:relative}.search-field>span{color:#72847d;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{background:#fffdf7c7;padding-left:35px}.inbox-toolbar>div{align-items:center;gap:13px;display:flex}.inbox-toolbar>div>span{color:#71847c;font-size:.61rem}.inbox-toolbar>div>button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:9px;min-height:39px;padding:0 12px;font-size:.6rem;font-weight:800}.inbox-layout{border:1px solid var(--line);background:var(--white);min-height:660px;box-shadow:var(--shadow);border-radius:19px;grid-template-columns:380px minmax(0,1fr);display:grid;overflow:hidden}.message-list{border-right:1px solid var(--line);overflow-y:auto}.message-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #e6dfd3;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;width:100%;padding:17px;display:grid}.message-list>button:first-child{border-top:0}.message-list>button:hover,.message-list>button.is-selected{background:#eee8dc}.message-list>button.is-selected{box-shadow:inset 3px 0 var(--coral)}.avatar{width:36px;height:36px;color:var(--ink);background:var(--mint);border-radius:10px;place-items:center;font-size:.58rem;font-weight:800;display:grid}.avatar--large{border-radius:13px;width:48px;height:48px;font-size:.7rem}.message-list__main{min-width:0}.message-list__main strong,.message-list__main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.message-list__main strong{font-size:.68rem}.message-list__main small{color:#788a83;margin-top:2px;font-size:.56rem}.message-list__main p{color:#667971;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 0;font-size:.61rem;line-height:1.45;display:-webkit-box;overflow:hidden}.message-list__meta{justify-items:end;gap:9px;display:grid}.message-list__meta small{color:#899790;white-space:nowrap;font-size:.52rem}.message-list__meta i{background:var(--coral);border-radius:50%;width:7px;height:7px}.message-list>button.is-unread .message-list__main strong{font-weight:800}.message-detail{padding:clamp(25px,4vw,45px)}.message-detail>header{border-bottom:1px solid #ded7ca;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding-bottom:25px;display:grid}.message-detail header h2{letter-spacing:-.04em;margin:4px 0 2px;font-size:1.25rem}.message-detail header a{color:var(--mint-dark);font-size:.61rem}.message-detail header>button{color:#92634f;cursor:pointer;background:0 0;border:0;padding:7px;font-size:.57rem;font-weight:700}.message-body{padding:32px 0}.message-body>span{color:#82918b;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:800}.message-body p{max-width:680px;margin:13px 0 0;font-size:clamp(.9rem,1.6vw,1.12rem);line-height:1.75}.message-detail dl{background:#ddd6c9;border:1px solid #ddd6c9;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.message-detail dl div{background:#f6f1e8;padding:13px}.message-detail dt{color:#84928d;text-transform:capitalize;font-size:.54rem;font-weight:800}.message-detail dd{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:.61rem;overflow:hidden}.reply-button{color:#fff;background:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;margin-top:20px;padding:0 14px;font-size:.63rem;font-weight:800;text-decoration:none;display:flex}.message-detail--empty{color:#7b8c85;place-items:center;display:grid}.empty-state{text-align:center;padding:50px 22px}.empty-state strong{font-size:.72rem}.empty-state p{color:#7b8b85;margin:6px 0 0;font-size:.6rem}.settings-intro{max-width:740px;padding:25px 0 35px}.settings-intro p{color:#70837b;max-width:600px;margin:14px 0 0;font-size:.75rem;line-height:1.65}.settings-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.settings-signin{background:#fff8ec;border:1px solid #d9c8b8;border-radius:14px;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex}.settings-signin strong{font-size:.78rem}.settings-signin p{color:var(--muted);flex:1;margin:0;font-size:.64rem}.settings-signin button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-size:.62rem;font-weight:800}.settings-grid>section{padding:23px}.settings-grid .panel-heading{margin-bottom:22px}.settings-grid label{margin-top:13px}.settings-grid textarea{min-height:116px;margin-top:10px}.secondary-button{width:100%;color:var(--ink);background:#fff;border:1px solid #beb6a9;margin-top:18px}.settings-grid section>p{color:#6e8179;font-size:.65rem;line-height:1.55}.settings-code{white-space:nowrap;background:#eee8dc;border-radius:9px;padding:12px;font-size:.57rem;display:block;overflow-x:auto}.safety-callout{background:#f9e8e1;border:1px solid #e6c7b9;border-radius:11px;gap:10px;margin-top:17px;padding:13px;display:flex}.safety-callout>span{color:#8d452e;background:#f2c8b9;border-radius:6px;height:max-content;padding:4px 6px;font-size:.52rem;font-weight:800}.safety-callout p{color:#7a594d;margin:0;font-size:.58rem;line-height:1.45}.settings-grid ul{margin:0;padding:0;list-style:none}.settings-grid li{background:#eee8dc;border-radius:8px;margin-top:7px;padding:9px 11px;font-family:DM Mono,monospace;font-size:.57rem}.danger-button{color:#8d452e;cursor:pointer;background:#fff4ef;border:1px solid #e2b7a7;border-radius:9px;width:100%;min-height:40px;margin-top:20px;font-size:.6rem;font-weight:800}.danger-button:disabled{cursor:wait;opacity:.6}.mobile-nav{display:none}.toast{z-index:80;color:#fff;background:var(--ink);border-radius:10px;max-width:min(360px,100vw - 32px);padding:12px 15px;font-size:.65rem;font-weight:800;animation:.18s ease-out toast-in;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 50px #10282340}.legal-page,.route-message{width:min(820px,100% - 40px);margin:0 auto;padding:34px 0 80px}.legal-page nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.legal-page nav div{gap:18px;display:flex}.legal-page nav a,.legal-page article a{color:var(--ink);font-size:.72rem;font-weight:800}.legal-page header{padding:70px 0 38px}.legal-page header span,.route-message>span{color:var(--mint-dark);letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.legal-page h1,.route-message h1{letter-spacing:-.07em;max-width:700px;margin:14px 0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.96}.legal-page header p,.route-message p{max-width:650px;color:var(--muted);font-size:1rem;line-height:1.7}.legal-page article{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:34px}.legal-page article h2{margin:28px 0 8px;font-size:1.05rem}.legal-page article h2:first-child{margin-top:0}.legal-page article p{color:var(--muted);line-height:1.75}.contact-form{gap:14px;margin-top:22px;display:grid}.contact-form button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:10px;min-height:44px;font-size:.68rem;font-weight:800}.contact-form button:disabled{cursor:wait;opacity:.65}.contact-form>p{margin:0;font-size:.7rem}.contact-form__honeypot{position:absolute;left:-10000px}.route-message{align-content:center;min-height:80vh;display:grid}.route-message button,.route-message a{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;width:max-content;min-height:44px;margin-top:12px;padding:0 18px;font-size:.7rem;font-weight:800;line-height:44px;text-decoration:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1050px){.setup-grid{grid-template-columns:minmax(0,1fr)}.test-panel{max-width:none}.checklist{grid-template-columns:1fr}.inbox-layout{grid-template-columns:330px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.sidebar{display:none}.workspace{margin-left:0;padding:20px 14px 90px}.setup-hero{grid-template-columns:1fr;align-items:end}.checklist-grid,.inbox-layout{grid-template-columns:1fr}.message-list{border-right:0;border-bottom:1px solid var(--line);grid-auto-columns:minmax(270px,83vw);grid-auto-flow:column;display:grid;overflow-x:auto}.message-list>button{border-top:0;border-left:1px solid #e6dfd3}.message-list>button:first-child{border-left:0}.settings-grid{grid-template-columns:1fr}.settings-signin{flex-direction:column;align-items:flex-start}.mobile-nav{z-index:50;background:#102823f5;border:1px solid #ffffff1f;border-radius:15px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;bottom:13px;left:13px;right:13px;box-shadow:0 18px 50px #10282347}.mobile-nav button{color:#9eb0a9;background:0 0;border:0;border-radius:10px;min-height:45px;font-size:.59rem;font-weight:700}.mobile-nav button.is-active{color:#fff;background:#ffffff1a}.toast{bottom:80px}}@media (max-width:560px){.topbar{align-items:flex-end}.mode-badge{min-height:31px;padding-inline:9px;font-size:.53rem}.setup-hero{min-height:430px;padding:27px 21px}.setup-hero h2{font-size:2.65rem}.code-panel,.test-panel{padding:19px 15px}.field-grid{grid-template-columns:1fr}.field-grid__wide{grid-column:auto}.checklist{padding-top:48px}.inbox-toolbar{flex-direction:column;align-items:stretch}.inbox-toolbar>div{justify-content:space-between}.search-field{width:100%}.message-detail{padding:25px 18px}.message-detail>header{grid-template-columns:auto 1fr}.message-detail header>button{grid-column:2;justify-self:start;padding-left:0}.message-detail dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}