/* Dark mode for the Roomy marketing rewrite. The bright sticker colours stay
   intact while the paper, ink, cards, and supporting surfaces invert. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:7px 0}.theme-icon{display:grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;font-size:15px}.theme-label{white-space:nowrap}
body.dark{background:#171717;color:#fff7e6}body.dark .brand,body.dark .site-nav a,body.dark .text-link,body.dark .theme-toggle{color:#fff7e6}body.dark .brand-mark{border-color:#fff7e6;box-shadow:3px 3px 0 #ff6fb2}body.dark .button,body.dark .feature-card,body.dark .download-section,body.dark .big-blob,body.dark .phone-shell,body.dark .art-sticker{border-color:#fff7e6;box-shadow:4px 4px 0 #000}body.dark .button-dark{background:#fff7e6;color:#171717;border-color:#fff7e6}body.dark .text-link{border-color:#fff7e6}body.dark .hero-lede,body.dark .section-intro p,body.dark .step p,body.dark .download-section p{color:#c7c1b3}body.dark .ticker{border-color:#fff7e6}body.dark .phone-shell{background:#fff7e6;box-shadow:12px 13px 0 #ff6fb2}body.dark .phone-screen{background:#242424}body.dark .phone-notch{background:#fff7e6}body.dark .room-card,body.dark .phone-input{border-color:#fff7e6}body.dark .phone-input{color:#aaa397}body.dark .room-card{background:#403a2d}body.dark .live-dot,body.dark .chat-shapes span,body.dark .memory{background:#302e2a;border-color:#fff7e6}body.dark .feature-card{box-shadow:5px 6px 0 #000}body.dark .how-section{border-color:#fff7e6}body.dark .step{border-color:#fff7e6}body.dark .download-section{background:#242424;box-shadow:8px 9px 0 #000}body.dark .site-footer{border-color:#fff7e6}body.dark .grain{opacity:.09}
@media(max-width:760px){.theme-toggle{justify-content:center;padding:10px;border:2px solid currentColor;border-radius:10px}}
.site-footer .brand-mark{width:34px;height:34px;border-radius:10px;font-size:27px;box-shadow:3px 3px 0 #1a1a1a}
body.dark .site-footer .brand-mark{box-shadow:3px 3px 0 #ff6fb2}