:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242820;--muted:#7d8771;--paper:#f8f9f2;--line:#e1e6d6;--lime:#d0f578;--lilac:#c9bbef;--peach:#f5c3ad;--blue:#b8d4e3;--green:#d6e7b9;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{flex-shrink:0}p{margin:0;line-height:1.7}h1,h2,h3,h4{letter-spacing:-.04em;margin:0;font-weight:700}a,button,input,textarea,select,summary{outline-offset:4px}:focus-visible{outline:2px solid #748e43}::selection{background:var(--lime)}html{scroll-behavior:smooth}label{gap:9px;font-size:13px;font-weight:600;display:grid}input,textarea,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #dce2d1;border-radius:9px;padding:13px}input::placeholder,textarea::placeholder{color:#9da58f}textarea{resize:vertical}button,.button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.brand{letter-spacing:-1.5px;white-space:nowrap;align-items:center;gap:9px;font-size:27px;font-weight:800;display:inline-flex}.brand>svg{width:38px;height:38px}.brand-stacked{letter-spacing:3px;flex-direction:column;gap:5px;font-size:17px}.brand-stacked>svg{width:92px;height:78px}.brand-light{color:var(--paper)}.eyebrow{letter-spacing:1.5px;align-items:center;gap:8px;font-size:9px;font-weight:700;line-height:1.7;display:flex}.status-dot{background:#758f46;border-radius:50%;width:6px;height:6px}.button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:14px 21px;font-size:12px;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#454f38}.button-lime{background:var(--lime)}.button-light{border:1px solid var(--line);background:#fff}.button-link{padding-inline:0}.full{width:100%}.icon-button{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#e7eddb}.text-button{align-items:center;gap:8px;padding:7px 0;font-size:11px;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.peach,.avatar-0{background:var(--peach)}.lilac,.avatar-1{background:var(--lilac)}.green,.avatar-2{background:var(--green)}.blue,.avatar-3{background:var(--blue)}.avatar-4{background:#eddda4}.form-hint{color:var(--muted);margin:10px 0;font-size:11px}.form-error{color:#a43b30;background:#fff0ec;border:1px solid #e9c2b7;border-radius:9px;margin:15px 0;padding:12px;font-size:12px}.danger{color:#a64c3c}.landing{overflow:hidden}.landing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1380px;height:94px;margin:auto;padding:0 5%;display:flex}.landing-nav nav{color:#6c7660;gap:32px;font-size:12px;display:flex}.nav-login{border:1px solid #cbd4bf;border-radius:8px;align-items:center;gap:25px;padding:11px 15px;font-size:12px;font-weight:700;display:flex}.hero{grid-template-columns:1.02fr 1fr;align-items:center;gap:42px;max-width:1380px;min-height:650px;margin:auto;padding:70px 5% 85px;display:grid}.hero h1{letter-spacing:-4.5px;margin:26px 0 29px;font-size:clamp(54px,5.8vw,82px);line-height:1.07}.underlined{white-space:nowrap;position:relative}.underlined svg{fill:none;stroke:#9ab661;stroke-width:3px;stroke-linecap:round;z-index:-1;width:100%;height:17px;position:absolute;bottom:-13px;left:0}.hero-description{color:#738065;font-size:16px;line-height:1.75}.hero-actions{align-items:center;gap:23px;margin-top:30px;display:flex}.hero-small{color:#879575;align-items:center;gap:10px;margin-top:24px;font-size:10px;display:flex}.tiny-spark{font-size:22px}.word-ribbon{white-space:nowrap;letter-spacing:1.8px;background:#eaf0dd;border-block:1px solid #d5dfc5;justify-content:center;align-items:center;gap:48px;padding:22px 30px;font-size:10px;font-weight:700;display:flex}.word-ribbon svg{width:25px;height:23px}.spaces-section,.how-section,.questions{max-width:1380px;margin:auto;padding:90px 5%}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.section-heading h2,.how-copy h2,.questions h2{letter-spacing:-2px;margin-top:15px;font-size:45px;line-height:1.13}.section-heading>p{color:var(--muted);padding-bottom:6px;font-size:13px}.template-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.template-card{border-radius:15px;padding:24px 22px;transition:transform .25s}.template-card:hover{transform:translateY(-7px)}.template-card-top{letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.template-card-top>svg{transform:rotate(-40deg)}.template-visual{justify-content:center;align-items:center;height:160px;display:flex;position:relative}.template-visual>svg{stroke-width:1.25px;transform:rotate(-10deg)}.template-doodle{font:italic 21px Georgia,serif;position:absolute;bottom:21px;right:0;transform:rotate(-12deg)}.template-card h3{margin:8px 0 12px;font-size:23px}.template-card p{opacity:.78;min-height:64px;font-size:12px}.card-link{border-top:1px solid #22232125;justify-content:space-between;margin-top:17px;padding-top:22px;font-size:10px;font-weight:700;display:flex}.more-templates{color:var(--muted);justify-content:center;gap:14px;margin-top:29px;font-size:11px;display:flex}.more-templates a{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.how-section{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:20px;padding-bottom:105px;display:grid}.how-art{aspect-ratio:1;background:#e9edde;border:1px solid #dce2cc;border-radius:50%;place-items:center;width:100%;max-width:470px;margin:auto;display:grid;position:relative}.big-mark{background:var(--lime);border:1px solid #abc967;border-radius:35%;place-items:center;width:210px;height:210px;display:grid;transform:rotate(-12deg);box-shadow:14px 18px #cad4b6}.big-mark svg{width:135px;height:135px}.bubble{z-index:1;white-space:nowrap;border:1px solid #34382b;border-radius:15px;padding:16px 23px;font-size:16px;font-weight:600;position:absolute;box-shadow:3px 4px #34382b}.bubble-one{background:#fffdf7;top:45px;left:0;transform:rotate(-8deg)}.bubble-two{background:var(--lilac);top:128px;right:-15px;transform:rotate(7deg)}.bubble-three{background:var(--peach);bottom:62px;left:12px;transform:rotate(-6deg)}.bubble span{margin-left:15px}.how-scribble{font:italic 18px Georgia,serif;position:absolute;bottom:20px;right:20px;transform:rotate(-7deg)}.how-copy ol{gap:25px;margin:26px 0 0;padding:0;list-style:none;display:grid}.how-copy li{align-items:flex-start;gap:18px;display:flex}.how-copy li>span{border:1px solid #c4cbbb;border-radius:50%;padding:9px;font-size:10px;line-height:1}.how-copy h3{letter-spacing:-.3px;margin-bottom:5px;font-size:16px}.how-copy p{color:var(--muted);max-width:340px;font-size:12px}.manifesto{color:#f5f7ed;text-align:center;background:#282e23;padding:65px 5%;position:relative;overflow:hidden}.manifesto>.brand-stacked{color:var(--lime);margin-bottom:27px}.manifesto>.eyebrow{justify-content:center}.manifesto h2{letter-spacing:-2px;margin:20px auto 24px;font-size:49px;line-height:1.2}.manifesto h2 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.manifesto p{color:#b9c1ac;margin:0 0 28px;font-size:12px}.manifesto-star{color:#d0f57815;pointer-events:none;font-size:140px;position:absolute;top:35px;right:5%;transform:rotate(13deg)}.questions{grid-template-columns:1fr 1.15fr;gap:70px;display:grid}.questions h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary>svg{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 30px 20px 0;font-size:12px}.landing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1380px;margin:auto;padding:35px 5%;display:flex}.landing-footer p{color:var(--muted);margin-top:8px;font-size:10px}.landing-footer>span{letter-spacing:1.3px;color:var(--muted);font-size:8px}.landing-footer>a{align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.space-art{isolation:isolate;min-width:0;padding:65px 0 100px;position:relative}.art-window{z-index:2;background:#fffef9;border:1px solid #353c2d;border-radius:15px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:9px 12px #d9dfca,10px 13px #353c2d}.art-window-top{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:53px;padding:0 17px;display:flex}.art-mini-mark{place-items:center;width:24px;height:24px;display:grid}.art-mini-mark svg{width:23px;height:23px}.art-window-top strong{font-size:12px}.art-private{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:8px;display:flex}.window-dots{letter-spacing:2px;margin-left:7px;font-size:17px}.art-video-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px;display:grid}.portrait{isolation:isolate;background:#d8dcba;border-radius:8px;height:155px;position:relative;overflow:hidden}.portrait-2{background:#e8bd9d}.portrait-3{background:#b9cad5}.face{z-index:2;background:#b67450;border-radius:45% 45% 48% 48%;width:49px;height:67px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.face:after{content:"";border-bottom:2px solid #602d20;border-radius:50%;width:12px;height:5px;position:absolute;bottom:13px;left:19px}.face i{background:#33261e;border-radius:50%;width:3px;height:4px;position:absolute;top:27px;left:13px}.face i+i{left:32px}.hair{z-index:1;background:#252b21;border-radius:46% 48% 28% 22%;width:61px;height:63px;position:absolute;top:16px;left:50%;transform:translate(-50%)rotate(-9deg)}.hair:after{content:"";background:inherit;z-index:3;border-radius:70%;width:42px;height:23px;position:absolute;top:0;left:0;transform:rotate(-10deg)}.shirt{background:#507359;border-radius:50% 50% 0 0;width:112px;height:100px;position:absolute;bottom:-27px;left:50%;transform:translate(-50%)}.shirt:before{content:"";background:#b67450;border-radius:0 0 8px 8px;width:17px;height:23px;position:absolute;top:-10px;left:48px}.portrait-2 .face{background:#e3a075}.portrait-2 .hair{background:#613b28;border-radius:47% 48% 18% 13%;width:70px;height:103px;top:19px}.portrait-2 .shirt{background:#504276}.portrait-2 .shirt:before{background:#e3a075}.portrait-3 .face{background:#d89b72}.portrait-3 .hair{background:#323231;border-radius:14px 24px 2px 2px;width:60px;height:42px;top:18px;transform:translate(-50%)rotate(8deg)}.portrait-3 .shirt{background:#e9d997}.portrait-3 .shirt:before{background:#d89b72}.portrait-name{z-index:4;color:#fff;background:#20291f70;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 7px;font-size:8px;display:flex;position:absolute;bottom:8px;left:7px;right:7px}.art-conversation{align-items:center;gap:9px;padding:7px 16px 14px;display:flex}.art-avatar{background:var(--lilac);border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.art-conversation strong{font-size:9px}.art-conversation small{color:#91958b;margin-left:5px;font-size:7px;font-weight:400}.art-conversation p{margin-top:3px;font-size:9px;line-height:1.5}.art-reaction{white-space:nowrap;background:#eff0e8;border-radius:20px;margin-left:auto;padding:5px;font-size:9px}.art-input{border:1px solid var(--line);color:#919789;border-radius:7px;justify-content:space-between;align-items:center;margin:0 14px 13px;padding:10px;font-size:9px;display:flex}.art-dock{border-top:1px solid var(--line);background:#f4f5ee;align-items:center;gap:7px;padding:10px 16px;display:flex}.art-dock>span:not(.dock-exit){border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:29px;height:26px;display:grid}.art-dock svg{width:13px}.dock-exit{color:var(--muted);margin-left:auto;font-size:8px}.art-sticker{letter-spacing:1px;z-index:3;background:var(--lime);border:1px solid #34382c;border-radius:7px;align-items:center;gap:10px;padding:12px 16px;font-size:10px;font-weight:700;display:flex;position:absolute;box-shadow:3px 3px #34382c}.sticker-top{top:30px;right:25px;transform:rotate(8deg)}.art-sticker>span{font-size:20px}.sticker-bottom{background:var(--lilac);z-index:4;padding:10px 12px;font-size:9px;bottom:62px;left:-25px;transform:rotate(-10deg)}.art-game-card{z-index:3;background:#fffef7;border:1px solid #34382c;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex;position:absolute;bottom:65px;right:-20px;transform:rotate(7deg);box-shadow:4px 5px #d0d8bf}.mini-board{border:1px solid #545b46;grid-template-rows:repeat(4,16px);grid-template-columns:repeat(4,16px);display:grid;transform:rotate(-5deg)}.mini-board i{background:#e1e8b9;place-items:center;font-size:20px;font-style:normal;line-height:16px;display:grid}.mini-board i:nth-child(8n+2),.mini-board i:nth-child(8n+4),.mini-board i:nth-child(8n+5),.mini-board i:nth-child(8n+7){background:#788858}.art-game-card>div+div{gap:6px;display:grid}.art-game-card strong{letter-spacing:-.5px;font-size:17px}.art-game-card small{color:var(--muted);font-size:7px}.art-game-card>div>span{letter-spacing:1px;font-size:7px}.game-arrow{align-self:flex-start;margin-left:8px;font-size:20px}.art-orbit{z-index:-1;border:1px solid #d8dfca;border-radius:50%;position:absolute;inset:10px -35px 60px;transform:rotate(-30deg)}.orbit-two{inset:50px -40px 10px;transform:rotate(25deg)}.art-footnote{text-align:center;color:#8b907f;font-size:8px;line-height:1.6;position:absolute;bottom:8px;left:0;right:0}.art-sticker,.art-game-card{animation:.8s both arrive}.art-game-card{animation-delay:.15s}@keyframes arrive{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}.auth-shell{background:#f2f3e9;min-height:100dvh}.auth-shell>header{justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:25px 5%;display:flex}.auth-shell>header>a:last-child{color:var(--muted);font-size:11px}.auth-grid{grid-template-columns:1fr 420px;align-items:center;gap:90px;max-width:1180px;margin:30px auto;padding:20px 45px 60px;display:grid}.auth-pitch h1{letter-spacing:-3px;margin-top:16px;font-size:56px;line-height:1.08}.auth-pitch .space-art{max-width:420px;padding-top:45px;padding-bottom:90px}.auth-pitch .sticker-top{top:12px}.auth-card{border:1px solid var(--line);background:#fffefa;border-radius:20px;padding:34px;box-shadow:0 20px 65px #36421f0a}.auth-card>.brand-stacked{width:max-content;margin:0 auto 25px;display:flex}.auth-card h2{margin:12px 0 8px;font-size:36px}.auth-card>p{color:var(--muted);font-size:12px}.segmented{background:#edeee5;border-radius:9px;grid-template-columns:1fr 1fr;margin:25px 0;padding:4px;display:grid}.segmented button{color:var(--muted);border-radius:6px;padding:10px 5px;font-size:11px}.segmented .selected{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000000d}.auth-card form,.settings-form{gap:20px;display:grid}.auth-note{color:#8d987d;align-items:flex-start;gap:8px;display:flex}.auth-note p{font-size:10px}.auth-foot{border-top:1px solid var(--line);text-align:center;color:#929e81;margin-top:30px;padding-top:25px;font-size:10px}.checkbox-label{align-items:flex-start;gap:8px;font-size:11px;font-weight:400;display:flex}.checkbox-label input{accent-color:#6d853d;width:14px;height:14px;margin:0}.app-loading{color:#748252;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100dvh;font-size:12px;display:flex}.app-loading svg{width:55px;height:55px;animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.35}}.connect-app{background:#fafbf7;grid-template-columns:72px 235px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.space-rail{background:#252b23;flex-direction:column;align-items:center;gap:11px;padding:20px 9px 12px;display:flex;overflow:auto}.rail-brand{color:var(--lime);margin-bottom:15px}.rail-brand svg{width:34px;height:34px}.rail-button,.rail-add,.rail-space{border-radius:14px;flex-shrink:0;place-items:center;width:44px;min-height:44px;display:grid;position:relative}.rail-button{color:#afb8a3}.rail-button:hover{background:#3a4234}.rail-button.active{color:var(--lime);background:#46513b}.rail-line{background:#424a3b;width:27px;height:1px;margin:2px 0 6px}.rail-space{color:#383e2e;font-size:12px;font-weight:700}.rail-space.active:before{content:"";background:var(--lime);border-radius:3px;width:3px;height:27px;position:absolute;top:9px;left:-9px}.rail-space i{background:#f98772;border:2px solid #252b23;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:-2px}.rail-add{color:#b7ca95;border:1px dashed #647055}.rail-bottom{margin-top:auto;padding-top:30px}.rail-self{padding:0}.avatar{color:#414633;border-radius:11px;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:inline-grid}.app-sidebar{border-right:1px solid var(--line);background:#f0f2e9;flex-direction:column;min-height:0;display:flex;overflow:auto}.sidebar-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:78px;padding:18px;display:flex}.sidebar-heading .brand{font-size:24px}.sidebar-heading .brand svg{width:30px;height:30px}.sidebar-heading>div:not(.space-symbol){flex:1;gap:6px;min-width:0;display:grid}.sidebar-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-heading div>span{color:#8a907f;align-items:center;gap:4px;font-size:9px;display:flex}.space-symbol,.template-symbol{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.sidebar-intro{padding:24px 18px 13px}.sidebar-intro .eyebrow{font-size:8px}.sidebar-intro p{color:#858b79;margin:7px 0 15px;font-size:11px}.invite-button{background:#e0e7d2;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:10px;font-weight:600;display:flex}.sidebar-label{letter-spacing:1.1px;color:#969e87;justify-content:space-between;align-items:center;padding:22px 18px 10px;font-size:8px;font-weight:700;display:flex}.sidebar-label .icon-button{width:20px;height:20px}.channel-list{gap:3px;padding:0 10px;display:grid}.channel-button{text-align:left;color:#747e67;border-radius:8px;align-items:center;gap:10px;min-width:0;min-height:38px;padding:10px 11px;font-size:11px;display:flex}.channel-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-button:hover,.sidebar-space:hover{background:#e8ecdf}.channel-button.selected{color:#354326;background:#dee6cc;font-weight:600}.channel-button b{color:#fff;background:#707e55;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:8px}.sidebar-space{text-align:left;align-items:center;gap:9px;padding:8px 18px;font-size:11px;display:flex}.sidebar-space>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-space>svg{color:#9ca38e;margin-left:auto}.mini-space{border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.sidebar-empty{color:#939b87;padding:10px 20px;font-size:10px}.join-link{color:#6e7c5d;align-items:center;gap:9px;margin:10px 16px;padding:10px 0;font-size:10px;display:flex}.sidebar-bottom{gap:4px;margin-top:auto;padding:30px 14px 17px;display:grid}.sidebar-note{background:#e6eadb;border:1px solid #dce2cf;border-radius:12px;padding:20px 17px}.sidebar-note svg{color:#79895c;width:33px;height:30px;margin-bottom:13px;display:block}.sidebar-note strong{font-size:11px}.sidebar-note p{color:#899479;margin-top:7px;font-size:10px}.self-bar{border-top:1px solid var(--line);background:#ecf0e2;align-items:center;gap:8px;min-height:71px;margin-top:auto;padding:15px 13px;display:flex}.self-bar>div{flex:1;gap:4px;min-width:0;display:grid}.self-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.self-bar div>span{color:#909a80;font-size:8px}.self-bar .icon-button{color:#879477}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex}.app-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;height:78px;min-height:78px;padding:0 33px;display:flex}.breadcrumb{align-items:center;gap:10px;min-width:0;font-size:10px;display:flex}.breadcrumb>span{color:#939a87}.breadcrumb>strong,.breadcrumb>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb>svg{color:#b5bba9}.topbar-right{align-items:center;gap:19px;display:flex}.topbar-right>.avatar{width:30px;height:30px}.preview-pill{letter-spacing:1px;color:#909b7d;white-space:nowrap;align-items:center;gap:6px;font-size:7px;display:flex}.preview-pill>span{background:#8da966;border-radius:50%;width:5px;height:5px}.mobile-menu{display:none}.page-scroll{scrollbar-width:thin;scrollbar-color:#d6ddc9 transparent;min-height:0;overflow-y:auto}.dashboard{padding:38px 34px 28px}.greeting{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.greeting .eyebrow{color:#91997e;font-size:8px}.greeting h1{letter-spacing:-1.3px;margin:10px 0 8px;font-size:31px}.greeting h1>span{color:#839957;vertical-align:middle;margin-left:5px;font-size:29px;display:inline-block}.greeting p{color:#8e9781;font-size:11px}.greeting .button{border-radius:8px;gap:9px;min-height:38px;padding:11px 15px;font-size:10px}.welcome-banner{background:#e6edda;border:1px solid #dce5cc;border-radius:15px;grid-template-columns:1.1fr 1fr;min-height:277px;padding:31px 32px;display:grid;position:relative;overflow:hidden}.welcome-banner .eyebrow{color:#788968;font-size:8px}.welcome-banner h2{letter-spacing:-1.3px;margin:13px 0;font-size:34px;line-height:1.13}.welcome-banner p{color:#849173;font-size:11px}.welcome-banner .button{border-radius:8px;min-height:38px;margin-top:17px;padding:11px 15px;font-size:10px}.welcome-graphic{place-items:center;min-height:200px;display:grid;position:relative}.wg-circle{background:var(--lime);border:1px solid #a8c474;border-radius:45px;place-items:center;width:145px;height:145px;display:grid;transform:rotate(-12deg);box-shadow:12px 12px #bdcca5}.wg-circle>svg{width:101px;height:101px}.wg-bubble{z-index:1;background:#fffef4;border:1px solid #4e5c3e;border-radius:9px;padding:13px 17px;font-size:14px;position:absolute;top:1px;right:1px;transform:rotate(7deg)}.wg-label{letter-spacing:1px;font-size:9px;font-weight:700;line-height:1.5;position:absolute;bottom:3px;left:7px;transform:rotate(-8deg)}.wg-star{color:#839957;font-size:49px;position:absolute;bottom:1px;right:0}.dashboard-heading{justify-content:space-between;align-items:center;gap:10px;margin:30px 0 16px;display:flex}.dashboard-heading h2{letter-spacing:-.4px;font-size:16px}.dashboard-heading h2>span{color:#7e8a6c;background:#e9ede1;border-radius:5px;margin-left:5px;padding:4px 7px;font-size:9px}.dashboard-heading>.text-button{font-size:10px}.dashboard-heading>span{letter-spacing:1.3px;color:#959e87;font-size:7px}.joined-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.joined-space{text-align:left;background:#fff;border:1px solid #e0e5d6;border-radius:12px;min-width:0;padding:0 0 16px;overflow:hidden}.joined-space:hover{transform:translateY(-2px);box-shadow:0 8px 18px #34421a0a}.joined-art{justify-content:center;align-items:center;height:102px;padding:16px;display:flex;position:relative;overflow:hidden}.joined-art>svg{opacity:.55;width:76px;height:68px;transform:rotate(-10deg)}.joined-art>span{letter-spacing:1px;opacity:.5;font-size:6px;position:absolute;top:12px;left:12px}.joined-space h3{text-overflow:ellipsis;white-space:nowrap;padding:16px 16px 5px;font-size:15px;overflow:hidden}.joined-space>p{color:#8d987c;padding:0 16px;font-size:9px}.joined-space>.button{min-height:35px;margin:15px 16px 0;padding:10px 12px;font-size:10px}.joined-foot{justify-content:space-between;align-items:center;gap:5px;margin:18px 16px 0;display:flex}.avatar-stack{padding-left:4px;display:flex}.avatar-stack>.avatar{border:2px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-4px;font-size:7px}.joined-foot>span{white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.create-tile{background:#f5f8ef;border:1px dashed #c4cfb5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:233px;padding:20px;display:flex}.create-tile:hover{background:#edf3e2}.create-tile>span{color:#869d67;background:#eaf0e0;border:1px solid #d8e2cb;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:6px;display:grid}.create-tile strong{font-size:11px}.create-tile p{color:#97a386;font-size:9px}.quick-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-templates>button{text-align:left;background:#fff;border:1px solid #e1e7d7;border-radius:10px;align-items:center;gap:11px;padding:14px;display:flex}.quick-templates>button:hover{border-color:#b2c393}.quick-templates>button>div{flex:1;gap:5px;display:grid}.quick-templates strong{font-size:11px}.quick-templates small{color:#909b7e;font-size:9px}.quick-templates>button>svg{color:#9aa78a}.local-data-note{color:#939f85;align-items:center;gap:7px;margin-top:25px;font-size:9px;display:flex}.room-layout{flex:1;min-width:0;min-height:0;display:flex}.chat-pane{background:#fffefa;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.room-heading{align-items:center;gap:13px;padding:23px 27px 16px;display:flex}.room-hash{color:#a4af93}.room-heading>div{min-width:0}.room-heading h1{font-size:20px}.room-heading p{color:#9aa38c;margin-top:5px;font-size:9px}.connection-badge{white-space:nowrap;color:#b9a252;align-items:center;gap:4px;margin-left:auto;font-size:8px;display:flex}.connection-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.connection-badge.connected{color:#91a375}.chat-search{color:#a9b49c;border:1px solid #e9ecdf;border-radius:7px;align-items:center;gap:7px;width:210px;margin:0 27px 13px;padding:7px 9px;display:flex}.chat-search input{background:0 0;border:0;padding:0;font-size:9px}.messages{scrollbar-width:thin;flex:1;min-height:0;padding:0 25px 15px;overflow:auto}.channel-welcome{padding:30px 0 25px}.channel-welcome>span{color:#93a376;background:#edf2e3;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:16px;display:grid}.channel-welcome h2{font-size:23px}.channel-welcome p{color:#97a386;margin-top:7px;font-size:11px}.chat-message{border-radius:7px;gap:10px;padding:12px 0;display:flex;position:relative}.chat-message:hover{background:#f5f7ef}.chat-message>.avatar{border-radius:10px;width:32px;height:32px;margin-top:2px}.message-content{flex:1;min-width:0}.message-content>header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-content strong{font-size:11px}.message-content time{color:#a7b29a;font-size:8px}.owner-label{color:#85956f;letter-spacing:.5px;background:#eaf0df;border-radius:3px;padding:3px 4px;font-size:6px}.message-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;font-size:12px}.message-content blockquote{color:#95a283;overflow-wrap:anywhere;border-left:2px solid #c8d6b5;margin:6px 0 0;padding:5px 9px;font-size:10px}.deleted p{color:#aab59b;font-style:italic}.message-actions{border:1px solid var(--line);opacity:0;background:#fff;border-radius:6px;display:flex;position:absolute;top:-7px;right:0}.chat-message:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button{padding:6px;display:flex}.composer{margin-top:auto;padding:12px 25px 16px}.composer-box{background:#f6f8f0;border:1px solid #dfe6d2;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.composer textarea{resize:none;background:0 0;border:0;min-height:27px;max-height:130px;padding:5px;font-size:11px;line-height:1.5}.composer button[type=submit]{color:#556b35;background:#d9e8bd;border-radius:8px;padding:8px;display:flex}.composer-hint{color:#a6b096;justify-content:space-between;margin-top:9px;font-size:7px;display:flex}.composer-hint kbd{font-family:inherit}.reply-line{color:#889971;background:#f0f5e6;border:1px solid #dfe6d2;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:8px 12px;font-size:9px;display:flex}.reply-line span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.reply-line button{display:flex}.members-panel{border-left:1px solid var(--line);background:#f8faf3;flex-direction:column;width:210px;padding:24px 17px;display:flex;overflow:auto}.members-heading{justify-content:space-between;align-items:center;display:flex}.members-heading h3{letter-spacing:0;font-size:11px}.members-heading>span{background:#e9f0dd;border-radius:4px;padding:3px 6px;font-size:8px}.members-label{letter-spacing:1px;color:#a5b192;margin:23px 0 13px;font-size:7px}.member-row{align-items:center;gap:9px;margin-bottom:16px;display:flex}.member-avatar{display:flex;position:relative}.member-avatar.online:after{content:"";background:#90a966;border:2px solid #f8faf3;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.member-row>div{gap:5px;min-width:0;display:grid}.member-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.member-row small{color:#9caa88;font-size:8px}.member-note{color:#93a579;margin-top:auto;padding-top:60px}.member-note>span{font-size:36px}.member-note h4{letter-spacing:0;color:#788b5f;margin:10px 0;font-size:11px}.member-note p{font-size:9px}.member-note button{align-items:center;gap:6px;padding:15px 0;font-size:8px;display:flex}.provider-empty{text-align:center;color:#83936c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:17px;min-height:280px;padding:50px 25px;display:flex}.provider-empty .template-symbol{color:#52673c;border-radius:24px;width:85px;height:85px}.provider-empty h2{color:#4c5c3c;font-size:24px}.provider-empty p{max-width:420px;font-size:12px}.pending-pill{letter-spacing:1px;border:1px solid #dae4cc;border-radius:7px;margin-top:10px;padding:8px 12px;font-size:8px}.app-alert{color:#a96852;background:#fff0e9;justify-content:space-between;align-items:center;padding:12px 25px;font-size:11px;display:flex}.app-alert button{display:flex}.activity-row{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:17px;width:100%;margin-bottom:10px;padding:20px;display:flex}.activity-row>div{flex:1}.activity-row strong{font-size:13px}.activity-row p{color:var(--muted);font-size:11px}.settings-page{width:100%;max-width:900px;padding:38px}.settings-page>.eyebrow{color:#8d9b78;font-size:9px}.settings-page>h1{margin:12px 0 20px;font-size:30px}.settings-page>p{color:#929e7d;font-size:12px}.settings-form{max-width:440px}.settings-form .button{justify-self:start}.settings-block{border-top:1px solid var(--line);margin:32px 0;padding-top:24px}.settings-block h2{margin-bottom:10px;font-size:19px}.settings-block>p{color:#889872;margin-bottom:20px;font-size:11px}.role-row{border-bottom:1px solid #e9edde;align-items:center;gap:12px;padding:13px 0;display:flex}.role-row strong{flex:1;font-size:12px}.role-row select{width:160px;padding:8px;font-size:11px}.channel-order{align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.channel-order button{border:1px solid var(--line);border-radius:5px;margin-left:auto;padding:5px 10px}.plan-card{background:#e8efdc;border:1px solid #dce5cb;border-radius:15px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin:25px 0;padding:27px;display:grid}.mini-pill{letter-spacing:1px;color:#7f9166;font-size:8px}.plan-card h2{margin:8px 0;font-size:36px}.plan-card p{color:#8a9b71;font-size:11px}.plan-card strong{font-size:12px}.plan-card progress{accent-color:#8ea965;width:100%;max-width:250px;height:6px;margin-top:17px}.usage-heading{justify-content:space-between;align-items:center;margin:32px 0 15px;display:flex}.usage-heading h2{font-size:18px}.usage-heading span{letter-spacing:1px;color:#9aa98a;font-size:7px}.usage-rows>div{border-bottom:1px solid #e5eadb;justify-content:space-between;gap:20px;padding:15px 0;font-size:11px;display:flex}.usage-rows strong{color:#7b8e65;text-align:right;font-size:10px;font-weight:400}.billing-info{color:#889975;border:1px solid #dce5ce;border-radius:13px;align-items:flex-start;gap:15px;margin-top:25px;padding:20px;display:flex}.billing-info h3{letter-spacing:0;color:#556944;font-size:13px}.billing-info p{margin:10px 0 18px;font-size:11px}.billing-info .button{font-size:11px}.dialog{color:var(--ink);background:#fffef9;border:1px solid #d8e0cc;border-radius:18px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);padding:30px;overflow:auto;box-shadow:0 30px 100px #14240c33}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#28332170}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.dialog-heading h2{letter-spacing:-1px;font-size:27px}.dialog>p,.dialog form>p{color:#929e80;margin:5px 0 22px;font-size:12px}.dialog form{gap:20px;display:grid}.dialog>label{margin:20px 0}.template-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.template-option{cursor:pointer;text-align:center;background:#fafbf6;border:1px solid #e3e9d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:17px 6px;font-size:10px;display:flex;position:relative}.template-option input{opacity:0;width:1px;height:1px;position:absolute}.template-option:has(input:focus-visible){outline:2px solid #7f9c54}.template-option.selected{background:#f1f6e6;border-color:#809951;box-shadow:0 0 0 1px #809951}.template-option.selected:after{content:"✓";color:#748b4c;font-size:9px;position:absolute;top:5px;right:7px}.toast{z-index:20;color:#e7f3d6;background:#283321;border:1px solid #6e8656;border-radius:10px;align-items:center;gap:9px;max-width:calc(100vw - 30px);padding:14px 19px;font-size:12px;animation:.2s arrive;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #12260a26}@media (max-width:1150px){.hero h1{letter-spacing:-3px;font-size:60px}.hero{gap:30px;padding-block:60px 75px}.art-game-card{right:-8px}.sticker-bottom{left:-15px}.portrait{height:132px}.how-section{gap:65px}.template-card{padding:20px 17px}.template-card h3{font-size:20px}.word-ribbon{gap:30px}.connect-app{grid-template-columns:62px 208px minmax(0,1fr)}.space-rail{padding-inline:8px}.rail-space,.rail-button,.rail-add{border-radius:12px;width:40px;min-height:40px}.dashboard{padding:30px 24px}.app-topbar{padding-inline:24px}.members-panel{width:170px;padding-inline:12px}.room-heading{padding-inline:20px}.room-heading p{display:none}.messages,.composer{padding-inline:20px}.joined-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-banner{padding:26px}.welcome-banner h2{font-size:29px}.greeting h1{font-size:27px}.auth-grid{grid-template-columns:1fr 390px;gap:60px}.auth-pitch h1{font-size:48px}}@media (max-width:900px){.landing-nav nav{gap:20px;font-size:10px}.hero{text-align:center;grid-template-columns:1fr;gap:30px;max-width:650px;padding:50px 35px 65px}.hero .eyebrow,.hero-actions,.hero-small{justify-content:center}.hero h1{font-size:70px}.hero .space-art{width:100%;max-width:490px;margin:auto}.template-cards{grid-template-columns:repeat(2,1fr)}.template-visual{height:140px}.spaces-section,.how-section,.questions{padding:65px 6%}.how-section{gap:45px}.how-copy h2{font-size:37px}.big-mark{width:150px;height:150px}.big-mark svg{width:100px;height:100px}.bubble{padding:11px 14px;font-size:11px}.bubble-one{top:10px}.bubble-two{top:90px}.bubble-three{bottom:40px}.how-scribble{font-size:12px;bottom:12px}.questions{gap:35px}.questions h2{font-size:29px}.manifesto h2{font-size:40px}.word-ribbon{justify-content:flex-start}.auth-grid{grid-template-columns:1fr;gap:0;max-width:480px;margin-top:15px;padding:0 20px 40px}.auth-pitch{display:none}.auth-card{padding:30px}.auth-shell>header{padding:20px 25px}.members-panel{display:none}.connect-app{grid-template-columns:58px 195px minmax(0,1fr)}.space-rail{padding-inline:6px}.greeting{align-items:flex-start}.greeting>.button{gap:5px;padding:10px;font-size:9px}.greeting h1{font-size:25px}.welcome-banner{grid-template-columns:1.3fr 1fr;padding:22px}.welcome-banner h2{font-size:26px}.welcome-graphic{min-height:190px}.wg-circle{border-radius:30px;width:105px;height:105px}.wg-circle svg{width:74px;height:74px}.wg-bubble{padding:9px 10px;font-size:10px;right:-10px}.wg-label{font-size:7px;bottom:0;left:-5px}.wg-star{font-size:35px;right:-8px}.quick-templates{grid-template-columns:1fr}.topbar-right{gap:9px}.topbar-right .preview-pill{display:none}.app-topbar{padding-inline:20px}.joined-grid{gap:12px}.settings-page{padding:28px}}@media (max-width:650px){.landing-nav{height:75px;padding-inline:24px}.landing-nav nav{display:none}.brand{font-size:25px}.hero{gap:12px;padding:42px 25px 48px}.hero h1{letter-spacing:-3px;margin-top:23px;font-size:56px}.hero .eyebrow{letter-spacing:1px;font-size:8px}.hero-description{font-size:14px}.hero-actions{gap:17px;margin-top:25px}.hero-actions .button{gap:10px;padding:14px 17px;font-size:11px}.hero-actions .button-link{padding-inline:0}.hero-small{font-size:9px}.hero .space-art{max-width:430px}.art-window-top{padding-inline:13px}.art-window-top strong{font-size:10px}.art-private{font-size:7px}.portrait{height:120px}.art-video-grid{gap:6px;margin:11px}.art-game-card{gap:9px;padding:10px}.art-game-card strong{font-size:14px}.art-game-card small,.art-game-card>div>span{font-size:6px}.sticker-bottom{padding:8px;font-size:7px;bottom:68px;left:-5px}.art-sticker>span{font-size:16px}.art-orbit{inset:25px -10px 60px}.orbit-two{inset:45px -15px 20px}.sticker-top{font-size:8px;right:16px}.art-conversation p{font-size:8px}.art-footnote{font-size:7px}.word-ribbon{gap:30px;padding:17px 25px;font-size:8px}.spaces-section,.how-section,.questions{padding:53px 25px}.section-heading{display:block}.section-heading h2{letter-spacing:-1.7px;font-size:36px}.section-heading>p{margin-top:17px;font-size:12px}.section-heading .eyebrow{font-size:8px}.template-cards{gap:11px}.template-card{border-radius:12px;padding:17px 14px}.template-card-top{letter-spacing:.7px;font-size:6px}.template-card-top svg{width:16px}.template-visual{height:120px}.template-visual>svg{width:48px;height:48px}.template-doodle{font-size:16px;bottom:15px}.template-card h3{letter-spacing:-.8px;font-size:19px}.template-card p{min-height:87px;font-size:10px}.card-link{margin-top:8px;padding-top:16px;font-size:8px}.more-templates{text-align:center;gap:10px;font-size:10px;display:grid}.more-templates a{justify-content:center}.how-section{grid-template-columns:1fr;gap:40px;padding-top:20px}.how-art{max-width:300px}.how-copy h2{font-size:40px}.how-copy>.eyebrow{font-size:8px}.how-copy p{max-width:none}.manifesto{padding:45px 22px}.manifesto h2{letter-spacing:-1.4px;font-size:33px}.manifesto p{font-size:10px}.manifesto-star{font-size:95px;right:-15px}.questions{grid-template-columns:1fr;gap:22px}.questions h2{font-size:32px}.faq-list summary{font-size:12px}.landing-footer{flex-wrap:wrap;gap:30px;padding:30px 25px}.landing-footer>span{order:3;width:100%;font-size:7px}.connect-app{grid-template-columns:54px minmax(0,1fr)}.space-rail{grid-area:1/1;gap:10px;padding:16px 5px 10px}.rail-brand svg{width:29px}.rail-space,.rail-button,.rail-add{border-radius:11px;width:36px;min-height:36px;font-size:10px}.rail-space.active:before{height:23px;top:7px;left:-7px}.rail-brand{margin-bottom:8px}.app-sidebar{z-index:8;width:230px;display:none;position:fixed;top:62px;bottom:0;left:54px;box-shadow:15px 15px 40px #1d2b1920}.nav-open .app-sidebar{display:flex}.app-main{grid-area:1/2}.app-topbar{gap:7px;height:62px;min-height:62px;padding:0 12px}.mobile-menu{width:27px;display:flex}.breadcrumb{flex:1;gap:5px;font-size:9px}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar-right{gap:5px}.topbar-right>.avatar{border-radius:8px;width:26px;height:26px;font-size:8px}.topbar-right .icon-button{width:26px}.dashboard{padding:25px 16px}.greeting{margin-bottom:20px;display:block}.greeting h1{margin:8px 0;font-size:25px;line-height:1.2}.greeting .eyebrow{letter-spacing:1px;font-size:6px}.greeting p{font-size:10px}.greeting .button{min-height:33px;margin-top:14px;padding:9px 12px;font-size:9px}.welcome-banner{min-height:260px;padding:22px 18px;display:block}.welcome-banner>.welcome-graphic{opacity:.85;width:90px;height:110px;min-height:0;position:absolute;bottom:16px;right:10px}.welcome-banner h2{z-index:1;font-size:25px;position:relative}.welcome-banner .eyebrow{font-size:6px}.welcome-banner p{max-width:165px;font-size:9px}.welcome-banner .button{gap:8px;margin-top:15px;padding:10px 12px;font-size:9px}.wg-circle{border-radius:20px;width:65px;height:65px;box-shadow:5px 7px #bdcca5}.wg-circle>svg{width:48px}.wg-bubble{white-space:nowrap;padding:7px;font-size:7px;top:-4px;right:0}.wg-label{display:none}.wg-star{font-size:25px;bottom:0;right:0}.dashboard-heading{align-items:flex-start;margin:26px 0 14px}.dashboard-heading h2{font-size:14px;line-height:1.3}.dashboard-heading>.text-button{white-space:nowrap;gap:4px;padding:3px 0;font-size:8px}.dashboard-heading>span{display:none}.joined-grid{grid-template-columns:1fr}.create-tile{min-height:170px}.quick-templates>button{gap:9px;padding:11px}.quick-templates .template-symbol{border-radius:9px;width:31px;height:31px}.quick-templates strong{font-size:10px}.quick-templates small{font-size:8px}.quick-templates>button>svg{width:13px}.local-data-note{align-items:flex-start;font-size:8px}.room-heading{gap:8px;padding:18px 15px 14px}.room-heading h1{font-size:17px}.room-hash svg{width:20px}.connection-badge{font-size:6px}.chat-search{width:calc(100% - 30px);margin:0 15px 10px}.messages{padding:0 15px 10px}.channel-welcome{padding:20px 0}.channel-welcome h2{font-size:20px}.channel-welcome p,.message-content strong{font-size:10px}.message-content p{font-size:11px}.chat-message>.avatar{border-radius:9px;width:27px;height:27px;font-size:8px}.message-content time{font-size:7px}.owner-label{font-size:5px}.chat-message{gap:8px}.message-actions{opacity:1;background:0 0;border:0;flex-direction:column;align-self:flex-start;position:static}.message-actions button{color:#a4af97;padding:4px}.message-actions svg{width:12px;height:12px}.composer{padding:8px 12px 13px}.composer-box{gap:3px;padding:7px}.composer-hint{justify-content:flex-end;font-size:6px}.composer-hint>span:first-child{display:none}.settings-page{padding:25px 16px}.settings-page>h1{font-size:26px}.settings-page>.eyebrow{font-size:7px}.role-row{flex-wrap:wrap;gap:7px}.role-row strong{font-size:10px}.role-row select{width:118px;padding:6px;font-size:10px}.role-row .avatar{width:26px;height:26px;font-size:8px}.plan-card{grid-template-columns:1fr;padding:20px}.usage-heading h2{font-size:15px}.usage-heading>span{max-width:60px;font-size:6px}.usage-rows>div{gap:10px;font-size:9px}.usage-rows strong{max-width:110px;font-size:8px}.billing-info{gap:8px;padding:13px}.billing-info h3{font-size:11px}.billing-info p{font-size:9px}.billing-info .button{white-space:normal;min-height:35px;padding:10px;font-size:8px}.dialog{border-radius:15px;padding:23px 20px}.dialog-heading h2{font-size:24px}.template-option{padding:12px 5px}.dialog input,.dialog select,.dialog textarea,.auth-card input{font-size:16px}.template-options label,.auth-shell>header>a:last-child{font-size:9px}.auth-card{padding:28px 23px}.auth-card>.brand-stacked{font-size:15px}.auth-card .brand-stacked svg{width:75px;height:65px}.toast{padding:12px 15px;font-size:10px;bottom:15px}.app-alert{padding:10px 15px;font-size:10px}.provider-empty{padding:35px 17px}.provider-empty h2{font-size:22px}.provider-empty p{font-size:11px}}.channel-button,.sidebar-space{font-size:12px}.message-content p,.composer textarea{font-size:13px}.member-row strong,.self-bar strong,.quick-templates strong{font-size:12px}.room-heading p,.member-row small,.composer-hint,.local-data-note{color:#738163;font-size:10px}.quick-templates small,.joined-space>p,.greeting p{color:#738163;font-size:11px}.template-symbol.neutral{background:#e7eadf}.template-symbol.yellow{background:#eddda4}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.social-entry{background:#f4f5eb;min-height:100dvh;overflow:hidden}.entry-top{border-bottom:1px solid #d8dfca;justify-content:space-between;align-items:center;height:88px;margin:0 4%;display:flex}.entry-top>span{letter-spacing:1.5px;color:#82916d;font-size:8px}.entry-login{align-items:center;gap:22px;font-size:12px;font-weight:700;display:flex}.entry-main{grid-template-columns:.82fr 1.4fr;align-items:center;gap:70px;max-width:1440px;min-height:calc(100dvh - 160px);margin:auto;padding:50px 5% 55px;display:grid}.entry-intro>.brand-stacked{isolation:isolate;letter-spacing:2px;align-items:center;width:fit-content;margin-bottom:35px;font-size:10px;display:flex;position:relative}.entry-intro>.brand-stacked:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 45%,#f5ce8766,#f5ce8700 70%);position:absolute;inset:-25px -35px -5px}.entry-intro>.brand-stacked:after{content:"";z-index:-1;opacity:.24;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);pointer-events:none;background:repeating-linear-gradient(#ddbf96 0 1px,#0000 1px 8px);width:115px;height:27px;position:absolute;top:43px}.entry-intro>.brand-stacked svg{width:68px;height:60px}.entry-kicker{letter-spacing:2px;color:#81916a;font-size:8px;display:block}.entry-intro h1{letter-spacing:-5px;margin:18px 0 35px;font-size:clamp(60px,6.3vw,90px);line-height:.98}.entry-intro em{color:#7a8f50;letter-spacing:-4px;font-family:Georgia,serif;font-weight:400}.entry-actions{align-items:center;gap:25px;display:flex}.entry-actions .button{min-height:47px;font-size:12px}.entry-secondary{align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.entry-intro>p{color:#8a967a;margin-top:22px;font-size:10px}.entry-stage{min-width:0;padding:65px 0 20px;position:relative}.entry-stamp{letter-spacing:1.2px;text-align:center;background:var(--lime);z-index:2;border:1px solid #a6ba7a;border-radius:50%;flex-direction:column;justify-content:center;width:140px;height:140px;font-size:8px;line-height:1.8;display:flex;position:absolute;top:-24px;right:8px;transform:rotate(8deg)}.entry-stamp b{letter-spacing:-.5px;font-size:14px}.entry-room{background:#fffef9;border:1px solid #afbd98;border-radius:14px;overflow:hidden;transform:rotate(-2deg);box-shadow:14px 16px #d7dfc7}.entry-room-bar{background:#e7eedb;border-bottom:1px solid #dce5cd;justify-content:space-between;align-items:center;height:45px;padding:0 20px;display:flex}.example-label{letter-spacing:1.7px;color:#74895b;font-size:8px}.entry-room-bar>span:last-child{color:#7d9160;font-size:24px}.entry-room-content{grid-template-columns:170px minmax(0,1fr);min-height:345px;display:grid}.entry-rooms{background:#f0f3e7;border-right:1px solid #e2e9d7;padding:25px 10px}.entry-rooms>span{letter-spacing:1.5px;color:#94a07f;padding:0 10px 22px;font-size:7px;display:block}.entry-rooms>button{text-align:left;color:#7f8e6c;border-radius:7px;align-items:center;gap:7px;width:100%;margin-bottom:5px;padding:12px 9px;font-size:10px;display:flex}.entry-rooms>button.selected{color:#493d61;background:#d1c2ee}.entry-rooms>a{color:#8a9b71;align-items:center;gap:7px;margin-top:40px;padding:0 8px;font-size:9px;display:flex}.entry-conversation{flex-direction:column;min-width:0;padding:25px 24px;display:flex}.entry-conversation>header{align-items:center;gap:10px;display:flex}.entry-conversation h2{letter-spacing:-.7px;font-size:19px}.entry-conversation>header>svg{color:#9baa84}.entry-room-tag{letter-spacing:1px;color:#a2af90;margin-top:10px;font-size:6px}.entry-chat{gap:24px;margin:30px 0;animation:.2s arrive;display:grid}.entry-message{align-items:flex-start;gap:10px;display:flex}.entry-message .avatar{border-radius:9px;width:28px;height:28px;font-size:9px}.entry-message strong{font-size:10px}.entry-message p{margin-top:5px;font-size:11px;line-height:1.7}.entry-compose{color:#9eac8b;background:#f8faf3;border:1px solid #dde7ce;border-radius:9px;justify-content:space-between;align-items:center;margin-top:auto;padding:11px 12px;font-size:11px;display:flex}.entry-compose>span:last-child{color:#637d3f;background:#d7e9b6;border-radius:6px;padding:5px;display:flex}.entry-caption{color:#9aa789;justify-content:space-between;gap:10px;margin-top:35px;padding:0 8px;font-size:7px;display:flex}.entry-footer{border-top:1px solid #d8dfca;justify-content:space-between;align-items:center;margin:0 4%;padding:22px 0;display:flex}.entry-footer>span:first-child{letter-spacing:-.4px;font-size:13px;font-weight:700}.entry-footer>span:nth-child(2){letter-spacing:1px;color:#899a70;font-size:8px}.entry-footer>a{font-size:12px;font-weight:600}@media (max-width:1050px){.entry-main{grid-template-columns:.8fr 1.3fr;gap:40px;padding-inline:4%}.entry-room-content{grid-template-columns:140px minmax(0,1fr)}.entry-conversation{padding:23px 18px}.entry-intro h1{font-size:68px}.entry-rooms>button{font-size:9px}.entry-stamp{right:0}.entry-actions{gap:15px}.entry-actions .button{padding:13px 16px}.entry-secondary{font-size:10px}}@media (max-width:780px){.entry-top{height:72px;margin-inline:25px}.entry-top>span{display:none}.entry-main{grid-template-columns:1fr;gap:25px;max-width:620px;padding:35px 25px 45px}.entry-intro{position:relative}.entry-intro>.brand-stacked{align-items:center;margin-bottom:28px;position:relative}.entry-intro h1{letter-spacing:-4px;margin-top:20px;margin-bottom:27px;font-size:72px}.entry-intro em{letter-spacing:-3px}.entry-stage{padding-top:50px}.entry-stamp{width:110px;height:110px;font-size:6px;top:-36px;right:2px}.entry-stamp b{font-size:12px}.entry-room-content{grid-template-columns:1fr;min-height:350px}.entry-rooms{border-bottom:1px solid #e2e9d7;border-right:0;gap:4px;padding:12px 10px;display:flex;overflow:auto}.entry-rooms>span,.entry-rooms>a{display:none}.entry-rooms>button{white-space:nowrap;flex:1;justify-content:center;gap:4px;width:auto;margin:0;padding:9px 7px;font-size:8px}.entry-rooms>button svg{width:11px}.entry-conversation{padding:22px 20px}.entry-chat{gap:20px;margin:26px 0}.entry-message p{font-size:12px}.entry-message strong{font-size:11px}.entry-room-tag{font-size:7px}.entry-caption{font-size:7px;line-height:1.6}.entry-caption>span:first-child{max-width:230px}.entry-footer{flex-wrap:wrap;gap:20px;margin:0 25px;padding-block:20px}.entry-footer>span:nth-child(2){order:3;width:100%;font-size:7px}.entry-footer>a{margin-left:auto}.entry-main .entry-intro>.brand-stacked{letter-spacing:1.5px;font-size:8px}.entry-intro>.brand-stacked svg{width:57px;height:50px}}.entry-intro .assistant-title{letter-spacing:-3.5px;font-size:clamp(49px,5.1vw,72px)}.intent-form{max-width:420px;margin:24px 0}.intent-form>label{color:#748261;margin-bottom:9px;font-size:10px}.intent-form>div{background:#fffef9;border:1px solid #bdccaa;border-radius:12px;align-items:center;padding:7px;display:flex;box-shadow:0 5px 20px #53663108}.intent-form input{background:0 0;border:0;padding:11px 7px;font-size:12px}.intent-form button{background:#d0f578;border-radius:8px;padding:10px;display:flex}.intent-form>span{color:#81916d;margin-top:10px;font-size:9px;line-height:1.6;display:block}.assistant-mascot{background:#c9bbef;border-color:#a293c5;border-radius:45% 45% 40% 40%;gap:13px;transform:rotate(8deg)}.assistant-eyes{justify-content:center;gap:22px;display:flex}.assistant-eyes i{background:#39304c;border-radius:7px;width:9px;height:19px;display:block;transform:rotate(-8deg)}.assistant-mascot b{letter-spacing:-.1px;font-size:10px}@media (max-width:780px){.entry-intro .assistant-title{letter-spacing:-3px;font-size:clamp(44px,14.8vw,58px)}.intent-form input{font-size:16px}.assistant-mascot{top:-10px}.entry-stage{padding-top:85px}}.sunset-entry{isolation:isolate;color:#fff5e4;background:#30324b;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:clip}.sunset-scene{z-index:-3;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.sunset-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#1b354754 0%,#18203712 42%,#0000 68%),linear-gradient(#1a203115,#0000 20% 80%,#10192455);position:absolute;inset:0}.sunset-header{justify-content:space-between;align-items:flex-start;padding:34px 4.5%;display:flex}.sunset-header .brand-stacked{letter-spacing:2.6px;filter:drop-shadow(0 3px 8px #10162966);gap:8px;font-size:11px}.sunset-header .brand-stacked svg{width:63px;height:63px}.sunset-login{background:#222b3c66;border:1px solid #fff0db33;border-radius:24px;align-items:center;gap:15px;padding:13px 18px;font-size:12px;display:flex}.sunset-main{flex:1;align-items:center;min-height:470px;padding:2vh 8% 18vh;display:flex}.sunset-intent{text-shadow:0 2px 18px #1b172d99;width:min(520px,100%)}.sunset-eyebrow{letter-spacing:2.4px;color:#f4daba;margin-bottom:20px;font-size:9px}.sunset-intent h1{letter-spacing:-1.7px;margin-bottom:28px;font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.12}.sunset-intent label{color:#fff3e0;margin-bottom:12px;font-size:12px;font-weight:400;display:block}.sunset-input{text-shadow:none;background:#283342ed;border:1px solid #fff4da80;border-radius:15px;align-items:center;gap:10px;padding:8px;display:flex;box-shadow:0 15px 42px #161d2e33}.sunset-input input{min-width:0;box-shadow:none;color:#fff3df;background:0 0;border:none;flex:1;padding:11px 9px;font-size:14px}.sunset-input input::placeholder{color:#e2d2c0}.sunset-input button{color:#293440;background:#f3c58e;border-radius:10px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.sunset-ideas{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.sunset-ideas button{color:#fff1e0;background:#293344aa;border:1px solid #efdcbe55;border-radius:22px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;transition:background .2s;display:flex}.sunset-ideas button:hover,.sunset-ideas button[aria-pressed=true]{color:#303241;text-shadow:none;background:#e8d7bc}.sunset-result{flex-direction:column;align-items:flex-start;gap:13px;min-height:66px;margin-top:21px;font-size:12px;line-height:1.6;display:flex}.sunset-create{color:#ecf7ce;border-bottom:1px solid #d0f57888;align-items:center;gap:10px;padding-bottom:3px;display:flex}.sunset-disclosure{color:#e9d9cc;font-size:10px;line-height:1.5}.sunset-footer{color:#f5e9d8;letter-spacing:1.4px;justify-content:flex-end;align-items:center;gap:15px;padding:24px 4.5%;font-size:8px;display:flex}.sunset-footer span{align-items:center;gap:12px;display:flex}.sunset-footer i{background:#cabba8;border-radius:50%;width:3px;height:3px}.sunset-footer button{color:inherit;letter-spacing:0;background:#17243399;border:1px solid #f3e3cb44;border-radius:20px;padding:9px 13px;font-size:10px}@media (max-width:650px){.sunset-header{padding:25px 24px}.sunset-header .brand-stacked svg{width:48px;height:48px}.sunset-header .brand-stacked{letter-spacing:2px;font-size:9px}.sunset-main{align-items:flex-start;min-height:520px;padding:8vh 24px 12vh}.sunset-intent h1{letter-spacing:-1.1px;font-size:34px}.sunset-eyebrow{letter-spacing:1.8px;font-size:7px}.sunset-input input{padding-inline:5px;font-size:16px}.sunset-ideas{gap:7px}.sunset-ideas button{padding:9px 10px;font-size:9px}.sunset-shade{background:linear-gradient(#141e3755 0%,#24284033 35%,#101c2933 65%,#101924bb)}.sunset-footer{flex-wrap:wrap;padding:20px 24px;font-size:7px}}.space-layers{perspective:650px;color:#fff4df;pointer-events:none;width:235px;height:255px;margin:0;position:absolute;top:56%;right:15%}.space-layer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #f6ebd780;border-radius:13px;align-items:center;gap:12px;width:218px;height:77px;padding:20px;font-size:15px;animation:1.6s ease-out both unfold-space;display:flex;position:absolute;left:8px;transform:rotateX(48deg)rotate(-18deg);box-shadow:0 10px #252d4133,0 20px 25px #1a243622}.space-layer i{opacity:.5;margin-left:auto;font-size:9px;font-style:normal}.layer-game{z-index:3;color:#f1f7d4;background:#758166b3;animation-delay:.65s;top:0}.layer-chat{z-index:2;background:#9a8ca9b3;animation-delay:.35s;top:51px}.layer-shared{z-index:1;background:#536577bd;animation-delay:50ms;top:102px}.layer-origin{filter:drop-shadow(0 3px 12px #faf0c544);width:40px;height:40px;position:absolute;top:183px;left:98px}.layer-origin svg{width:100%;height:100%}.layer-gull{width:38px;height:18px;animation:2s ease-in-out .2s both gull-rise;position:absolute;top:193px;left:99px}.space-layers figcaption{text-align:center;color:#f3e2ce;letter-spacing:.15px;text-shadow:0 1px 4px #182232;width:100%;font-size:8px;position:absolute;top:239px}@keyframes unfold-space{0%{opacity:0;transform:translateY(40px)rotateX(65deg)rotate(-18deg)scale(.84)}to{opacity:1;transform:rotateX(48deg)rotate(-18deg)}}@keyframes gull-rise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:1}75%{opacity:1;transform:translateY(-174px)scale(1.2)}to{opacity:0;transform:translateY(-200px)scale(.6)}}.scene-paused .space-layer{animation:none}.scene-paused .layer-gull{animation:none;display:none}@media (max-width:1050px) and (min-width:651px){.space-layers{transform-origin:100% 0;top:62%;right:7%;transform:scale(.8)}.sunset-main{padding-left:6%}.sunset-intent{width:min(470px,58%)}}@media (max-width:650px){.sunset-main{min-height:670px;padding-bottom:180px}.space-layers{transform-origin:100% 100%;top:auto;bottom:60px;right:24px;transform:scale(.65)}.sunset-result{min-height:78px}}@media (prefers-reduced-motion:reduce){.space-layer{animation:none}.layer-gull{animation:none;display:none}}.sunset-auth{isolation:isolate;color:#fff3df;background:#30324b;min-height:100svh;position:relative;overflow:clip}.sunset-auth>header{z-index:1;border:0;margin:0;padding:30px 4.5%;position:relative}.sunset-auth>header .brand-stacked{color:#fff3df;letter-spacing:2px;font-size:10px}.sunset-auth>header>a:last-child{color:#fff3df}.sunset-auth .auth-grid{grid-template-columns:1fr;max-width:440px;margin:8vh auto 12vh 6.5%;padding:0 24px;display:grid}.sunset-auth .auth-card{color:#fff3df;background:#243040f5;border:1px solid #ffe8c746;border-radius:22px;width:100%;padding:34px;box-shadow:0 24px 80px #101a2944}.sunset-auth .auth-card h2{color:#fff3df;letter-spacing:-1px;font-size:30px;font-weight:500}.sunset-auth .auth-card>p{color:#ddd1c4;font-size:12px;line-height:1.7}.sunset-auth .auth-card label{color:#f6e8d7;font-size:12px}.sunset-auth .auth-card input:not([type=checkbox]){color:#fff3df;background:#17233399;border-color:#dac2a550;border-radius:9px;font-size:16px}.sunset-auth .auth-card input::placeholder{color:#afadb2}.sunset-auth .button-dark{color:#29313d;background:#f3c58e;border-color:#f3c58e;font-size:12px}.sunset-auth .form-hint,.install-app{border-top:1px solid #24282020;padding:12px 18px;font-size:13px}.install-app p{margin:8px 0 0}.connect-app{--ink:#293544;--muted:#667584;--paper:#faf8f3;--line:#e3dfd6;--lime:#f3c58e;--green:#c6d6d2;--peach:#eed5bd;--lilac:#c9cbdc;background:var(--paper);color:var(--ink)}.connect-app .space-rail{background:#253241}.connect-app .rail-button{color:#afbbc6}.connect-app .rail-button:hover,.connect-app .rail-button.active{background:#3c4a59}.connect-app .rail-add{color:#e8c79f;border-color:#7e8b97}.connect-app .rail-line{background:#526170}.connect-app .app-sidebar{background:#f0ede6}.connect-app .self-bar{background:#e9e6dd}.connect-app .channel-button{color:#657586}.connect-app .channel-button.selected{color:#293544;background:#ead8bf}.connect-app .channel-button:hover,.connect-app .sidebar-space:hover{background:#e7e3d9}.connect-app .invite-button{background:#e8d9c3}.connect-app .button-dark:hover{background:#405469}.connect-app .create-tile{background:#f5f1e9;border-color:#c8bda9}.connect-app .create-tile:hover{background:#eee4d5}.connect-app .create-tile>span{color:#746b5c;background:#eadcc6;border-color:#d1c3ab}.connect-app .create-tile p,.connect-app .sidebar-empty,.connect-app .sidebar-label,.connect-app .sidebar-intro p,.connect-app .join-link,.connect-app .self-bar div>span,.connect-app .self-bar .icon-button{color:#687581}.connect-app .quick-templates>button{border-color:var(--line)}.connect-app .greeting h1>span{color:#ae895d}.sunset-auth .auth-note{color:#d0c5bb;background:#1c283b;border-color:#dac2a533}.sunset-auth .segmented{background:#182435}.sunset-auth .segmented button{color:#e4d5c4}.sunset-auth .segmented .selected{color:#fff3df;background:#415060}.sunset-auth .form-error{color:#ffcab9;background:#562f3b}:is(.sunset-auth input:focus-visible,.sunset-input input:focus-visible){outline-offset:2px;outline:2px solid #f3c58e}@media (max-width:650px){.sunset-auth>header{padding:24px}.sunset-auth .auth-grid{margin-top:7vh}.sunset-auth .auth-card{padding:26px 22px}}