:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1010;color:#eef8f0;font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 82% -10%,#204d38 0,transparent 31%),radial-gradient(circle at 10% 70%,#162d24 0,transparent 32%)}main{max-width:1180px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:8px 0}header b{font-size:22px;color:#e8f9ec}header i{color:#86df9c}header input,input,textarea{border:1px solid #2c4b3b;border-radius:12px;padding:12px;background:#121b18;color:#f5fff6;font:inherit}header input{width:min(360px,100%)}textarea{min-height:90px;resize:vertical}button{border:1px solid transparent;background:#18251f;color:#eef8f0;padding:10px 14px;border-radius:12px;font:inherit;cursor:pointer;transition:transform .2s,background .2s}button:hover{transform:translateY(-1px);background:#253a2f}.green{background:#39a962;color:#fff;font-weight:800}.green:hover{background:#4fbe77}.hero{margin:50px 0;padding:60px;border:1px solid #2b5d40;border-radius:32px;background:radial-gradient(circle at 85% 15%,#5fbf7c77,transparent 29%),linear-gradient(135deg,#102b1d,#174e31);box-shadow:0 24px 70px #0007;color:#fff}.hero p{letter-spacing:.15em;color:#bceecb;font-size:12px;font-weight:900}.hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.86;margin:15px 0}.hero em{color:#c5fa86;font-style:normal}.hero span{color:#d5efe0;font-size:18px}h2{font-size:30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}article{padding:15px;border:1px solid #294739;border-radius:20px;background:#121b18;cursor:pointer;transition:transform .2s,border .2s}article:hover{transform:translateY(-4px);border-color:#69c887}.cover{height:150px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#265f40,#8dbf5f);font-size:44px;color:#ecffef}.cover.image{width:100%;object-fit:cover}article h3{margin:12px 0 4px}article p,small{color:#a9bfaf;margin:0}.player{position:fixed;bottom:0;left:0;right:0;padding:14px 8%;background:#101915f5;border-top:1px solid #2a4939;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;gap:18px}.player audio{width:360px}.modal{position:fixed;inset:0;background:#020604c9;display:grid;place-items:center}.modal form{display:grid;grid-gap:11px;gap:11px;width:min(420px,92vw);padding:25px;border:1px solid #335842;border-radius:24px;background:#121b18;box-shadow:0 20px 80px #000}.modal h2{margin:0}@media(max-width:700px){main{padding:14px}header{gap:10px;flex-wrap:wrap}header b{width:100%}header input{order:3;width:100%}header nav{margin-left:auto}.hero{margin:24px 0;padding:35px 22px;border-radius:24px}.hero span{font-size:16px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}article{padding:11px}.cover{height:120px}.player{padding:10px;display:grid}.player audio{width:100%}}.account{padding:9px 12px;border:1px solid #31513e;border-radius:999px;color:#aee9bd;font-weight:700}.moderation{width:min(650px,94vw);max-height:82vh;overflow:auto;padding:24px;border:1px solid #335842;border-radius:24px;background:#121b18;box-shadow:0 20px 80px #000}.moderation article{margin:12px 0;cursor:default}.moderation article button{margin:8px 8px 0 0}