:root { --tew-bg:#070e16; --tew-panel:#111f2d; --tew-line:#355766; --tew-text:#edf8f4; --tew-muted:#c3d6d0; --tew-accent:#8ce8b6; }
body.tew-community-page { margin:0; background:#070e16; color:var(--tew-text); }
.tew-site { min-height:100vh; background:radial-gradient(ellipse at 50% 0,#102334 0,#070e16 48%); color:var(--tew-text); font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.tew-site * { box-sizing:border-box; }
.tew-site a { color:var(--tew-accent); }
.tew-skip { position:absolute; left:-10000px; top:0; z-index:1000; padding:.75rem; background:#fff; color:#000; }
.tew-skip:focus { left:8px; }
.tew-header { position:sticky; top:0; z-index:100; border-bottom:1px solid #2b4e4b; background:#080e15f2; backdrop-filter:blur(12px); }
.tew-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.15rem; max-width:1300px; margin:auto; padding:.55rem 1rem; }
.tew-nav a { padding:.55rem .7rem; border-radius:8px; color:#82ddaa; font-size:.92rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.tew-nav a:hover,.tew-nav a[aria-current=page] { background:#19392f; color:#fff; }
.tew-main { max-width:1280px; min-height:65vh; margin:auto; padding:1.5rem 1.2rem 4rem; }
.tew-main-hub { padding:0 0 4rem; }
.tew-main-forum { max-width:1100px; }
.tew-main-forum h1 { margin:.7rem 0 1.5rem; color:var(--tew-text); font-family:Outfit,system-ui,sans-serif; font-size:clamp(2.3rem,5vw,4rem); line-height:1.1; }
.tew-crumb { display:flex; flex-wrap:wrap; gap:.7rem; margin:1.2rem 0; color:var(--tew-muted); font-size:.9rem; }
.tew-footer { display:flex; flex-wrap:wrap; gap:1.5rem; justify-content:center; padding:2rem 1rem; border-top:1px solid #294b4f; color:var(--tew-muted); font-size:.88rem; }
.tew-site #bbpress-forums { color:var(--tew-text); font-size:1rem; }
.tew-site #bbpress-forums a { color:var(--tew-accent); }
.tew-site #bbpress-forums ul.bbp-forums,.tew-site #bbpress-forums ul.bbp-topics,.tew-site #bbpress-forums ul.bbp-replies,.tew-site #bbpress-forums fieldset.bbp-form { border:1px solid var(--tew-line); border-radius:10px; background:#0c1824; }
.tew-site #bbpress-forums li.bbp-header,.tew-site #bbpress-forums li.bbp-footer { border-color:var(--tew-line); background:#162b3b; color:var(--tew-text); }
.tew-site #bbpress-forums li.bbp-body ul.forum,.tew-site #bbpress-forums li.bbp-body ul.topic,.tew-site #bbpress-forums div.odd,.tew-site #bbpress-forums div.even { border-color:var(--tew-line); background:#0c1824; color:var(--tew-text); }
.tew-site #bbpress-forums input[type=text],.tew-site #bbpress-forums input[type=password],.tew-site #bbpress-forums textarea,.tew-site #bbpress-forums select { max-width:100%; min-height:42px; padding:.6rem .7rem; border:1px solid #597784; border-radius:7px; background:#09151e; color:var(--tew-text); font:inherit; }
.tew-site #bbpress-forums textarea { width:100%; min-height:150px; }
.tew-site #bbpress-forums button,.tew-site #bbpress-forums input[type=submit] { min-height:43px; padding:.65rem 1rem; border:1px solid var(--tew-accent); border-radius:8px; background:var(--tew-accent); color:#0c1d16; font-weight:800; cursor:pointer; }
.tew-site #bbpress-forums .bbp-template-notice { border-radius:8px; }
.tew-site #bbpress-forums .bbp-template-notice p { color:#203124; }
.tew-site :focus-visible { outline:3px solid #b7f5ce; outline-offset:3px; }
body:has(.tew-community), body.bbpress { background:#070e16; color:var(--tew-text); }
body:has(.tew-community) .wp-site-blocks, body.bbpress .wp-site-blocks { background:#070e16; }
.tew-community { max-width:1240px; margin:0 auto; padding:clamp(16px,3vw,34px); color:var(--tew-text); font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
.tew-community * { box-sizing:border-box; }
.tew-community h1,.tew-community h2,.tew-community h3 { color:var(--tew-text); font-family:Outfit,system-ui,sans-serif; line-height:1.1; }
.tew-community a { color:var(--tew-accent); text-underline-offset:.2em; }
.tew-community a:focus-visible,.tew-community button:focus-visible,.tew-community input:focus-visible,.tew-community textarea:focus-visible,.tew-community select:focus-visible { outline:3px solid #b7f5ce; outline-offset:3px; }
.tew-community-kicker { color:var(--tew-accent); font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.tew-community-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr); align-items:center; gap:2rem; padding:clamp(28px,5vw,68px); border:1px solid #417565; border-radius:24px; background:radial-gradient(circle at 14% 23%,#9edacb88 0 1px,transparent 1.5px) 0 0/223px 201px,linear-gradient(120deg,#0a121a,#102437 70%,#0a1420); box-shadow:0 22px 60px #0008; }
.tew-community-hero h1 { max-width:12ch; margin:.5em 0 .3em; font-size:clamp(3rem,6.6vw,6rem); letter-spacing:-.045em; }
.tew-community-hero p { max-width:57ch; font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.7; }
.tew-community-hero img { width:100%; max-width:360px; height:auto; margin:auto; mix-blend-mode:screen; filter:drop-shadow(0 0 36px #45c89b44); }
.tew-community-signup { padding:.9rem 1rem; border-left:3px solid var(--tew-accent); border-radius:0 8px 8px 0; background:#0b1926; }
.tew-community-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.tew-community-button { display:inline-flex; align-items:center; min-height:45px; padding:.7rem 1.1rem; border:1px solid #668e88; border-radius:9px; background:#193144; color:#f5fff9!important; font-weight:800; text-decoration:none; }
.tew-community-primary { border-color:var(--tew-accent); background:var(--tew-accent); color:#0b1b14!important; }
.tew-community-section { margin-top:3.4rem; }
.tew-community-section-head { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:1.3rem; }
.tew-community-section h2 { margin:.3rem 0 .7rem; font-size:clamp(2rem,4vw,3rem); }
.tew-community-section-head p { max-width:40ch; color:var(--tew-muted); }
.tew-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.tew-community-card { display:flex; flex-direction:column; min-height:190px; padding:1.45rem; border:1px solid var(--tew-line); border-radius:15px; background:linear-gradient(145deg,#132431,#0d1925); text-decoration:none; box-shadow:0 12px 30px #0005; }
.tew-community-card:hover { border-color:var(--tew-accent); transform:translateY(-2px); }
.tew-community-card h3 { margin:.5em 0; font-size:1.5rem; }
.tew-community-card p { margin:0 0 1rem; color:var(--tew-muted); line-height:1.55; }
.tew-community-card span:last-child { margin-top:auto; font-weight:800; }
.tew-community-panel { padding:clamp(20px,3vw,32px); border:1px solid var(--tew-line); border-radius:17px; background:var(--tew-panel); }
.tew-community-panel p,.tew-community-note { color:var(--tew-muted); line-height:1.7; }
.tew-community-link-form { display:flex; flex-wrap:wrap; align-items:end; gap:.7rem; max-width:760px; }
.tew-community-link-form label { flex-basis:100%; font-weight:700; }
.tew-community-link-form input { flex:1 1 280px; min-width:0; min-height:45px; padding:.7rem; border:1px solid #597784; border-radius:8px; background:#09151e; color:var(--tew-text); font:inherit; }
.tew-community-panel code { overflow-wrap:anywhere; color:var(--tew-accent); }
.tew-share-page { max-width:1160px; }
.tew-share-breadcrumb { display:flex; align-items:center; gap:.65rem; margin:.25rem 0 1.2rem; color:var(--tew-muted); font-size:.9rem; }
.tew-share-breadcrumb a { text-decoration:none; }
.tew-share-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); align-items:center; min-height:340px; gap:2rem; overflow:hidden; padding:clamp(28px,5vw,64px); border:1px solid #3b786a; border-radius:23px; background:radial-gradient(circle at 80% 42%,#174f60 0,#0d2837 28%,transparent 55%),linear-gradient(125deg,#0a1621,#102737 65%,#09202b); box-shadow:0 24px 70px #0007; isolation:isolate; }
.tew-share-hero::before { position:absolute; inset:0; z-index:-1; content:""; opacity:.32; background:radial-gradient(circle,#b8fff3 0 1px,transparent 1.6px) 18px 14px/154px 111px,radial-gradient(circle,#86d8ff 0 1px,transparent 1.6px) 73px 41px/223px 161px; }
.tew-share-hero h1 { max-width:13ch; margin:.55rem 0 1rem; font-size:clamp(2.7rem,5vw,5.1rem); letter-spacing:-.05em; }
.tew-share-hero p { max-width:58ch; margin:0; color:#d9ede9; font-size:1.08rem; line-height:1.7; }
.tew-share-pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }
.tew-share-pills span { padding:.45rem .7rem; border:1px solid #4a817c; border-radius:999px; background:#0d2b36bd; color:#dffcf0; font-size:.8rem; font-weight:750; }
.tew-share-visual { position:relative; display:flex; align-items:center; justify-content:center; min-height:235px; }
.tew-share-visual-orbit { position:absolute; width:225px; height:225px; border:1px solid #4d9e9e99; border-radius:50%; box-shadow:inset 0 0 40px #4bbda122,0 0 60px #4bbda122; }
.tew-share-visual-orbit::before,.tew-share-visual-orbit::after { position:absolute; content:""; border:1px solid #5aaea577; border-radius:50%; transform:rotate(-28deg); }
.tew-share-visual-orbit::before { inset:34px -36px; }.tew-share-visual-orbit::after { inset:65px -12px; }
.tew-share-visual strong { z-index:2; width:128px; height:128px; display:grid; place-items:center; border:1px solid #78d9bc; border-radius:50%; background:radial-gradient(circle at 40% 30%,#1d6572,#0a2030 67%); box-shadow:0 0 32px #3be5ac66; color:#e6fff6; font-size:1.1rem; letter-spacing:.16em; line-height:1.4; text-align:center; }
.tew-share-visual-node { position:absolute; z-index:3; padding:.45rem .65rem; border:1px solid #6cb9ae; border-radius:7px; background:#102b37; color:#dffcf0; font-size:.76rem; font-weight:800; }
.tew-share-visual-left { left:0; bottom:34px; }.tew-share-visual-right { right:0; top:24px; }
.tew-share-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1rem 0 1.8rem; }
.tew-share-steps div { display:flex; align-items:center; gap:1rem; padding:1rem 1.15rem; border:1px solid #315766; border-radius:11px; background:#0d1c29; color:#ecfff8; font-weight:750; }
.tew-share-steps b { color:var(--tew-accent); font-size:.82rem; letter-spacing:.12em; }
.tew-share-workspace { margin-top:1.4rem; padding:clamp(22px,4vw,42px); border-color:#3b6270; background:linear-gradient(150deg,#122634,#0c1b29 70%); box-shadow:0 18px 48px #0005; }
.tew-share-workspace-heading { margin-bottom:1.3rem; }.tew-share-workspace-heading h2 { margin:.4rem 0; font-size:clamp(1.8rem,3vw,2.7rem); }
.tew-share-form { display:grid; gap:1rem; max-width:760px; }
.tew-share-form label,#tew-share-transfer label { display:grid; gap:.5rem; color:var(--tew-text); font-weight:700; }
.tew-share-form input,.tew-share-form textarea,#tew-share-transfer input { width:100%; min-height:45px; padding:.75rem; border:1px solid #597784; border-radius:8px; background:#09151e; color:var(--tew-text); font:inherit; }
.tew-share-form input[type=file],#tew-share-transfer input[type=file] { padding:1.25rem; border-style:dashed; border-color:#76bca6; border-radius:11px; background:#0b2633; cursor:pointer; }
.tew-share-form input[type=file]::file-selector-button,#tew-share-transfer input[type=file]::file-selector-button { margin-right:1rem; padding:.65rem .9rem; border:1px solid #92d8bc; border-radius:7px; background:#173b44; color:#effff7; font:inherit; font-weight:750; cursor:pointer; }
.tew-share-form button { justify-self:start; }
.tew-share-review,.tew-share-request,.tew-share-card { padding:1rem; border:1px solid var(--tew-line); border-radius:11px; background:#0b1926; }
.tew-share-review { min-height:65px; color:#d8eae6!important; }
.tew-share-review:not(:empty) { border-left:3px solid var(--tew-accent); }
.tew-share-workspace .tew-community-button { justify-content:center; transition:filter .15s ease,transform .15s ease; cursor:pointer; }
.tew-share-workspace .tew-community-button:hover { filter:brightness(1.13); transform:translateY(-1px); }
.tew-share-workspace #tew-share-files { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.65rem; padding:0; list-style:none; }
.tew-share-workspace #tew-share-files li { padding:.9rem 1rem; border:1px solid #355f6d; border-radius:9px; background:#0b2230; overflow-wrap:anywhere; }
#tew-share-status { padding:1rem 1.1rem; border:1px solid #4c8c7c; border-radius:10px; background:#11342f; color:#dbfce9; font-weight:750; }
.tew-share-request { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.6rem 0; }
.tew-share-request button { padding:.65rem 1rem; border:1px solid var(--tew-accent); border-radius:8px; background:#193144; color:var(--tew-text); cursor:pointer; }
#tew-share-downloads { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
#tew-share-download:disabled { opacity:.5; cursor:not-allowed; }
.tew-share-card { margin-top:1rem; }
.tew-community-note { padding-top:2rem; }
.tew-community #bbpress-forums { color:var(--tew-text); font-size:1rem; }
.tew-community #bbpress-forums ul.bbp-forums,.tew-community #bbpress-forums ul.bbp-topics,.tew-community #bbpress-forums ul.bbp-replies,.tew-community #bbpress-forums fieldset.bbp-form { border:1px solid var(--tew-line); border-radius:10px; background:#0c1824; }
.tew-community #bbpress-forums li.bbp-header,.tew-community #bbpress-forums li.bbp-footer { border-color:var(--tew-line); background:#162b3b; color:var(--tew-text); }
.tew-community #bbpress-forums li.bbp-body ul.forum,.tew-community #bbpress-forums li.bbp-body ul.topic { border-color:var(--tew-line); background:#0c1824; color:var(--tew-text); }
.tew-community #bbpress-forums input[type=text],.tew-community #bbpress-forums textarea,.tew-community #bbpress-forums select { max-width:100%; min-height:42px; padding:.6rem .7rem; border:1px solid #597784; border-radius:7px; background:#09151e; color:var(--tew-text); font:inherit; }
.tew-community #bbpress-forums textarea { width:100%; min-height:150px; }
.tew-community #bbpress-forums button,.tew-community #bbpress-forums input[type=submit] { min-height:43px; padding:.65rem 1rem; border:1px solid var(--tew-accent); border-radius:8px; background:var(--tew-accent); color:#0c1d16; font-weight:800; cursor:pointer; }
.tew-community #bbpress-forums .bbp-template-notice { border-radius:8px; }
.tew-community #bbpress-forums .bbp-template-notice p { color:#203124; }
@media(max-width:900px) { .tew-community-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .tew-community-hero { grid-template-columns:1fr; } .tew-community-hero img { max-width:220px; } .tew-community-grid { grid-template-columns:1fr; } .tew-community-section-head { display:block; } }
@media(max-width:750px) { .tew-share-hero { grid-template-columns:1fr; }.tew-share-visual { min-height:170px; transform:scale(.75); }.tew-share-steps { grid-template-columns:1fr; }.tew-share-hero h1 { max-width:none; } }
@media(max-width:700px) { .tew-nav { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; } .tew-main { padding:1rem .7rem 3rem; } }
@media(prefers-reduced-motion:reduce) { .tew-community-card:hover { transform:none; } }
