*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fafafa;color:#222}.echo{display:flex;flex-direction:column;min-height:100vh}.echo.rtl{direction:rtl;text-align:right}.echo-header{padding:2rem;text-align:center;border-bottom:3px solid #222;background:#fff}.echo-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem}.echo-date{font-weight:700;text-transform:uppercase;letter-spacing:.15em}.echo-lang{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.875rem}.echo-title{font-size:clamp(2rem,8vw,4rem);font-weight:900;margin:1rem 0 .5rem;letter-spacing:-.02em}.echo-tagline{font-size:.95rem;color:#666;font-style:italic;margin-top:.5rem}.echo-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1.5rem 2rem;border-bottom:1px solid #ddd;background:#fff;overflow-x:auto}.echo-nav-btn{padding:.75rem 1.5rem;background:none;border:none;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:#999;transition:color .2s;border-bottom:3px solid transparent}.echo-nav-btn:hover{color:#222}.echo-nav-btn.active{color:#222;border-bottom-color:#222}.echo-main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem}.echo-listen-bar{margin-bottom:2rem;text-align:center}.echo-listen-journal{padding:1rem 2rem;background:#222;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .3s}.echo-listen-journal:hover{transform:scale(1.05);background:#444}.echo-listen-journal.playing{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.echo-section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.echo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.echo-card{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:all .3s}.echo-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.echo-card-img{width:100%;height:200px;object-fit:cover;display:block}.echo-card-body{padding:1.5rem}.echo-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.echo-card-tag{background:#222;color:#fff;padding:.4rem .8rem;border-radius:4px;font-weight:700}.echo-card-date{color:#999}.echo-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.echo-card-text{color:#666;font-size:.95rem;line-height:1.6;max-height:4rem;overflow:hidden;transition:max-height .3s}.echo-card-text.open{max-height:none}.echo-card-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.echo-btn{padding:.75rem 1.25rem;border:1px solid #222;background:#fff;color:#222;font-weight:700;font-size:.85rem;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.echo-btn:hover{background:#222;color:#fff}.echo-btn-listen{flex:1;min-width:120px}.echo-btn-listen.playing{background:#e74c3c;color:#fff;border-color:#e74c3c;animation:pulse 1s infinite}.echo-btn-read{flex:1;min-width:100px}.echo-card-share{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.echo-share-btn{padding:.6rem 1rem;border:1px solid #ddd;background:#f5f5f5;color:#222;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s;flex:1;min-width:90px}.echo-share-btn:hover{background:#222;color:#fff;border-color:#222}.echo-share-btn.fb{background:#1877f2;color:#fff;border-color:#1877f2}.echo-share-btn.fb:hover{background:#145bcc}.echo-weather-block{margin-bottom:2rem}.echo-info-text{font-size:1.05rem;margin-bottom:1.5rem;color:#666;font-style:italic}.echo-weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.echo-weather-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;text-align:center}.echo-weather-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.echo-weather-city{display:block;font-weight:700;margin-bottom:.5rem}.echo-weather-temp{display:block;font-size:1.5rem;font-weight:700}.echo-weather-minmax{display:block;font-size:.85rem;color:#999;margin-top:.5rem}.echo-info{padding:1rem;text-align:center;color:#999;font-style:italic}.echo-partner-card{position:relative}.echo-partner-emoji{font-size:4rem;text-align:center;margin-bottom:1rem}.echo-footer{background:#222;color:#fff;padding:3rem 2rem;text-align:center;margin-top:2rem}.echo-footer-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.echo-footer p{font-size:.9rem;margin-bottom:.5rem;color:#aaa}.echo-footer-year{font-size:.8rem;margin-top:1rem;color:#777}@media(max-width:768px){.echo-main{padding:1.5rem}.echo-grid{grid-template-columns:1fr}.echo-nav{gap:1rem;padding:1rem}.echo-nav-btn{padding:.5rem 1rem;font-size:.75rem}.echo-title{font-size:2rem}.echo-section-title{font-size:1.5rem}.echo-card-text{max-height:6rem}}