:root{color:#211714;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#f8f2e8;--surface:#fffaf5c7;--surface-strong:#ffffffeb;--ink:#211714;--muted:#71594d;--line:#2117141a;--line-strong:#2117142e;--accent:#ee5a36;--accent-deep:#c13a19;--accent-soft:#ee5a3624;--dark:#1b120d;--gold:#f3bf76;--shadow:0 24px 80px #3b1e0f24;background:radial-gradient(circle at top,#ee5a3638,#0000 32%),linear-gradient(#f8f2e8 0%,#f3ece2 45%,#efe6db 100%);font:16px/1.5 DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#root{min-height:100vh}h1,h2,strong{font-family:Space Grotesk,sans-serif}h1,h2,p{margin:0}.landing-page,.dashboard-shell,.screen-shell{width:min(1280px,100% - 32px);margin:0 auto}.landing-page{padding:20px 0 48px}.hero-shell,.feature-card,.auth-card,.sidebar-card,.headline-card,.composer-card,.feed-card,.leaderboard-card,.stat-card,.loading-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.topbar,.dashboard-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-shell{border-radius:36px;padding:28px;position:relative;overflow:hidden}.hero-shell:after{content:"";pointer-events:none;background:radial-gradient(circle,#f3bf7670,#0000 70%);width:300px;height:300px;position:absolute;inset:auto -12% -24% auto}.brand-lockup,.brand-inline{align-items:center;gap:12px;display:inline-flex}.brand-lockup strong,.brand-inline strong{font-size:1.05rem;display:block}.brand-lockup p{color:var(--muted);font-size:.92rem}.brand-mark{background:linear-gradient(135deg, var(--accent), #ff875e);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:700;display:grid;box-shadow:0 12px 30px #ee5a3659}.topbar-actions,.dashboard-actions,.hero-actions,.form-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button,.room-chip,.room-select{border:1px solid #0000;border-radius:999px;transition:transform .18s,border-color .18s,background .18s}.primary-button,.secondary-button,.ghost-button,.room-chip{cursor:pointer}.primary-button,.secondary-button,.ghost-button{padding:12px 18px;font-weight:700}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff}.secondary-button{border-color:var(--line);background:#ffffffd9}.ghost-button{border-color:var(--line);background:0 0}.block-button{justify-content:center;width:100%}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.room-chip:hover{transform:translateY(-1px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-deep);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;margin-top:40px;display:grid}.hero-copy h1{max-width:11ch;margin-top:16px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98}.hero-text{max-width:54ch;color:var(--muted);margin-top:18px;font-size:1.05rem}.hero-actions{margin-top:26px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.hero-metrics article,.preview-bubble,.preview-rank{background:#1b120d14;border:1px solid #ffffff38;border-radius:22px;padding:16px}.hero-metrics strong,.preview-bubble strong,.preview-rank strong{font-size:1rem;display:block}.hero-metrics span,.preview-bubble p,.preview-rank span{color:#211714bf;font-size:.92rem}.phone-preview{justify-content:center;display:flex}.phone-frame{background:linear-gradient(180deg, #2d1b12 0%, #1b120d 100%), var(--dark);color:#fff;border:1px solid #ffffff1a;border-radius:34px;width:min(360px,100%);padding:18px;box-shadow:0 30px 60px #1b120d52}.phone-top,.preview-footer{color:#ffffffc7;justify-content:space-between;font-size:.86rem;display:flex}.preview-rank,.preview-bubble{color:#fff;background:#ffffff14;margin-top:14px}.preview-rank{justify-content:space-between;display:flex}.preview-rank span,.preview-bubble p,.preview-footer{color:#ffffffb3}.preview-bubble{grid-template-columns:42px 1fr;gap:12px;display:grid}.preview-avatar{background:linear-gradient(135deg, var(--accent), #ff875e);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.preview-avatar.alt{color:#1b120d;background:linear-gradient(135deg,#f3bf76,#f08f54)}.preview-photo{background-color:#0000;background-image:linear-gradient(#00000014,#0000002e),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%23ee5a36'/%3E%3Cstop offset='1' stop-color='%23f3bf76'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23g)' width='300' height='300' rx='24'/%3E%3Cpath d='M46 214c24-38 49-57 74-57 14 0 32 7 53 21 16-26 34-40 52-40 15 0 31 10 49 30v46H46z' fill='rgba(27,18,13,.34)'/%3E%3Ccircle cx='92' cy='100' r='26' fill='rgba(255,255,255,.32)'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:26px;min-height:220px;margin-top:14px}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.feature-card{border-radius:28px;padding:24px}.feature-card h2{margin-top:12px;margin-bottom:10px;font-size:1.5rem}.feature-card p,.auth-intro p,.headline-card p,.muted-copy,.member-row span,.leaderboard-name span,.feed-meta span,.stat-card span,.banner-error,.banner-info{color:var(--muted)}.screen-shell{place-items:center;min-height:100vh;padding:32px 0;display:grid}.auth-screen{padding-top:24px;padding-bottom:24px}.auth-card,.loading-card{border-radius:32px;width:min(560px,100%);padding:28px}.auth-intro{margin-bottom:24px}.auth-intro h1,.loading-card h1,.headline-card h1{margin-top:12px;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1}.stack-form{gap:14px;display:grid}.compact-form{gap:10px}.stack-form label{gap:8px;display:grid}.stack-form span{font-weight:700}.stack-form input,.stack-form textarea,.room-select{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:18px;outline:none;padding:14px 16px}.stack-form input:focus,.stack-form textarea:focus,.room-select:focus{border-color:#ee5a3680;box-shadow:0 0 0 4px #ee5a361f}.stack-form textarea{resize:vertical;min-height:118px}.form-links{justify-content:space-between}.form-links a{color:var(--accent-deep);font-weight:700}.form-error,.banner-error{color:#8e2c14;background:#c13a191a;border:1px solid #c13a1933}.form-success,.banner-info{color:#93411d;background:#ee5a361a;border:1px solid #ee5a362e}.form-error,.form-success,.banner-error,.banner-info{border-radius:18px;padding:13px 14px}.dashboard-shell{padding:24px 0 40px}.dashboard-grid{grid-template-columns:280px minmax(0,1fr) 320px;align-items:start;gap:18px;margin-top:20px;display:grid}.sidebar-card,.headline-card,.composer-card,.feed-card,.leaderboard-card{border-radius:28px;padding:22px}.sidebar-card,.leaderboard-card{position:sticky;top:18px}.sidebar-section+.sidebar-section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.room-list{gap:10px;margin-top:12px;display:grid}.room-chip{text-align:left;border:1px solid var(--line);background:#ffffffb8;padding:14px 16px}.room-chip strong{display:block}.room-chip span{color:var(--muted);margin-top:4px;font-size:.9rem;display:block}.room-chip.active{background:var(--accent-soft);border-color:#ee5a3666}.main-column{gap:18px;display:grid}.headline-card,.section-heading,.feed-meta,.leaderboard-row,.member-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{border-radius:24px;padding:18px}.stat-card strong{margin-top:10px;font-size:2.1rem;display:block}.upload-preview{border:1px solid var(--line);border-radius:24px;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;max-height:320px}.feed-list{gap:14px;margin-top:18px;display:grid}.feed-item{gap:12px;display:grid}.feed-item.own .feed-bubble{background:linear-gradient(#ee5a3614,#ffffffe6);border-color:#ee5a3647}.feed-meta{justify-content:flex-start}.avatar-circle{background:linear-gradient(135deg, var(--dark), #472f24);color:#fff;border-radius:18px;flex:none;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.feed-meta strong,.leaderboard-name strong,.member-row strong{display:block}.feed-meta span,.leaderboard-name span,.member-row span{font-size:.9rem}.feed-bubble{border:1px solid var(--line);background:#ffffffc7;border-radius:26px;margin-left:60px;overflow:hidden}.feed-bubble img{object-fit:cover;width:100%;max-height:440px}.feed-bubble p{padding:16px}.feed-post-actions{justify-content:flex-end;padding:0 14px 14px;display:flex}.headline-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.delete-room-button{color:#b5351d;font:inherit;cursor:pointer;background:#fff0eb;border:1px solid #b5351d40;border-radius:999px;padding:10px 14px;font-weight:700}.delete-room-button:hover{background:#ffdcd1}.delete-post-button{color:#b5351d;font:inherit;cursor:pointer;background:#fff0eb;border:0;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.delete-post-button:hover{background:#ffdcd1}.leaderboard-list,.member-list{gap:12px;display:grid}.member-list{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.leaderboard-row,.member-row{border-bottom:1px solid var(--line);padding:12px 0}.leaderboard-rank{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);border-radius:12px;place-items:center;font-weight:700;display:grid}@media (width<=1120px){.hero-grid,.dashboard-grid,.feature-strip,.hero-metrics,.stats-row{grid-template-columns:1fr}.sidebar-card,.leaderboard-card{position:static}.hero-copy h1{max-width:13ch}}@media (width<=720px){.landing-page,.dashboard-shell,.screen-shell{width:min(100% - 20px,1280px)}.hero-shell,.auth-card,.sidebar-card,.headline-card,.composer-card,.feed-card,.leaderboard-card{border-radius:24px;padding:18px}.topbar,.dashboard-topbar,.headline-card,.section-heading{flex-direction:column;align-items:stretch}.topbar-actions,.dashboard-actions,.hero-actions,.form-links{width:100%}.topbar-actions>*,.dashboard-actions>*,.hero-actions>*{text-align:center;flex:1;justify-content:center}.hero-copy h1,.auth-intro h1,.loading-card h1,.headline-card h1{font-size:2.4rem}.feed-bubble{margin-left:0}}