:root{--ink:#201e1c;--muted:#746f69;--paper:#f3eee5;--card:#fffaf2;--line:#201e1c21;--orange:#f2a36f;--green:#9dd8c8;--shadow:0 22px 60px #2b221c14}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 82% 0,#f2a36f1f,transparent 29rem),var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.workspace{min-height:100vh}.sidebar{z-index:10;background:var(--ink);color:#fff;flex-direction:column;width:230px;padding:27px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand>span{background:var(--orange);width:39px;height:39px;color:var(--ink);border-radius:50% 50% 10px;place-items:center;font-family:DM Mono,monospace;font-size:8px;display:grid}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:-.04em;font-size:15px}.brand small{color:#918a84;font-size:7px}.sidebar nav{gap:5px;margin-top:47px;display:grid}.sidebar nav button{color:#aaa39e;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:11px;font-size:10px;font-weight:600;display:flex}.sidebar nav button>span{border:1px solid #ffffff1f;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.sidebar nav button em{background:#ffffff14;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:7px;font-style:normal}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff1a}.sidebar nav button.active>span{color:#f5b88e}.space-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:15px;margin-top:35px;padding:15px}.eyebrow{color:#817a74;letter-spacing:.16em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px;font-weight:500;display:block}.space-card .eyebrow{color:#6f6965}.space-card>strong{margin-top:8px;font-size:12px;display:block}.space-card>small{color:#7f7874;font-size:7px}.space-card>div{background:#ffffff14;border-radius:99px;height:4px;margin-top:13px;overflow:hidden}.space-card>div i{border-radius:inherit;background:var(--orange);height:100%;display:block}.space-card p{color:#827b77;margin:6px 0 0;font-size:7px}.privacy{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.privacy>span{width:28px;height:28px;color:var(--green);background:#9dd8c81a;border-radius:50%;place-items:center;display:grid}.privacy div{gap:2px;display:grid}.privacy strong{font-size:8px}.privacy small{color:#7f7874;font-size:7px}main:not(.public-page):not(.embed-page){min-height:100vh;margin-left:230px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px clamp(24px,4vw,60px);display:flex}.topbar>div:first-child{gap:4px;display:grid}.topbar strong{font-size:9px}.topbar>div:last-child{gap:7px;display:flex}.topbar a,.topbar button,.primary{border:1px solid var(--line);min-height:38px;color:inherit;background:0 0;border-radius:9px;align-items:center;padding:0 13px;font-size:8px;font-weight:700;text-decoration:none;display:inline-flex}.topbar .primary,.primary{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 9px 21px #201e1c24}.notice{color:#39715d;background:#e2efe8;border:1px solid #418b713d;border-radius:9px;align-items:center;gap:8px;width:min(1140px,100% - 42px);margin:13px auto -8px;padding:9px 12px;font-size:8px;display:flex}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:7px;font-weight:700}.page{width:min(1180px,100%);margin:auto;padding:47px clamp(24px,5vw,68px) 80px}.page-head{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.page-head h1,.collect-copy h1{letter-spacing:-.07em;margin:11px 0 14px;font-size:clamp(42px,5vw,64px);line-height:.95}.page-head h1 em,.collect-copy h1 em,.collect-intro h1 em,.preview-content h2 em{font-family:Newsreader,Georgia,serif;font-weight:500}.page-head p,.collect-copy>p{max-width:550px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.metrics{grid-template-columns:repeat(3,1fr);gap:7px;min-width:320px;display:grid}.metrics article{border:1px solid var(--line);background:var(--card);border-radius:13px;align-content:space-between;min-height:92px;padding:14px;display:grid}.metrics span{color:#79736e;font-size:7px}.metrics strong{letter-spacing:-.06em;font-size:24px}.inbox-tools{justify-content:space-between;align-items:center;gap:15px;margin:33px 0 12px;display:flex}.inbox-tools>div{border:1px solid var(--line);background:#e8e2d9;border-radius:10px;padding:4px;display:flex}.inbox-tools>div button{color:#77706b;text-transform:capitalize;background:0 0;border:0;border-radius:7px;gap:6px;padding:7px 10px;font-size:7px;font-weight:700;display:flex}.inbox-tools>div button.active{background:var(--card);color:var(--ink);box-shadow:0 3px 9px #2b221c0f}.inbox-tools>div button span{background:#ded8cf;border-radius:99px;padding:1px 5px;font-size:6px}.inbox-tools>button{color:#77716c;background:0 0;border:0;font-size:7px;font-weight:700}.inbox-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:12px;display:grid}.testimonial-list{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.testimonial-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;width:100%;padding:15px;display:grid}.testimonial-list>button:last-child{border:0}.testimonial-list>button.selected,.testimonial-list>button:hover{background:#f2ece3}.avatar{background:#e9b797;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid}.testimonial-list>button:nth-child(2n) .avatar{background:#b9dace}.testimonial-list>button>div{gap:3px;min-width:0;display:grid}.testimonial-list>button>div>span{color:#827a74;text-transform:uppercase;font-size:6px}.status-dot{background:#aaa;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.status-dot.pending{background:#dfa249}.status-dot.approved{background:#54a17e}.status-dot.hidden{background:#999}.testimonial-list strong{font-size:10px}.testimonial-list p{color:#77706b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.testimonial-list time{color:#908985;font-size:7px}.review{border:1px solid var(--line);background:var(--card);min-height:420px;box-shadow:var(--shadow);border-radius:17px;padding:21px;position:sticky;top:15px}.review-head{align-items:center;gap:10px;display:flex}.avatar.large{width:48px;height:48px;font-size:12px}.review-head h2{margin:4px 0 1px;font-size:16px}.review-head p{color:#817a75;margin:0;font-size:7px}.review-rating{color:#e5954f;align-items:center;gap:2px;margin-top:21px;font-size:12px;display:flex}.review-rating span{color:#7c756f;margin-left:5px;font-size:7px}.review blockquote{margin:13px 0;padding:0;font-family:Newsreader,Georgia,serif;font-size:21px;line-height:1.4}.consent-proof{background:#e6eee6;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.consent-proof>span{color:#fff;background:#6da285;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.consent-proof div{gap:2px;display:grid}.consent-proof strong{font-size:8px}.consent-proof small{color:#738078;font-size:7px}.moderation-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px;display:grid}.moderation-actions button{border:1px solid var(--line);background:0 0;border-radius:8px;min-height:36px;font-size:7px;font-weight:700}.moderation-actions button:first-child{border-color:var(--ink);background:var(--ink);color:#fff}.moderation-actions button.active{background:#f3e4a8}.review .delete{color:#a25b51;background:0 0;border:0;margin-top:14px;padding:0;font-size:7px;font-weight:700}.review-empty{text-align:center;place-content:center;justify-items:center;min-height:350px;display:grid}.review-empty>span{font-size:35px}.review-empty h2{margin:10px 0 3px}.review-empty p{color:#7b7470;max-width:190px;font-size:8px}.wall-page{grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.wall-controls{border-right:1px solid var(--line);background:#ebe6dd;padding:27px}.wall-controls h1{letter-spacing:-.055em;margin:7px 0 22px;font-size:29px}.wall-controls>label:not(.switch){color:#746d68;gap:6px;font-size:7px;font-weight:700;display:grid}.wall-controls textarea{border:1px solid var(--line);background:var(--card);resize:vertical;border-radius:9px;min-height:69px;padding:10px;font-size:10px}.wall-controls fieldset{border:0;margin:19px 0 0;padding:0}.wall-controls legend{color:#746d68;margin-bottom:7px;font-size:7px;font-weight:700}.wall-controls fieldset>div{gap:6px;display:flex}.wall-controls fieldset:not(:has(.colors)) button{border:1px solid var(--line);color:#746d68;text-transform:capitalize;background:0 0;border-radius:8px;flex:1;justify-items:center;gap:3px;padding:8px;font-size:7px;display:grid}.wall-controls fieldset button.active{border-color:var(--ink);background:var(--card);color:var(--ink)}.wall-controls fieldset button span{font-size:13px}.colors button{width:25px;height:25px;box-shadow:0 0 0 1px var(--line);border:3px solid #ebe6dd;border-radius:50%}.colors button.active{box-shadow:0 0 0 2px var(--ink)}.switch{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.switch>span{gap:2px;display:grid}.switch strong{font-size:8px}.switch small{color:#7e7772;font-size:7px}.switch input{width:30px;height:17px;accent-color:var(--ink)}.embed-code{color:#fff;background:#211f1d;border-radius:11px;gap:6px;margin-top:20px;padding:13px;display:grid}.embed-code>span{color:#8f8984;font-size:7px}.embed-code code{color:#c6c1bd;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:6px;overflow:hidden}.embed-code button,.embed-code a{background:var(--orange);min-height:31px;color:var(--ink);border:0;border-radius:7px;justify-content:center;align-items:center;font-size:7px;font-weight:700;text-decoration:none;display:inline-flex}.embed-code a{color:#fff;background:#ffffff14}.wall-preview{background:#dcdedc;padding:28px}.browser-frame{background:#fff;border:1px solid #0000001f;border-radius:16px;max-width:960px;margin:auto;overflow:hidden;box-shadow:0 25px 60px #1e23202b}.browser-frame>div,.mini-browser{background:#efefed;align-items:center;gap:5px;min-height:36px;padding:0 12px;display:flex}.browser-frame>div i,.mini-browser i{background:#ccc;border-radius:50%;width:7px;height:7px}.browser-frame>div i:first-child,.mini-browser i:first-child{background:#f08b78}.browser-frame>div i:nth-child(2),.mini-browser i:nth-child(2){background:#e5c462}.browser-frame>div i:nth-child(3),.mini-browser i:nth-child(3){background:#78bb91}.browser-frame>div span,.mini-browser span{color:#888;margin-left:7px;font-family:DM Mono,monospace;font-size:6px}.mini-wall{--wall-accent:#f2a36f;--wall-columns:2;background:#faf7f1;padding:7%}.mini-wall>header{text-align:center}.mini-wall>header>span{color:#7f7871;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px}.mini-wall>header h2{letter-spacing:-.06em;max-width:570px;margin:8px auto 31px;font-size:clamp(27px,4vw,48px);line-height:1}.mini-wall>div{grid-template-columns:repeat(var(--wall-columns),minmax(0,1fr));gap:9px;display:grid}.mini-marquee>div{display:flex;overflow:hidden}.mini-marquee article{min-width:290px}.mini-list>div{grid-template-columns:1fr}.mini-wall article{background:#fff;border:1px solid #201e1c1f;border-radius:13px;padding:18px}.mini-wall article.featured{border-color:var(--wall-accent);box-shadow:inset 4px 0 var(--wall-accent)}.stars{color:#e59050;letter-spacing:1px;font-size:9px}.mini-wall blockquote{margin:11px 0 18px;font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.45}.mini-wall footer{align-items:center;gap:8px;display:flex}.mini-wall footer>span{background:var(--wall-accent);border-radius:50%;place-items:center;width:30px;height:30px;font-size:8px;font-weight:700;display:grid}.mini-wall footer div{gap:2px;display:grid}.mini-wall footer strong{font-size:8px}.mini-wall footer small{color:#7a746e;font-size:6px}.collect-settings{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);align-items:center;gap:48px;display:grid}.link-card{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:27px;padding:17px}.link-card>span{color:#827b75;font-family:DM Mono,monospace;font-size:7px}.link-card code{text-overflow:ellipsis;white-space:nowrap;margin:8px 0 13px;font-family:DM Mono,monospace;font-size:8px;display:block;overflow:hidden}.link-card>div{gap:7px;display:flex}.link-card button,.link-card a{border:1px solid var(--line);min-height:34px;color:inherit;background:0 0;border-radius:8px;align-items:center;padding:0 11px;font-size:7px;font-weight:700;text-decoration:none;display:inline-flex}.link-card button{background:var(--ink);color:#fff}.firebase-note{background:#e4eee8;border-radius:13px;gap:10px;margin-top:13px;padding:15px;display:flex}.firebase-note>span{background:var(--green);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.firebase-note strong{font-size:8px}.firebase-note p{color:#6c7b73;margin:4px 0 0;font-size:7px;line-height:1.5}.form-preview{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.preview-content{padding:29px}.preview-content h2{letter-spacing:-.06em;margin:8px 0 20px;font-size:35px;line-height:.97}.preview-content label{color:#716a65;gap:5px;margin-top:11px;font-size:7px;font-weight:700;display:grid}.preview-content input,.preview-content textarea{border:1px solid var(--line);color:#8b837d;background:#f6efe6;border-radius:8px;width:100%;padding:10px;font-size:8px}.preview-content textarea{min-height:80px}.preview-stars{color:#e4944f;margin:14px 0}.preview-content>button{background:var(--ink);color:#fff;border:0;border-radius:9px;width:100%;min-height:39px;font-size:8px;font-weight:700}.mobile-nav{display:none}.public-page{background:radial-gradient(circle at 15% 10%,#9dd8c840,#0000 25rem),#f3eee5;min-height:100vh;padding:25px}.public-brand{width:max-content;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.public-brand>span{background:var(--orange);border-radius:50% 50% 8px;place-items:center;width:34px;height:34px;font-family:DM Mono,monospace;font-size:7px;display:grid}.public-brand strong{font-size:13px}.collect-card{border:1px solid var(--line);background:var(--card);width:min(960px,100%);box-shadow:var(--shadow);border-radius:26px;grid-template-columns:.9fr 1.1fr;gap:50px;margin:55px auto 25px;padding:clamp(28px,5vw,58px);display:grid}.collect-intro h1{letter-spacing:-.07em;margin:12px 0 17px;font-size:clamp(40px,5vw,62px);line-height:.95}.collect-intro>p{color:#716b66;font-size:11px;line-height:1.7}.trust-line{align-items:center;gap:8px;margin-top:28px;display:flex}.trust-line>span{background:var(--green);border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.trust-line p{color:#74706b;margin:0;font-size:7px}.collect-card form>label,.collect-card .form-row label{color:#6f6864;gap:6px;margin-bottom:12px;font-size:7px;font-weight:700;display:grid;position:relative}.form-row{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.collect-card input,.collect-card textarea{border:1px solid var(--line);background:#f8f2e9;border-radius:9px;outline:0;width:100%;min-height:42px;padding:0 11px;font-size:9px}.collect-card textarea{resize:vertical;min-height:130px;padding:11px;line-height:1.55}.collect-card label>small{color:#99918b;font-size:6px;position:absolute;bottom:6px;right:7px}.rating{border:0;margin:5px 0 13px;padding:0}.rating legend{color:#6f6864;margin-bottom:5px;font-size:7px;font-weight:700}.rating button{color:#d7cec7;background:0 0;border:0;padding:1px;font-size:20px}.rating button.active{color:#e59550}.honeypot{left:-10000px;position:absolute!important}.consent{align-items:flex-start;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.consent input{accent-color:var(--ink);width:15px!important;min-height:15px!important}.consent span{font-size:7px;font-weight:500;line-height:1.45}.form-error{color:#914f45;background:#f3dfda;border-radius:8px;margin-bottom:10px;padding:9px;font-size:7px}.public-submit{background:var(--ink);color:#fff;border:0;border-radius:10px;width:100%;min-height:43px;font-size:8px;font-weight:700}.public-submit:disabled{opacity:.6}.public-foot{text-align:center;color:#8a837e;font-size:7px}.success-card{text-align:center;place-content:center;justify-items:center;display:grid}.success-card>span{background:var(--green);border-radius:50%;place-items:center;width:54px;height:54px;font-size:18px;display:grid}.success-card h2{margin:16px 0 6px}.success-card p{color:#746e69;max-width:270px;font-size:9px;line-height:1.6}.success-card button{border:1px solid var(--line);background:0 0;border-radius:8px;min-height:36px;margin-top:9px;padding:0 13px;font-size:7px;font-weight:700}.embed-page{--wall-accent:#f2a36f;background:#faf7f1;min-height:100vh;padding:6%}.embed-page>header{text-align:center}.embed-page>header>span{color:#7f7871;text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.embed-page>header h1{letter-spacing:-.07em;max-width:760px;margin:10px auto 45px;font-size:clamp(38px,6vw,70px);line-height:.95}.embed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1100px;margin:auto;display:grid}.layout-list .embed-grid{grid-template-columns:1fr;max-width:760px}.layout-marquee .embed-grid{display:flex;overflow-x:auto}.layout-marquee .embed-grid article{min-width:340px}.embed-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:28px}.embed-grid article.featured{border-color:var(--wall-accent);box-shadow:inset 5px 0 var(--wall-accent)}.embed-grid blockquote{margin:14px 0 25px;font-family:Newsreader,Georgia,serif;font-size:23px;line-height:1.45}.embed-grid footer{align-items:center;gap:9px;display:flex}.embed-grid footer>span{background:var(--wall-accent);border-radius:50%;place-items:center;width:38px;height:38px;font-size:9px;font-weight:700;display:grid}.embed-grid footer div{gap:2px;display:grid}.embed-grid footer strong{font-size:9px}.embed-grid footer small{color:#7d766f;font-size:7px}.embed-page>a{color:#817a74;width:max-content;margin:28px auto 0;font-size:7px;text-decoration:none;display:block}@media (max-width:1000px){.sidebar{width:200px}main:not(.public-page):not(.embed-page){margin-left:200px}.inbox-layout{grid-template-columns:1fr}.review{position:static}.wall-page{grid-template-columns:280px 1fr}.collect-settings{gap:25px}.collect-card{gap:30px}}@media (max-width:720px){body{padding-bottom:74px}.sidebar{display:none}main:not(.public-page):not(.embed-page){margin-left:0}.topbar{min-height:66px;padding:12px 15px}.topbar .eyebrow,.topbar a{display:none}.page{padding:28px 15px 43px}.notice{width:calc(100% - 24px)}.page-head{flex-direction:column;align-items:flex-start}.page-head h1,.collect-copy h1{font-size:41px}.metrics{width:100%;min-width:0}.inbox-tools{flex-direction:column;align-items:flex-start}.inbox-tools>div{width:100%;overflow-x:auto}.inbox-tools>div button{flex:1}.inbox-layout{grid-template-columns:1fr}.testimonial-list>button{padding:12px}.review{min-height:0}.review blockquote{font-size:18px}.wall-page{display:block}.wall-controls{border-right:0;border-bottom:1px solid var(--line)}.wall-preview{padding:12px}.mini-wall{padding:7% 5%}.mini-wall>div{grid-template-columns:1fr}.collect-settings{grid-template-columns:1fr;gap:22px}.mobile-nav{z-index:20;background:#201e1cf7;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;bottom:9px;left:12px;right:12px;box-shadow:0 17px 36px #201e1c3d}.mobile-nav button{color:#a9a19c;background:0 0;border:0;border-radius:11px;justify-items:center;gap:2px;padding:8px;font-size:8px;display:grid}.mobile-nav span{font-size:14px}.mobile-nav button.active{color:#fff;background:#ffffff1a}.public-page{padding:16px}.collect-card{grid-template-columns:1fr;margin-top:32px;padding:27px 20px}.collect-intro h1{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}.embed-page{padding:10% 4%}.embed-grid{grid-template-columns:1fr}.embed-page>header h1{font-size:43px}.embed-grid blockquote{font-size:19px}}
