:root{
  --ink:#001c1b;
  --ink2:#063a39;
  --muted:#4f7474;
  --aqua:#31f3e8;
  --aqua2:#7ffbf4;
  --coral:#ff7b6d;
  --paper:#f3fbfb;
  --card:#ffffff;
  --line:rgba(0,47,45,.13);
  --shadow:0 24px 70px rgba(0,47,45,.13);
}
*{box-sizing:border-box}
html{min-height:100%;background:radial-gradient(circle at top left,rgba(49,243,232,.28),transparent 36%),linear-gradient(180deg,#f7ffff,#edf7f6)}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,Segoe UI,sans-serif;background:transparent}
a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,56px);backdrop-filter:blur(18px);background:rgba(244,251,251,.78);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brand span{width:26px;height:26px;border-radius:10px;background:linear-gradient(135deg,var(--aqua),var(--coral));box-shadow:0 0 24px rgba(49,243,232,.8)}
nav{display:flex;gap:18px}nav a{text-decoration:none;font-weight:800;color:var(--ink2);font-size:.92rem}
main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch;margin-bottom:24px}.hero-copy,.viewer-card,.panel,.post-card{border:1px solid var(--line);background:rgba(255,255,255,.86);box-shadow:var(--shadow);border-radius:32px}.hero-copy{padding:clamp(28px,5vw,58px);position:relative;overflow:hidden}.hero-copy:after{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(49,243,232,.5),transparent 65%)}
.eyebrow{margin:0 0 14px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#008d89;font-size:.78rem}.hero-copy h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.86;letter-spacing:-.08em;margin:0 0 20px}.lead{font-size:1.1rem;line-height:1.65;max-width:760px;color:var(--ink2)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-aqua,.btn-ghost,button{border:0;border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none;cursor:pointer}.btn-aqua{background:linear-gradient(135deg,var(--aqua),var(--aqua2));color:#002624;box-shadow:0 14px 34px rgba(49,243,232,.34)}.btn-ghost{background:#002826;color:#dffffc}.viewer-card{padding:24px;display:flex;flex-direction:column;justify-content:center}.chip{align-self:flex-start;border-radius:999px;background:#e6fffd;color:#006965;padding:7px 10px;font-weight:900;font-size:.76rem}.viewer-card h2{font-size:2rem;letter-spacing:-.06em;margin:18px 0 2px}.viewer-card p{font-weight:800;color:var(--muted)}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:100px;resize:vertical}.grid-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.rail,.feed-column,.stacked-form,.composer-form,.feed{display:grid;gap:16px}.panel{padding:22px}.panel h2{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.05em}.panel p{color:var(--muted);line-height:1.5}.directory{display:grid;gap:12px}.mini-profile{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:18px;background:#f4fbfb}.mini-profile img,.post-card header img{width:42px;height:42px;border-radius:15px;object-fit:cover;background:#dffffc}.mini-profile span,.post-card header span{display:block;color:var(--muted);font-size:.82rem}.mini-profile button,.post-actions button{background:#e4fffd;color:#005c58;padding:8px 10px;font-size:.8rem}.composer{background:linear-gradient(135deg,#012b2a,#05423f);color:#f4fffe}.composer h2{color:#fff}.composer input,.composer textarea,.composer select{background:rgba(255,255,255,.95)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.post-card{padding:22px}.post-card header{display:flex;gap:12px;align-items:center}.post-body{white-space:pre-wrap;font-size:1.03rem;line-height:1.6}.media,video{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:24px;border:1px solid var(--line);background:#eafffd}.plm-link{display:inline-flex;margin:8px 0 2px;padding:10px 14px;border-radius:16px;background:#002826;color:#dffffc;text-decoration:none;font-weight:900}.post-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.post-actions details{border-radius:18px;background:#f4fbfb;padding:8px 10px}.post-actions summary{cursor:pointer;font-weight:900}.inline-form{display:flex;gap:8px;margin-top:10px}.comment{margin:9px 0 0;color:var(--ink2);font-size:.92rem}.footer{text-align:center;color:var(--muted);padding:20px}
@media(max-width:900px){.hero-shell,.grid-layout{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}}