/* GroveSpace: a bright social canvas, with Graveleaf's gold and charcoal at its core. */
:root{--ink:#24292c;--muted:#727678;--line:#26313612;--peach:#ffd9c9;--lilac:#e4ddfa;--lime:#e9efb9}
body{background:#f1f0ec;font-size:15px}.grove-app{max-width:680px;grid-template-rows:74px minmax(0,1fr) auto}.grove-header{padding:12px 19px;background:#ffffffed}.house-mark{width:36px;height:36px}.house-mark img{width:33px;height:33px}.wordmark{position:relative;font:780 25px/.98 var(--sans);letter-spacing:-1.2px;white-space:nowrap}.wordmark small{font:650 7px/1.2 var(--sans);letter-spacing:.065em;color:#858079;margin-top:8px}.brand-spark{display:inline-block;color:#a5884f;font-size:21px;margin-left:3px;vertical-align:2px}.grove-light .graveleaf-avatar{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex-basis:39px;background:#f4f2ed!important;border-color:#ded9ce!important;box-shadow:none;font:700 14px var(--sans)}
#grove-content{padding-bottom:28px}.feed-welcome{padding:24px 20px 19px;background:radial-gradient(ellipse at 100% -10%,#eee9db80,transparent 65%),#fff}.feed-welcome .eyebrow{font-size:8px;font-weight:750;letter-spacing:.13em}.feed-welcome h2{font:780 clamp(23px,6.6vw,31px)/1.15 var(--sans);letter-spacing:-1.2px;margin:8px 0}.feed-welcome h2 span{color:#a68a54}.feed-welcome p{font-size:12px;line-height:1.5;color:#7a7c78;margin:6px 0 0}#feed-tabs{z-index:2}.tabs button{font-size:13px;font-weight:550;min-height:50px}.tabs button[aria-pressed=true]{font-weight:750}.tabs button[aria-pressed=true]:after{width:38px;height:3px;background:#9a804e}.feed-composer{border-bottom:7px solid #f5f4f0}.composer-entry{border:0;padding:17px 20px 11px;gap:11px}.composer-entry strong{color:#373f42;font-size:15px;font-weight:650;letter-spacing:-.3px}.composer-entry small{color:#858783;font-size:11px;margin-top:3px}.composer-plus{background:#f0e9d8;color:#786137;width:30px;height:30px}.composer-entry .avatar{font-family:var(--sans);font-weight:700;font-size:15px}.composer-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 17px 11px 66px}.composer-shortcuts button{display:flex;align-items:center;gap:5px;min-height:38px;border:0;background:none;font-size:10px;font-weight:650;color:#62686b;padding:3px}.shortcut-symbol{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;font-size:15px;color:#424348}.peach{background:var(--peach)}.lilac{background:var(--lilac)}.lime{background:var(--lime)}
.first-conversation{padding:0 22px 25px;overflow:hidden}.empty-art{height:175px;max-width:340px;margin:0 auto 16px;position:relative;isolation:isolate}.art-orbit{position:absolute;width:235px;height:112px;border:1px solid #c5b68b80;border-radius:50%;transform:rotate(-15deg);top:35px;left:calc(50% - 117px)}.art-card{position:absolute;display:grid;place-items:center;box-shadow:0 10px 25px #37314210,inset 0 1px #fff9}.art-card-one{width:123px;height:123px;background:#e8e2f5;left:calc(50% - 108px);top:16px;transform:rotate(-10deg);font:800 23px/.95 var(--sans);letter-spacing:-1px;color:#4a405f;border-radius:17px}.art-card-two{width:92px;height:104px;left:calc(50% + 14px);top:35px;transform:rotate(12deg);background:#efefc7;color:#777044;border-radius:15px;font-size:65px;line-height:1}.art-note{position:absolute;bottom:7px;right:10px;transform:rotate(-4deg);font:550 11px var(--sans);color:#8c7a5b}.first-conversation>.eyebrow{font-size:8px;color:#9a814e;letter-spacing:.14em}.first-conversation>h2{font:800 37px/1.04 var(--sans);letter-spacing:-1.7px;margin:12px 0}.first-conversation>p{font-size:13px;line-height:1.8;color:#777b7b;max-width:40ch;margin:13px 0 19px}.starter-actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary{border-radius:14px;font-size:12px;font-weight:700;letter-spacing:-.1px;min-height:44px}.primary{background:linear-gradient(145deg,#444b4e,#20292c);box-shadow:inset 0 1px #ffffff40,0 4px 8px #222a2d12}.primary>span{margin-left:6px}.secondary{background:#fff;border-color:#ded9cb}.scene-links{margin-top:24px;border-top:1px solid var(--line)}.scene-links button{width:100%;display:grid;grid-template-columns:34px 1fr 20px;column-gap:10px;align-items:center;text-align:left;min-height:70px;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0}.scene-links button>span:first-child{grid-row:span 2;display:grid;place-items:center;width:34px;height:38px;background:#f6e4da;border-radius:10px;font-size:16px;color:#6e4a39}.scene-links button:nth-child(2)>span:first-child{background:#e9e2f2;color:#67547d}.scene-links strong{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:-.15px}.scene-links small{font-size:10px;color:#8a8b86;grid-column:2}.scene-links button>span:last-child{grid-column:3;grid-row:1/3;color:#9d906f}
.bottom-nav{background:#fffffff2;padding:7px 10px max(7px,env(safe-area-inset-bottom));box-shadow:0 -5px 24px #343c3d06}.bottom-nav button{gap:4px;min-height:51px;font-size:9px;font-weight:650;border-radius:15px;transition:background .18s,transform .18s}.bottom-nav button[aria-current=page]{background:#f0eadc;border-color:transparent;color:#57482d}.bottom-nav svg{width:23px;height:23px}.floating-compose{width:55px;height:55px;right:19px;bottom:87px;border-radius:19px;color:#e9d5a8;font-size:34px;box-shadow:inset 0 1px #fff5,0 5px 20px #222b2b26}.floating-compose:active{transform:scale(.94)}.social-post{padding:18px 18px 5px;gap:11px}.author-line .name{font-size:14px;font-weight:750}.social-post .post-copy{font-size:14px;line-height:1.7}.social-post .practice-line{font-size:11px}.social-post .handle{font-size:10px}.avatar-link,.avatar-link .avatar{width:41px;height:41px;flex-basis:41px}.social-actions button{min-height:44px}.social-actions button[aria-pressed=true]{color:#b66b6d}.social-actions button[aria-pressed=true] svg{fill:#efcecc50;animation:like-pop .25s ease-out}.work-media{border-radius:17px}.social-post .work-media{margin-top:13px}.source-card{border-radius:13px;background:#f9f8f5}.post-more{min-height:36px;min-width:36px}.empty h3{font:780 26px/1.15 var(--sans);letter-spacing:-1px}.empty>.eyebrow{display:none}.empty p{font-size:13px}.empty{padding:25px 22px}
.view-heading{padding:18px 20px 13px;min-height:62px}.view-heading h2{font-size:22px;font-weight:780;letter-spacing:-.7px}.view-heading .primary{min-height:37px;padding:8px 12px;font-size:11px}.directory-intro{position:relative;overflow:hidden;padding:20px 20px 0;background:linear-gradient(145deg,#f6f3e9,#fff 85%)}.directory-intro h3{position:relative;max-width:12ch;font-size:33px;line-height:1.07;letter-spacing:-1.3px;font-weight:800;margin:22px 0}.directory-stamp{position:absolute;right:9px;top:47px;font-size:135px;line-height:1;color:#d5c5e170;transform:rotate(12deg)}.space-types{position:relative;margin-bottom:10px}.space-types button{border-radius:10px;min-height:35px}.directory-intro input{border-radius:12px;min-height:46px;font-size:13px}.community-card{padding:20px}.community-symbol{font-family:var(--sans);font-weight:800;border:0;background:#e6e0f1;color:#615471;transform:rotate(-4deg);border-radius:14px}.community-card:nth-child(3n+2) .community-symbol{background:#f5ded0;color:#835f48;transform:rotate(4deg)}.community-card:nth-child(3n) .community-symbol{background:#e9ebc9;color:#707346}.community-main h3 .name{font-size:16px}.community-main p{font-size:13px}.community-main .eyebrow{font-size:8px}.market-intro{padding:22px 22px 25px;background:radial-gradient(ellipse at 100% 0,#efd8c9a0,transparent 70%),#fcfaf5}.market-intro h2{font-size:34px;line-height:1.08;letter-spacing:-1.4px;font-weight:800;margin:13px 0}.market-intro p{font-size:12px;max-width:29ch;color:#8b8073}.market-status{background:#f8f7f3;border-bottom:1px solid var(--line);padding:11px 21px;font-size:10px}.card{border-radius:18px}.card.community-card{border-radius:0}.listing-placeholder{min-height:180px;border-radius:14px;background:linear-gradient(130deg,#f3e5d5,#eee9f4);font:750 25px/1.1 var(--sans);letter-spacing:-.8px;color:#796e69}.money{font-family:var(--sans);font-size:24px;font-weight:750;letter-spacing:-1px}
.profile-banner{height:173px;background:linear-gradient(120deg,#eeeadc,#ddd4c1);color:#493e2b;border:0}.profile-banner:before{background:radial-gradient(circle at 85% 20%,#c9b7d980 0 70px,transparent 71px),radial-gradient(circle at 30% 145%,#b0b88a66 0 135px,transparent 136px);opacity:1}.profile-banner>img:not(.profile-cover-image){width:48px;height:48px;opacity:.9}.profile-banner-type{font:800 35px/.9 var(--sans);letter-spacing:-1.6px;transform:rotate(-5deg);padding:10px 3px}.profile-banner-type>span{display:inline-block;vertical-align:top;font-size:65px;color:#928653;position:absolute;left:185px;top:40px}.profile-copy{padding-inline:20px}.profile-avatar{width:80px;height:80px;flex-basis:80px;border-width:4px;margin-top:-32px;font-family:var(--sans);font-weight:750}.profile-identity{align-items:center}.profile-identity h2{font-size:27px;line-height:1.2;letter-spacing:-.9px;font-weight:800}.profile-copy p{font-size:14px;line-height:1.75}.profile-practice{font-weight:650;font-size:13px}.profile-counts{font-size:12px;gap:24px}.profile-counts strong{font-weight:800}.badge{border-radius:20px;padding:5px 9px;line-height:1.4}.artist-tabs button{font-size:13px}.profile-tools{font-size:11px}.profile-topline .secondary{min-height:40px;border-radius:12px;font-size:11px}.clips-empty{position:relative;background:radial-gradient(ellipse at 85% 15%,#786d5d66,transparent 65%),#242d30;padding:28px}.clips-empty h3{font:800 39px/1.03 var(--sans);letter-spacing:-1.6px;margin-top:19px}.clips-empty p{max-width:30ch;font-size:13px;line-height:1.8}.clip-empty-art{position:relative;display:grid;place-items:center;width:125px;height:143px;border-radius:25px;background:#e7e2f4;color:#6d607a;font-size:45px;transform:rotate(-9deg);margin:0 0 39px 24px;box-shadow:8px 10px 0 #b7a57d45}.clip-empty-art i{font-style:normal;position:absolute;right:-43px;bottom:-18px;font-size:80px;color:#e2dfaa;line-height:1;transform:rotate(25deg)}.clip-actions button{transition:transform .18s}.clip-actions button:active{transform:scale(.94)}.sheet-header h2{font-weight:780;letter-spacing:-.5px}.sheet-header{padding-block:17px}.form{gap:17px}.form textarea{min-height:155px;background:#fcfbf9;border-radius:13px;font-size:17px}.form input,.form select{border-radius:12px}.composer-identity strong{font-size:14px}.composer-identity .avatar{font-family:var(--sans);font-size:16px;font-weight:700}
@keyframes like-pop{50%{transform:scale(1.2)}}
@media(max-width:370px){.grove-header{padding-inline:14px;gap:8px}.wordmark{font-size:23px}.wordmark small{font-size:6px;letter-spacing:.04em}.brand-spark{font-size:18px}.house-mark{width:31px;height:31px}.house-mark img{width:29px;height:29px}.grove-light .graveleaf-avatar{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;flex-basis:35px}.feed-welcome{padding:20px 16px 16px}.composer-entry{padding-inline:16px}.composer-shortcuts{padding-left:17px;padding-right:17px}.first-conversation{padding-inline:18px}.first-conversation>h2{font-size:34px}.starter-actions .primary,.starter-actions .secondary{font-size:11px;padding-inline:12px}.social-post{padding-inline:13px}.profile-identity{flex-wrap:wrap;justify-content:flex-start}.profile-topline .secondary{font-size:10px}.profile-banner-type>span{left:160px}.market-intro h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.social-actions button[aria-pressed=true] svg{animation:none}.floating-compose:active,.clip-actions button:active{transform:none}}
.no-motion .social-actions button[aria-pressed=true] svg{animation:none}.no-motion .floating-compose,.no-motion .clip-actions button{transition:none}
