/* co-op / graphite + copper design system */
:root{--bg:#141414;--sidebar:#191919;--surface:#222222;--soft:#262626;--line:#353535;--text:#f2f2f2;--muted:#9b9896;--muted-dark:#b5b0ab;--accent:#a8795e;--accent-soft:#302720;--shadow:0 8px 28px #0002}
body{background:#141414;color:#f2f2f2} .sidebar{background:#191919;border-color:#34302d}.topbar{background:#141414e8;border-color:#34302d}.brand-mark{background:#a8795e;color:#171310}.workspace-label,.section-heading,.v2-eyebrow,.eyebrow{color:#b18b75}.nav-item:hover,.sidebar-group:hover{background:#292522}.nav-item.active{background:#352a24;color:#f3e8df}.nav-item.active .nav-icon{color:#c69a7e}.nav-icon{color:#a5a09c}
.card,.side-card,.v2-card,.cloud-post,.coop-auth-card{background:#222!important;border-color:#383431!important;border-radius:14px;box-shadow:none}.card:hover,.v2-card:hover{border-color:#4a4039}.cloud-post{color:#f2f2f2}.cloud-comments{border-color:#383431}.cloud-actions button,.cloud-comment-form button{border-color:#51463f}.cloud-comment-form input,.v2-input{background:#1b1b1b;border-color:#48413c;color:#f2f2f2}.cloud-actions button:hover,.cloud-comment-form button:hover{border-color:#a8795e}.primary-button,.v2-btn.primary,.v2-btn-primary{background:#a8795e!important;color:#15110f!important;border-color:#a8795e!important}.primary-button:hover,.v2-btn.primary:hover{background:#c39478!important;border-color:#c39478!important}.v2-btn:not(.secondary):hover{border-color:#b58b73}.coop-toast{background:#292521;border-color:#6e5445}.coop-modal{background:#24211f;border-color:#514138}.coop-auth-tab[aria-selected=true]{background:#45362c}.coop-auth-tabs{background:#191817;border-color:#41362f}.coop-auth-link{color:#d0a68e}.coop-auth-link:hover{color:#efd0bd}
.welcome h1,.v2-wrap>h1,.section-title-row h2{letter-spacing:-.045em}.v2-wrap>h1{text-transform:uppercase;font-weight:750}.profile-hero h1{font-weight:750}.profile-stat strong{color:#e7c1a9}.mobile-nav-link.is-active{background:#392d26;color:#f4e6dc}.mobile-menu-link.is-active{background:#392d26}.mobile-bottom-nav{background:#191817f5;border-top-color:#41352e}.mobile-more-panel:not([hidden]){background:#211e1b;border-color:#4c3c32}
/* Banner with handwritten graphite art; text is live HTML, not baked into imagery */
.sketch-hero{height:clamp(300px,34vw,490px);max-height:none;aspect-ratio:auto;background:#12100f;border-bottom:1px solid #302925;isolation:isolate}
.sketch-hero .hero-media{mask-image:none;-webkit-mask-image:none;inset:0}.sketch-hero .hero-media img{opacity:1!important;filter:none;object-fit:cover;object-position:center;animation:none!important;transition:opacity .5s ease,transform 1s ease}.sketch-hero.changing .hero-media img{opacity:.45!important;transform:scale(1.012)}.sketch-hero::after{display:none}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,13,12,.34),transparent 80%);pointer-events:none}
.hero-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px clamp(24px,5.5vw,78px);max-width:730px;pointer-events:none}.hero-content h1{margin:14px 0 14px;font-size:clamp(32px,5.1vw,72px);line-height:.98;font-weight:750;letter-spacing:-.06em;text-shadow:0 2px 20px #0009}.hero-kicker{color:#d1a78e;font-size:11px;letter-spacing:.19em;font-weight:700}.hero-content p{max-width:440px;margin:0;color:#e2d9d3;font-size:clamp(13px,1.6vw,18px);line-height:1.65;text-shadow:0 1px 8px #000a}.hero-controls{display:flex;align-items:center;gap:14px;margin-top:29px;pointer-events:auto}.hero-controls>button{display:grid;place-items:center;width:37px;height:37px;border:1px solid #6e5547;border-radius:50%;background:#211a16c9;color:#f4e9e0;cursor:pointer;font-size:19px}.hero-controls>button:hover{background:#a8795e;color:#15110f}.hero-controls>span{color:#c8b7aa;font-size:11px;font-weight:600;letter-spacing:.09em}.hero-dots{display:flex;align-items:center;gap:6px;margin-left:8px}.hero-dots button{width:19px;height:4px;border:0;border-radius:8px;background:#75685f;cursor:pointer;padding:0;transition:width .25s,background .25s}.hero-dots button.active{width:31px;background:#c18e6e}.sketch-content.content.has-hero{margin-top:0;padding-top:35px}.sketch-content .welcome{margin-bottom:34px}.sketch-content .welcome h1{font-size:clamp(23px,2.8vw,33px)}
@media(max-width:800px){.sketch-hero{height:340px}.hero-content{padding:24px}.hero-content h1{font-size:42px}.hero-content p{max-width:340px}.sketch-content.content.has-hero{margin-top:0;padding-top:26px}}
@media(max-width:580px){.sketch-hero{height:325px}.sketch-hero .hero-media img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#15110fe6,#15110f70 75%,#15110f22)}.hero-content{padding:20px 20px 26px;justify-content:flex-end}.hero-content h1{font-size:clamp(31px,9vw,44px);margin:9px 0}.hero-content p{font-size:13px;line-height:1.5;max-width:310px}.hero-kicker{font-size:10px}.hero-controls{margin-top:16px;gap:10px}.hero-controls>button{width:36px;height:36px}.sketch-content.content.has-hero{margin-top:0;padding-top:24px}.sketch-content .welcome h1{font-size:24px}.sketch-content .welcome{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.sketch-hero .hero-media img{transition:none!important}}

/* UX revision: compact feed-first layout and authentic photography */
.line-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.main-nav{gap:5px}.nav-item{border-radius:10px}.welcome-minimal{margin:0 0 18px!important}.welcome-minimal h1{font-size:clamp(27px,3vw,39px)!important;margin:5px 0 7px}.welcome-minimal p{margin:0}.continue-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;border:1px solid #3c3732;background:#211e1b;border-radius:14px;margin-bottom:30px}.continue-card h2{font-size:19px;letter-spacing:-.03em;margin:7px 0}.continue-card p{font-size:13px;color:#a9a09a;margin:0}.continue-action{flex:none;text-decoration:none;color:#f0dfd2;background:#403027;padding:11px 15px;border-radius:9px;font-size:13px}.continue-action:hover{background:#674938}.photo-story{padding:0!important;overflow:hidden}.photo-story-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px}.photo-story-head h3{margin:0;font-size:14px}.photo-story-head span{font-size:11px;color:#b49a88}.photo-story img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.photo-story-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.photo-story-controls button{border:0;background:transparent;color:#d6c5b9;font-size:19px;cursor:pointer}.photo-story-controls span{font-size:11px;color:#b5a59b}.photo-picker{cursor:pointer;border:1px solid #514239;padding:8px 12px;border-radius:8px;color:#e1bca3;font-size:13px}.photo-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}.photo-preview:empty{display:none}.photo-preview figure{position:relative;margin:0}.photo-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.photo-preview button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#171717dd;color:white;width:24px;height:24px;cursor:pointer}.cloud-post-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:12px 0}.cloud-post-photos img{width:100%;max-height:340px;object-fit:cover;border-radius:8px;cursor:zoom-in}.cloud-post-photos img:only-child{grid-column:1/-1;max-height:480px}.photo-lightbox{position:fixed;inset:0;z-index:99999;background:#000e;display:flex;justify-content:center;align-items:center;padding:20px;cursor:zoom-out}.photo-lightbox img{max-width:95vw;max-height:92vh;object-fit:contain}.photo-lightbox button{position:absolute;top:15px;right:20px;color:white;font-size:30px;background:transparent;border:0;cursor:pointer}.progress-hub{max-width:850px;margin:auto}.progress-hub h1{font-size:36px}.progress-hub .hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:22px 0}.hub-card{border:1px solid #3b3632;border-radius:13px;background:#222;padding:20px}.hub-card h3{margin:0 0 8px}.hub-card p{color:#aaa19c;font-size:13px}.hub-card a{color:#c99e81;text-decoration:none}.hub-note{border:1px solid #483e37;padding:15px;border-radius:10px;color:#bcb1aa}
@media(max-width:800px){.continue-card{padding:16px}.photo-story{display:none}}@media(max-width:580px){.continue-card{flex-direction:column;align-items:flex-start}.continue-action{width:100%;text-align:center}.photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-tip{display:none}}