@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#19151d;background:#fcf7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.mark{display:inline-grid;place-items:center;color:#fcf7f1;background:#e24f72;border-radius:50% 50% 48% 48%;width:34px;height:34px;font-size:18px;transform:rotate(-5deg);box-shadow:0 4px 12px #e24f724d}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.14em;color:#8b7276;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(38px,5.5vw,67px)/.98 "Playfair Display",serif;letter-spacing:-.045em}h1 em{color:#e24f72}h2{font:600 27px/1.1 Playfair Display,serif;letter-spacing:-.025em}h3{margin-bottom:6px;font-size:16px}p{color:#70656b;line-height:1.55}.primary,.secondary{border:0;border-radius:13px;padding:13px 16px;font-weight:700;transition:transform .16s,box-shadow .16s}.primary:hover,.secondary:hover{transform:translateY(-1px)}.primary{color:#fff;background:#e24f72;box-shadow:0 7px 17px #e24f7240}.primary span{margin-left:10px}.secondary{margin-top:10px;color:#412f3a;background:#f2d6df}.wide{width:100%}.text-button{color:#926278;border:0;background:none;padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px}.form-error{color:#c33150;background:#fff0f3;padding:9px 11px;border-radius:9px;font-size:13px}.loading{min-height:100vh;display:grid;place-items:center}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);background:radial-gradient(circle at 20% 35%,#f5d4cc 0,transparent 27%),#fcf7f1}.landing-copy{max-width:610px;align-self:center;justify-self:end;padding:64px 11vw 64px 40px}.landing-copy .mark{margin-bottom:48px}.landing-copy p:last-child{max-width:410px;font-size:17px}.auth-card{align-self:center;width:min(100% - 48px,420px);margin:50px auto;padding:38px;background:#fffdf9;border:1px solid #eddfd5;box-shadow:0 20px 70px #57413c12;border-radius:24px}.auth-card>p{margin-bottom:24px;font-size:14px}.auth-card form{display:grid;gap:14px}.auth-card label,.join label{color:#634c57;font-size:13px;font-weight:600}.auth-card input,.setup input,.setup select{width:100%;display:block;margin-top:6px;padding:12px;background:#fdf8f4;border:1px solid #e9ddd5;border-radius:10px;outline-color:#e24f72}.google{display:block;text-align:center;color:#312633;background:#f3ede7;padding:12px;border-radius:12px;margin:20px 0 10px;font-weight:600;text-decoration:none;font-size:14px}.mobile-logo{display:none}.app-shell{max-width:1150px;margin:auto;padding:20px 38px 80px}header{height:55px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:#27202a;text-decoration:none;font:600 21px Playfair Display,serif}.brand .mark{width:27px;height:27px;font-size:14px}.presence{margin-left:auto;margin-right:15px;color:#74656b;font-size:13px}.online,.offline{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#73bc91;box-shadow:0 0 0 3px #73bc9126}.offline{background:#d1c7bf;box-shadow:none}.avatar{border:0;width:32px;height:32px;border-radius:50%;color:#fff;background:#443543;font-weight:700}.app-intro{margin:75px 0 30px}.app-intro h1{max-width:750px;margin-bottom:0}.composer{display:grid;grid-template-columns:370px 1fr;grid-template-areas:"canvas controls" "canvas send";gap:18px 48px;align-items:center;padding:30px;background:#fffdf9;border:1px solid #eddfd5;border-radius:28px;box-shadow:0 16px 42px #72514d0b}.canvas-frame{grid-area:canvas;width:320px;aspect-ratio:3/4;padding:11px;background:#221d23;border-radius:25px;transform:rotate(-1.1deg);box-shadow:0 16px 22px #2119252b}.canvas-frame canvas{width:100%;height:100%;display:block;background:#fff9f2;border-radius:16px;touch-action:none}.tool-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.colors{align-self:end}.swatch{width:28px;height:28px;padding:0;border:3px solid #fff;outline:1px solid transparent;border-radius:50%}.swatch.selected{outline-color:#e24f72}.size{display:flex;align-items:center;margin-left:9px;padding:5px 10px;background:#f7eee8;border-radius:16px;color:#715363}.size input{width:105px;accent-color:#e24f72}.tool{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;color:#725663;background:#f7eee8;border:0;border-radius:9px;font-size:13px}.upload input{display:none}.sticker{border:0;background:#fbf5ef;border-radius:9px;padding:5px;min-width:32px;height:32px;font-size:18px}.danger{margin-left:auto}.send{grid-area:send;justify-self:start;min-width:220px}.toast{grid-column:2;color:#b43e5b;margin:-6px 0 0;font-size:13px}.setup{margin-top:66px;padding-top:12px}.setup>p{max-width:560px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setup article{padding:25px;background:#f5ece5;border-radius:20px}.setup article p{font-size:14px;min-height:44px}.inline{display:flex;gap:8px}.inline input{margin:0;text-transform:uppercase;letter-spacing:.12em}.device{margin-top:14px;display:grid;grid-template-columns:12px 1fr;align-items:center;gap:4px 8px;background:#fffaf5;border-radius:10px;padding:8px}.device input{margin:0;padding:3px;border:0;background:transparent;font-weight:600}.device small{grid-column:2;color:#9d8d86;font:10px DM Mono,monospace}.invite{margin-top:14px;padding:14px;color:#bd3d5c;text-align:center;background:#fff6f7;border:1px dashed #e599ac;border-radius:12px;font:600 28px DM Mono,monospace;letter-spacing:.13em}.invite small{display:block;color:#9c7680;margin-top:5px;font:10px DM Sans,sans-serif;letter-spacing:0}.join{margin-top:22px;border-top:1px solid #e3d6cc;padding-top:16px}.join .text-button{margin-top:5px}@media(max-width:720px){.auth-shell{display:block}.landing-copy{display:none}.auth-card{width:calc(100% - 32px);margin:20px auto;min-height:calc(100vh - 40px);padding:32px 23px;box-shadow:none}.mobile-logo{display:flex;align-items:center;gap:8px;margin-bottom:62px;font:600 21px Playfair Display,serif}.app-shell{padding:13px 16px 45px}.app-intro{margin:43px 2px 24px}.app-intro h1{font-size:38px}.composer{display:flex;flex-direction:column;padding:18px 14px 20px;gap:16px;border-radius:21px}.canvas-frame{width:min(100%,300px)}.tool-row{width:100%;justify-content:center}.colors{justify-content:flex-start}.size{margin-left:auto}.sticker{min-width:28px;height:30px;font-size:16px}.tool-row .sticker:nth-of-type(n+8){display:none}.danger{margin-left:0}.send{width:100%}.toast{margin:-11px 0 0}.setup{margin-top:46px}.setup-grid{grid-template-columns:1fr}.setup article{padding:20px}.presence{font-size:12px}.brand{font-size:19px}}