:root{color-scheme:dark;--bg:#090b10;--panel:#121620;--panel2:#191e2a;--text:#f4f5f7;--muted:#9ca5b5;--line:#293142;--accent:#d7ff45;--hot:#ff5277;--max:760px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% -10%,#242d46 0,transparent 36rem),var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);background:rgba(9,11,16,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{color:var(--text);text-decoration:none;font-size:25px;font-weight:900;letter-spacing:.12em}.brand span{color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.08em}.top nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top nav a,.top nav button{color:var(--muted);background:none;border:0;text-decoration:none;font:inherit;padding:8px 10px;cursor:pointer}.top nav .accent{color:#090b10;background:var(--accent);border-radius:999px;font-weight:800}.top nav form{margin:0}main{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:72vh}.hero{padding:64px 0 34px}.hero h1,.form-panel h1{font-size:clamp(32px,7vw,58px);line-height:1.12;margin:.15em 0}.hero>p:last-child{color:var(--muted);font-size:18px;max-width:650px}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.25em}.flash{padding:12px 16px;border:1px solid #42627c;background:#142537;border-radius:12px;margin:24px 0}.flash.error{border-color:#743044;background:#32131c}.controls{display:grid;gap:14px;margin-bottom:18px}.search{display:grid;grid-template-columns:1.35fr 1fr auto;gap:8px}.search input,.form-panel input,.form-panel textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#0d1017;color:var(--text);font:inherit}.search button,.primary,.recorder button{border:0;border-radius:12px;padding:12px 20px;background:var(--accent);color:#080a0d;font:inherit;font-weight:900;cursor:pointer}.sort{display:flex;gap:8px}.sort a{padding:7px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--muted)}.sort a.active{background:var(--text);color:var(--bg)}.timeline{display:grid;gap:12px}.voice-card{display:grid;grid-template-columns:46px 1fr;gap:13px;background:linear-gradient(135deg,var(--panel),#10131b);border:1px solid var(--line);border-radius:18px;padding:17px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;font-weight:900;font-size:20px}.voice-head{display:flex;justify-content:space-between;gap:16px}.voice-head h2{font-size:20px;line-height:1.25;margin:2px 0}.user,.voice-head time,.meta{color:var(--muted);font-size:12px}.description{margin:10px 0;color:#d8dce4}.voice-card audio,.form-panel audio{display:block;width:100%;margin:12px 0;accent-color:var(--accent)}.meta{display:flex;gap:14px;flex-wrap:wrap}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tags a{color:var(--accent);text-decoration:none;font-size:13px}.actions{display:flex;gap:8px;margin-top:10px}.actions form{margin:0}.like,.danger{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:7px 12px;cursor:pointer}.like.liked{color:var(--hot);border-color:var(--hot)}.danger{color:#ff899f}.empty{padding:50px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.form-panel{width:min(560px,100%);margin:58px auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.form-panel.wide{width:100%}.form-panel form{display:grid;gap:16px}.form-panel label{display:grid;gap:6px;font-weight:700}.form-panel small{color:var(--muted);font-weight:400}.check{grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.recorder{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;border-radius:16px;background:var(--panel2)}.recorder #stop{background:#343b4a;color:#fff}.recorder button:disabled{opacity:.45}.recorder p{width:100%;margin:0;color:var(--muted)}.ad-section{width:min(1120px,calc(100vw - 32px));margin:28px 50%;transform:translateX(-50%);padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(18,22,32,.72)}.ad-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted)}.ad-section-head span{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:11px;font-weight:900;letter-spacing:.08em}.ad-section-head small{font-size:12px}.ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}.ad-item{min-width:0;display:grid;place-items:center;overflow:hidden}.ad-item>a{display:block;max-width:100%;line-height:0}.ad-item>a>img{display:block;width:300px;max-width:100%;height:auto}.ad-section-bottom{margin-top:34px}@media(max-width:650px){.ad-section{width:100%;margin:22px 0;transform:none;padding:14px 8px}.ad-grid{grid-template-columns:1fr;gap:14px}.ad-item>a>img{width:300px;max-width:100%}}
footer{width:min(1120px,calc(100% - 32px));margin:70px auto 0;padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--text);letter-spacing:.18em}@media(max-width:650px){.top{position:static;align-items:flex-start;flex-direction:column}.top nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.top nav a,.top nav button{white-space:nowrap}.hero{padding-top:40px}.search{grid-template-columns:1fr}.voice-card{grid-template-columns:36px 1fr;padding:13px}.avatar{width:36px;height:36px}.voice-head{display:block}.voice-head time{display:block}.form-panel{padding:20px;margin:30px auto}.recorder button{flex:1}.meta{gap:9px}}