.atmosphere-page{background:#f7f7f8}.sound-hero{color:#fff;background:radial-gradient(circle at 73% 45%,#e21b2d45,transparent 27%),linear-gradient(125deg,#090a0f,#171922 63%,#320b12);overflow:hidden}.sound-hero-inner{min-height:385px;display:flex;align-items:center;justify-content:space-between;gap:45px}.sound-copy{max-width:650px;padding:42px 0}.back-link{display:inline-flex;color:#b4b6bf;font-size:11px;margin-bottom:28px}.sound-copy h1{font-size:clamp(43px,7vw,73px);line-height:1.25;letter-spacing:-3px;margin:10px 0}.sound-copy h1 em{font-style:normal;color:#ff4858}.sound-copy p{font-size:14px;line-height:2;color:#b8bbc4}.sound-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.sound-rules span{border:1px solid #ffffff24;background:#ffffff0d;border-radius:20px;padding:6px 11px;color:#d4d5db;font-size:10px}.sound-wave{width:300px;height:220px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.sound-wave i{display:block;width:8px;border-radius:8px;background:linear-gradient(#ff4a59,#8e0d1d);animation:wave 1.1s ease-in-out infinite}.sound-wave i:nth-child(1),.sound-wave i:nth-child(8){height:50px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(7){height:90px;animation-delay:.1s}.sound-wave i:nth-child(3),.sound-wave i:nth-child(6){height:145px;animation-delay:.2s}.sound-wave i:nth-child(4),.sound-wave i:nth-child(5){height:190px;animation-delay:.3s}.sound-wave b{position:absolute;width:78px;height:78px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 12px #ffffff12}.sound-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:18px;padding:30px 0}.recorder-card{padding:25px}.recorder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recorder-head h2{font-size:27px;margin:5px 0}.secure-badge{background:#e9f8ef;color:#23854c;border-radius:20px;padding:6px 10px;font-size:9px;white-space:nowrap}.secure-badge.bad{background:#fff0f1;color:var(--red)}.meter{height:84px;border-radius:10px;margin:24px 0 15px;position:relative;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(90deg,#f0f1f3 0 5px,transparent 5px 10px)}.meter-fill{position:absolute;right:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#ffadb5,#e21b2d);opacity:.8;transition:width .5s linear}.meter span{position:relative;font-size:24px;font-weight:900}.record-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:10px;padding:14px;background:var(--red);color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 10px 28px #e21b2d28}.record-btn:disabled{cursor:wait}.record-btn.recording{background:#191b23}.record-btn span:last-child{text-align:right}.record-btn b,.record-btn small{display:block}.record-btn b{font-size:13px}.record-btn small{font-size:9px;color:#ffdce0;font-weight:400}.mic{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;font-size:11px}.recording .mic{animation:pulse-record 1s infinite}.record-status{min-height:24px;text-align:center;font-size:11px;color:#878a94;margin:12px 0}.record-status.success{color:#23854c}.record-status.error{color:#c7192b}.record-status.warning{color:#b37100}.login-notice{background:#fff5f5;border-right:3px solid var(--red);padding:13px 15px;border-radius:7px;margin:15px 0}.login-notice b,.login-notice span,.login-notice a{display:block}.login-notice b{font-size:12px}.login-notice span{font-size:10px;color:#7d8089}.login-notice a{font-size:10px;color:var(--red);font-weight:800;margin-top:5px}.permission-help{border-top:1px solid var(--line);padding-top:14px;margin-top:15px;font-size:11px}.permission-help summary{cursor:pointer;font-weight:700}.permission-help ol{color:#737680;line-height:2.2}.permission-help code{direction:ltr;display:inline-block;background:#eee;padding:1px 5px;border-radius:4px}.privacy-card{background:var(--ink);color:#fff;border-radius:12px;padding:25px}.privacy-icon{font-size:28px}.privacy-card h2{font-size:22px}.privacy-card p,.privacy-card li{font-size:11px;line-height:2;color:#b4b7c0}.privacy-card ul{padding-right:18px}.radio-section{padding:25px 0 75px}.clips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clip-card{padding:15px}.clip-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clip-user>span{width:36px;height:36px;display:grid;place-items:center;background:#fff0f1;color:var(--red);border-radius:50%;font-weight:800}.clip-user div{min-width:0}.clip-user b,.clip-user small{display:block}.clip-user b{font-size:12px}.clip-user small{font-size:9px;color:#92959e}.clip-card audio{width:100%;height:34px}.report-btn{border:0;background:none;color:#a0a2aa;font:9px Vazirmatn;cursor:pointer;margin-top:8px}.empty-clips{grid-column:1/-1;border:1px dashed #d7d8dd;border-radius:12px;padding:30px;text-align:center;color:#8e919a}.empty-clips b,.empty-clips span{display:block}.empty-clips b{color:#333640;font-size:14px}.empty-clips span{font-size:11px;margin-top:5px}@keyframes wave{50%{transform:scaleY(.55)}}@keyframes pulse-record{50%{box-shadow:0 0 0 8px #fff3}}@media(prefers-reduced-motion:reduce){.sound-wave i,.recording .mic{animation:none}}@media(max-width:800px){.sound-layout{grid-template-columns:1fr}.clips-grid{grid-template-columns:1fr 1fr}.sound-wave{width:210px}.recorder-head{align-items:flex-start}}@media(max-width:600px){.sound-hero-inner{display:block}.sound-copy{padding-bottom:15px}.sound-wave{width:100%;height:150px}.sound-wave i:nth-child(3),.sound-wave i:nth-child(6){height:100px}.sound-wave i:nth-child(4),.sound-wave i:nth-child(5){height:130px}.sound-copy h1{letter-spacing:-1.5px}.sound-layout{padding-top:18px}.recorder-card,.privacy-card{padding:20px}.recorder-head{display:block}.secure-badge{display:inline-block;margin-top:8px}.clips-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}